@charset "UTF-8";
/*==============================
      VARIABLES
-------------------------------*/
/*pink*/
/*menu*/
/*==============================
   FUNCTIONS
-------------------------------*/
/*---------------------------------BOOSTRAP MODIFICATIONS FOR TABLET AND MOBILE------------------------------------*/
@media (min-width: 1440px) {
  .container-fluid {
    max-width: 1440px;
    padding-left: 60px;
    padding-right: 60px; } }

@media (min-width: 1025px) and (max-width: 1439px) {
  .container-fluid {
    padding-left: 60px;
    padding-right: 60px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px; }
  .row {
    margin-left: -10px;
    margin-right: -10px; }
  .container-fluid {
    max-width: 100%; } }

@media (max-width: 767px) {
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 12px;
    padding-right: 12px; }
  .row {
    margin-left: -12px;
    margin-right: -12px; }
  .container-fluid {
    padding-right: 12px;
    padding-left: 12px; } }

/*=======================================
   RESPONSIVE - GLOBAL
=======================================*/
/*----------------------------Elements & tools import-----------------------------*/
/*==============================
      VARIABLES
-------------------------------*/
/*pink*/
/*menu*/
/*==============================
   FUNCTIONS
-------------------------------*/
/*==============================
    TITLES
-------------------------------*/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit; }

h1,
h1 a,
.titleLv1 {
  font-size: 40px;
  color: #3a3a3c;
  font-family: "Montserrat", "arial", sans-serif;
  font-weight: 300; }

h2,
h2 a,
.titleLv2 {
  font-size: 35px;
  color: #3a3a3c;
  font-family: "Montserrat", "arial", sans-serif;
  font-weight: 300; }
  h2.dotted:before,
  h2 a.dotted:before,
  .titleLv2.dotted:before {
    content: "•";
    padding-right: 10px;
    display: inline-block;
    vertical-align: middle; }
  h2.dotted:after,
  h2 a.dotted:after,
  .titleLv2.dotted:after {
    content: "•";
    padding-left: 10px;
    display: inline-block;
    vertical-align: middle; }

h3,
h3 a,
.titleLv3 {
  font-size: 30px;
  color: #3a3a3c;
  font-family: "Montserrat", "arial", sans-serif;
  font-weight: 300;
  text-transform: none; }

h4,
h4 a,
.titleLv4 {
  font-size: 20px;
  color: #3a3a3c;
  font-family: "Montserrat", "arial", sans-serif;
  font-weight: 400;
  text-transform: none; }

h5,
h5 a,
.titleLv5 {
  font-size: 20px;
  color: #3a3a3c;
  font-family: "noteworthylight", "Georgia", serif;
  font-weight: 400;
  text-transform: none; }

h6,
h6 a,
.titleLv6 {
  font-size: 18px;
  color: #3a3a3c;
  font-family: "Montserrat", "arial", sans-serif;
  font-weight: 400;
  text-transform: none; }

.titleCheckout {
  font-size: 30px;
  font-weight: 400; }

.subtitleCheckout {
  font-size: 20px;
  font-family: "noteworthylight", "Georgia", serif; }

.titleBgGrey {
  padding-right: 30px; }
  .titleBgGrey span {
    font-size: 13px;
    text-transform: uppercase;
    padding: 5px 20px;
    text-align: left;
    width: 100%;
    background: #D5D2D9;
    display: inline-block; }

a {
  color: #da487e;
  text-decoration: none; }
  a:hover, a:active {
    color: #da487e;
    text-decoration: none; }

.mainLink {
  font-size: 12px;
  color: #da487e;
  font-weight: 400;
  text-decoration: none;
  border-bottom: none; }
  .mainLink:hover, .mainLink:active {
    color: #da487e;
    text-decoration: none;
    border-bottom: 1px solid #da487e; }
  .mainLink.largeLink {
    text-transform: uppercase; }

.linkWithArrow {
  font-size: 13px;
  text-transform: uppercase;
  color: #3a3a3c;
  text-decoration: none;
  position: relative;
  font-weight: 500;
  display: inline-block;
  -webkit-transition: color 0.7s;
  -moz-transition: color 0.7s;
  -o-transition: color 0.7s;
  -ms-transition: color 0.7s;
  transition: color 0.7s; }
  .linkWithArrow .first {
    display: block; }
  .linkWithArrow .second {
    display: none; }
  .linkWithArrow:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    background: url("/web/images/icons/arrow-small-round.svg") no-repeat center center; }
  .linkWithArrow:hover, .linkWithArrow:active, .linkWithArrow:focus {
    color: #da487e;
    text-decoration: none;
    -webkit-transition: color 0.7s;
    -moz-transition: color 0.7s;
    -o-transition: color 0.7s;
    -ms-transition: color 0.7s;
    transition: color 0.7s; }
  .linkWithArrow:hover:after {
    animation: linkArrowHover 0.7s ease-in-out infinite;
    -webkit-animation: linkArrowHover 0.7s ease-in-out infinite;
    -moz-animation: linkArrowHover 0.7s ease-in-out infinite; }
  .linkWithArrow.reverse .first {
    display: none; }
  .linkWithArrow.reverse .second {
    display: block; }
  .linkWithArrow.reverse:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

@keyframes linkArrowHover {
  0% {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -10px; }
  100% {
    position: absolute;
    top: 25px;
    left: 50%;
    margin-left: -10px; } }

.introText {
  font-size: 16px;
  line-height: 23px;
  font-weight: 300; }

.currentText {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400; }

/*=============================================RESPONSIVE title and texts======================================================*/
@media (min-width: 768px) and (max-width: 1024px) {
  h1,
  h1 a,
  .titleLv1 {
    font-size: 32px; }
  h2,
  h2 a,
  .titleLv2 {
    font-size: 28px; }
  h3,
  h3 a,
  .titleLv3 {
    font-size: 25px; }
  h4,
  h4 a,
  .titleLv4 {
    font-size: 18px; }
  h5,
  h5 a,
  .titleLv5 {
    font-size: 16px; }
  h6,
  h6 a,
  .titleLv6 {
    font-size: 16px; } }

@media (max-width: 767px) {
  h1,
  h1 a,
  .titleLv1 {
    font-size: 25px; }
  h2,
  h2 a,
  .titleLv2 {
    font-size: 22px; }
  h3,
  h3 a,
  .titleLv3 {
    font-size: 20px; }
  h4,
  h4 a,
  .titleLv4 {
    font-size: 18px; }
  h5,
  h5 a,
  .titleLv5 {
    font-size: 16px; }
  h6,
  h6 a,
  .titleLv6 {
    font-size: 16px; } }

/*==============================
    BUTTONS
-------------------------------*/
/*=========================== BUTTONS ===========================*/
.btn, .btn:hover, .btn:focus,
a.btn, a.btn:hover, a.btn:focus {
  border: none;
  /*height: 45px;
  line-height: 40px;*/
  font-family: "Montserrat", "arial", sans-serif;
  font-weight: 500;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 3px;
  position: relative;
  padding: 10px 20px;
  white-space: normal; }
  .btn.wide, .btn:hover.wide, .btn:focus.wide,
  a.btn.wide, a.btn:hover.wide, a.btn:focus.wide {
    width: 100%; }

.btnLvl1, a.btnLvl1 {
  background: transparent;
  color: #3a3a3c;
  border: 1px solid #3a3a3c;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s; }
  .btnLvl1 a, a.btnLvl1 a {
    color: #3a3a3c;
    text-decoration: none; }
  .btnLvl1:hover, a.btnLvl1:hover {
    background: transparent;
    color: #3a3a3c;
    border: 1px solid #3a3a3c;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    -webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.75);
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.75); }
    .btnLvl1:hover a, a.btnLvl1:hover a {
      color: #3a3a3c; }
  .btnLvl1:focus, .btnLvl1:active, a.btnLvl1:focus, a.btnLvl1:active {
    background: transparent;
    color: #3a3a3c;
    border: 1px solid #3a3a3c;
    -webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.75);
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.75); }
  .btnLvl1:after, a.btnLvl1:after {
    content: '›';
    font-size: 16px;
    line-height: 14px;
    padding-left: 5px; }

.btnLvl2, a.btnLvl2 {
  background: #da487e;
  color: #ffffff;
  border: 1px solid #da487e;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s; }
  .btnLvl2 a, a.btnLvl2 a {
    color: #ffffff;
    text-decoration: none; }
  .btnLvl2:hover, a.btnLvl2:hover {
    background: #da487e;
    color: #ffffff;
    border: 1px solid #da487e;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    -webkit-box-shadow: 3px 3px 0 0 #68183b;
    -moz-box-shadow: 3px 3px 0 0 #68183b;
    box-shadow: 3px 3px 0 0 #68183b; }
    .btnLvl2:hover a, a.btnLvl2:hover a {
      color: #3a3a3c; }
  .btnLvl2:focus, .btnLvl2:active, a.btnLvl2:focus, a.btnLvl2:active {
    background: #da487e;
    color: #ffffff;
    border: 1px solid #da487e;
    -webkit-box-shadow: 3px 3px 0 0 #68183b;
    -moz-box-shadow: 3px 3px 0 0 #68183b;
    box-shadow: 3px 3px 0 0 #68183b; }
  .btnLvl2:after, a.btnLvl2:after {
    content: '›';
    font-size: 16px;
    line-height: 14px;
    padding-left: 5px; }

.btnLvl3, a.btnLvl3 {
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s; }
  .btnLvl3 a, a.btnLvl3 a {
    color: #ffffff;
    text-decoration: none; }
  .btnLvl3:hover, a.btnLvl3:hover {
    background: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    -webkit-box-shadow: 3px 3px 0 0 rgba(255, 255, 255, 0.75);
    -moz-box-shadow: 3px 3px 0 0 rgba(255, 255, 255, 0.75);
    box-shadow: 3px 3px 0 0 rgba(255, 255, 255, 0.75); }
    .btnLvl3:hover a, a.btnLvl3:hover a {
      color: #ffffff; }
  .btnLvl3:focus, .btnLvl3:active, a.btnLvl3:focus, a.btnLvl3:active {
    background: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
    -webkit-box-shadow: 3px 3px 0 0 rgba(255, 255, 255, 0.75);
    -moz-box-shadow: 3px 3px 0 0 rgba(255, 255, 255, 0.75);
    box-shadow: 3px 3px 0 0 rgba(255, 255, 255, 0.75); }
  .btnLvl3:after, a.btnLvl3:after {
    content: '›';
    font-size: 16px;
    line-height: 14px;
    padding-left: 5px; }

.btnCms {
  font-family: "Montserrat", "arial", sans-serif;
  font-weight: 500;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 3px;
  position: relative;
  padding: 10px 20px;
  background: transparent;
  color: #3a3a3c;
  border: 1px solid #3a3a3c;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s; }
  .btnCms a {
    color: #3a3a3c;
    text-decoration: none; }
  .btnCms:hover {
    background: transparent;
    color: #3a3a3c;
    border: 1px solid #3a3a3c;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    -webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.75);
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.75); }
    .btnCms:hover a {
      color: #3a3a3c; }
  .btnCms:focus, .btnCms:active {
    background: transparent;
    color: #3a3a3c;
    border: 1px solid #3a3a3c;
    -webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.75);
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.75); }
  .btnCms:after {
    content: '›';
    font-size: 16px;
    line-height: 14px;
    padding-left: 5px; }

.disabled {
  background: #D5D2D9;
  color: #3a3a3c;
  border: none; }
  .disabled:hover {
    background: #D5D2D9;
    color: #3a3a3c;
    border: none;
    cursor: default; }

.btnWishList, a.btnWishList {
  background: #C8C3D1 url("/web/images/icons/whishlit-btn.svg") no-repeat 5% center;
  color: #ffffff;
  border: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
  min-width: 250px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  padding-left: 50px; }
  .btnWishList a, a.btnWishList a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 400; }
  .btnWishList:hover, .btnWishList:focus, .btnWishList:active, a.btnWishList:hover, a.btnWishList:focus, a.btnWishList:active {
    background: #C8C3D1 url("/web/images/icons/whishlit-btn.svg") no-repeat 5% center;
    color: #ffffff;
    border: none;
    text-transform: none;
    font-weight: 400;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    -webkit-box-shadow: 3px 3px 0 0 #827b90;
    -moz-box-shadow: 3px 3px 0 0 #827b90;
    box-shadow: 3px 3px 0 0 #827b90;
    padding-left: 50px; }
    .btnWishList:hover a, .btnWishList:focus a, .btnWishList:active a, a.btnWishList:hover a, a.btnWishList:focus a, a.btnWishList:active a {
      color: #ffffff;
      text-decoration: none;
      font-weight: 400; }

.blockStyleguide .btn {
  margin-bottom: 20px; }

/*---------------------------------RESPONSIVE BUTTONS------------------------------------*/
@media (min-width: 768px) and (max-width: 1023px) {
  .btn, .btn:hover, .btn:focus,
  a.btn, a.btn:hover, a.btn:focus {
    font-size: 12px; }
  .btnWishList, a.btnWishList {
    min-width: 210px; } }

/*==============================
    FORMS
-------------------------------*/
select::-ms-expand {
  display: none; }

input, textarea {
  outline: none;
  border: 1px solid transparent; }

label {
  font-weight: normal; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number],
input[type=date] {
  -moz-appearance: textfield; }

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px white !important;
  background-color: #ffffff !important; }

.progress {
  margin-bottom: 0;
  box-shadow: none; }

/*-----------------------------------------FLOATING LABEL-----------------------------------------*/
.wrapFloatLabel {
  position: relative;
  margin-bottom: 15px;
  height: 40px; }
  .wrapFloatLabel label.floatLabel {
    position: absolute;
    left: 1px;
    top: 50%;
    transform: translateY(-50%);
    width: 87%;
    text-align: left;
    height: 50px;
    line-height: 50px;
    color: #B1AFB5;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
    cursor: text;
    background-color: transparent;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    -ms-transition: all 0.25s;
    transition: all 0.25s; }
    .wrapFloatLabel label.floatLabel span {
      /**/
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      display: block;
      width: 100%;
      /**/
      padding-right: 0;
      padding-left: 0;
      -webkit-transition: all 0.25s;
      -moz-transition: all 0.25s;
      -o-transition: all 0.25s;
      -ms-transition: all 0.25s;
      transition: all 0.25s; }
  .wrapFloatLabel input.floatLabelInput {
    background-color: transparent;
    color: #3a3a3c; }
    .wrapFloatLabel input.floatLabelInput:focus + label.floatLabel, .wrapFloatLabel input.floatLabelInput:active + label.floatLabel, .wrapFloatLabel input.floatLabelInput.active + label.floatLabel {
      background-color: transparent;
      transform: translate(0px, -30px);
      height: 30px;
      line-height: 30px; }
      .wrapFloatLabel input.floatLabelInput:focus + label.floatLabel span, .wrapFloatLabel input.floatLabelInput:active + label.floatLabel span, .wrapFloatLabel input.floatLabelInput.active + label.floatLabel span {
        /**/
        -webkit-transform: translate(0px, -15px);
        -moz-transform: translate(0px, -15px);
        -ms-transform: translate(0px, -15px);
        -o-transform: translate(0px, -15px);
        transform: translate(0px, -15px);
        /**/
        font-weight: 500;
        color: #B1AFB5;
        font-size: 9px; }

form .civilite {
  margin-bottom: 5px; }

/*-----------------------------------------STYLES GENERAUX-----------------------------------------*/
input[type="text"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="date"],
input[type="tel"],
input[type="email"] {
  height: 40px;
  line-height: 40px; }
  input[type="text"].smaller,
  input[type="password"].smaller,
  input[type="number"].smaller,
  input[type="search"].smaller,
  input[type="date"].smaller,
  input[type="tel"].smaller,
  input[type="email"].smaller {
    height: 30px;
    line-height: 30px; }

input[type="text"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="date"],
input[type="tel"],
input[type="email"],
textarea {
  background-color: white;
  border-bottom: 1px solid #B1AFB5;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding: 0;
  width: 100%;
  font-size: 13px;
  color: #B1AFB5;
  outline: none;
  font-weight: 500;
  /* WebKit, Blink, Edge */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10-11 */
  -webkit-box-shadow: 0px 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px 0px transparent;
  -o-box-shadow: 0px 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px 0px transparent;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s; }
  input[type="text"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="date"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #D5D2D9; }
  input[type="text"]:-moz-placeholder,
  input[type="password"]:-moz-placeholder,
  input[type="number"]:-moz-placeholder,
  input[type="search"]:-moz-placeholder,
  input[type="date"]:-moz-placeholder,
  input[type="tel"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #D5D2D9;
    opacity: 1; }
  input[type="text"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="date"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #D5D2D9;
    opacity: 1; }
  input[type="text"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="date"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #D5D2D9; }
  input[type="text"]:hover, input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:hover,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="number"]:hover,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="search"]:hover,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="date"]:hover,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="tel"]:hover,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="email"]:hover,
  input[type="email"]:focus,
  input[type="email"]:active,
  textarea:hover,
  textarea:focus,
  textarea:active {
    border-bottom: 1px solid #59575C; }

/*----------------------------------------- TEXTAREA -----------------------------------------*/
textarea {
  border: 1px solid #B1AFB5;
  padding: 10px;
  min-height: 100px;
  resize: vertical; }
  textarea:hover, textarea:focus, textarea:active {
    border-color: #59575C; }

.wrapFloatLabelTextarea {
  margin-bottom: 0;
  height: 110px; }
  .wrapFloatLabelTextarea label.floatLabel {
    top: 1px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
    .wrapFloatLabelTextarea label.floatLabel span {
      padding-right: 0;
      padding-left: 0;
      top: 0;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
  .wrapFloatLabelTextarea .floatLabelInput {
    background-color: transparent;
    color: #3a3a3c; }
    .wrapFloatLabelTextarea .floatLabelInput:focus + label.floatLabel, .wrapFloatLabelTextarea .floatLabelInput:active + label.floatLabel {
      background-color: transparent; }
      .wrapFloatLabelTextarea .floatLabelInput:focus + label.floatLabel span, .wrapFloatLabelTextarea .floatLabelInput:active + label.floatLabel span {
        transform: translate(0px, -34px);
        font-weight: 500;
        color: #B1AFB5;
        font-size: 9px; }

.wrapFloatLabelTextarea textarea {
  border: 0;
  border-top: 1px solid #B1AFB5;
  border-bottom: 1px solid #B1AFB5; }

.labelTextarea {
  color: #B1AFB5;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase; }

/*-----------------------------------------SELECT-----------------------------------------*/
select {
  outline: none;
  border-radius: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #8A878E;
  border-top: none;
  border-left: none;
  border-right: none;
  background-color: #ffffff;
  color: #8A878E;
  padding: 0 15px 0 0;
  text-transform: none; }

.wrapSelect,
.dropdownSelect,
.select_207,
.form-cadeau-select {
  position: relative; }
  .wrapSelect select,
  .wrapSelect .dropdown-menu,
  .dropdownSelect select,
  .dropdownSelect .dropdown-menu,
  .select_207 select,
  .select_207 .dropdown-menu,
  .form-cadeau-select select,
  .form-cadeau-select .dropdown-menu {
    position: relative;
    z-index: 99;
    width: 100%;
    height: 20px;
    font-style: normal;
    font-weight: 500;
    font-family: "Montserrat", "arial", sans-serif;
    font-size: 11px;
    line-height: 20px;
    text-transform: uppercase;
    cursor: pointer; }
  .wrapSelect select,
  .dropdownSelect select,
  .select_207 select,
  .form-cadeau-select select {
    height: 40px;
    line-height: 30px; }
  .wrapSelect .dropdown-menu,
  .dropdownSelect .dropdown-menu,
  .select_207 .dropdown-menu,
  .form-cadeau-select .dropdown-menu {
    position: absolute;
    top: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #799bd2;
    height: auto;
    line-height: normal;
    border-radius: 0;
    box-shadow: none; }
    .wrapSelect .dropdown-menu .radio,
    .dropdownSelect .dropdown-menu .radio,
    .select_207 .dropdown-menu .radio,
    .form-cadeau-select .dropdown-menu .radio {
      display: block;
      top: auto;
      padding: 3px 6px;
      font-size: inherit; }
      .wrapSelect .dropdown-menu .radio:focus, .wrapSelect .dropdown-menu .radio:hover, .wrapSelect .dropdown-menu .radio:active,
      .dropdownSelect .dropdown-menu .radio:focus,
      .dropdownSelect .dropdown-menu .radio:hover,
      .dropdownSelect .dropdown-menu .radio:active,
      .select_207 .dropdown-menu .radio:focus,
      .select_207 .dropdown-menu .radio:hover,
      .select_207 .dropdown-menu .radio:active,
      .form-cadeau-select .dropdown-menu .radio:focus,
      .form-cadeau-select .dropdown-menu .radio:hover,
      .form-cadeau-select .dropdown-menu .radio:active {
        background-color: #1e90ff;
        color: #fff; }
      .wrapSelect .dropdown-menu .radio .spanRadio,
      .dropdownSelect .dropdown-menu .radio .spanRadio,
      .select_207 .dropdown-menu .radio .spanRadio,
      .form-cadeau-select .dropdown-menu .radio .spanRadio {
        display: none; }
      .wrapSelect .dropdown-menu .radio .text,
      .dropdownSelect .dropdown-menu .radio .text,
      .select_207 .dropdown-menu .radio .text,
      .form-cadeau-select .dropdown-menu .radio .text {
        font-size: inherit; }
  .wrapSelect .dropdownSelectBtn,
  .wrapSelect .select_undefined,
  .dropdownSelect .dropdownSelectBtn,
  .dropdownSelect .select_undefined,
  .select_207 .dropdownSelectBtn,
  .select_207 .select_undefined,
  .form-cadeau-select .dropdownSelectBtn,
  .form-cadeau-select .select_undefined {
    display: inline-block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #B1AFB5;
    width: 100%;
    height: 20px;
    font-style: normal;
    font-weight: 500;
    font-family: "Montserrat", "arial", sans-serif;
    font-size: 11px;
    text-align: left;
    text-transform: uppercase;
    background: none;
    background-color: #fff;
    color: #8A878E; }
    .wrapSelect .dropdownSelectBtn::after,
    .wrapSelect .select_undefined::after,
    .dropdownSelect .dropdownSelectBtn::after,
    .dropdownSelect .select_undefined::after,
    .select_207 .dropdownSelectBtn::after,
    .select_207 .select_undefined::after,
    .form-cadeau-select .dropdownSelectBtn::after,
    .form-cadeau-select .select_undefined::after {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      top: 1px;
      width: 10px;
      height: 10px;
      background: url("/web/images/icons/select.svg") no-repeat right top;
      -webkit-background-size: 100%;
      background-size: 100%;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg); }
  .wrapSelect .dropdownSelectBtn,
  .dropdownSelect .dropdownSelectBtn,
  .select_207 .dropdownSelectBtn,
  .form-cadeau-select .dropdownSelectBtn {
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 10px; }
  .wrapSelect .dropdownSelectBtnName,
  .dropdownSelect .dropdownSelectBtnName,
  .select_207 .dropdownSelectBtnName,
  .form-cadeau-select .dropdownSelectBtnName {
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 20px;
    top: 0;
    bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #fff; }

.checkbox {
  padding-right: 20px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  color: #3a3a3c; }
  .checkbox input {
    display: none; }
  .checkbox .spanCheckbox {
    display: inline-block;
    float: left;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    margin-top: 5px;
    background-color: #ffffff;
    border: 1px solid #8A878E;
    border-radius: 0;
    position: relative; }
  .checkbox input:checked ~ .spanCheckbox span {
    background: #B1AFB5;
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px; }
    .checkbox input:checked ~ .spanCheckbox span .spanCheckbox {
      background-color: #B1AFB5;
      border: 1px solid #8A878E; }
  .checkbox:hover {
    color: #3a3a3c; }
    .checkbox:hover .spanCheckbox {
      background-color: #B1AFB5;
      border: 1px solid #8A878E; }

.radio {
  padding-right: 20px;
  margin-bottom: 0;
  margin-top: 0;
  cursor: pointer;
  font-size: 13px;
  color: #3a3a3c;
  font-weight: normal;
  display: inline-block;
  text-align: left; }
  .radio input {
    display: none; }
  .radio .spanRadio {
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-top: 3px;
    background-color: #ffffff;
    border: 1px solid #3a3a3c;
    border-radius: 10px;
    position: relative; }
  .radio input:checked ~ .spanRadio > span, .radio:hover .spanRadio > span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: #3a3a3c;
    display: inline-block;
    border-radius: 10px; }
  .radio .text {
    font-size: 14px; }

.wrapInputfile {
  position: relative;
  height: 30px;
  width: 100%; }
  .wrapInputfile:hover {
    cursor: pointer; }
  .wrapInputfile .file {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 30%;
    height: 30px;
    opacity: 0;
    padding: 0; }
    .wrapInputfile .file:hover {
      cursor: pointer; }
  .wrapInputfile .customInputFile {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%; }
    .wrapInputfile .customInputFile input {
      padding: 0 10px;
      margin-right: 0;
      float: left;
      color: #000000;
      cursor: pointer;
      width: 70%;
      height: 30px; }
    .wrapInputfile .customInputFile button {
      border: none;
      height: 30px;
      line-height: 30px;
      width: 30%;
      border-bottom: 1px solid #da487e;
      background-color: #da487e;
      color: #ffffff;
      font-weight: 500;
      font-size: 11px;
      float: left;
      cursor: pointer;
      padding: 0 10px;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s;
      /*i {
        margin-right: 10px;
      }*/ }
      .wrapInputfile .customInputFile button:hover {
        background-color: #da487e;
        color: #ffffff;
        border-bottom: 1px solid #68183b; }
    .wrapInputfile .customInputFile span {
      font-style: italic;
      font-size: 13px;
      float: left;
      position: relative;
      top: 5px; }

.bootstrap-select {
  outline: none; }
  .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%; }
  .bootstrap-select button.btn.btn-default {
    outline: none;
    border-radius: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #8A878E;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: #ffffff;
    color: #8A878E;
    padding: 0 0 0 15px;
    text-transform: none; }
  .bootstrap-select .caret {
    border: none;
    background: url("/images/icons/simpleArrow.svg") center center no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute !important;
    top: 1px !important;
    right: -1px !important; }
  .bootstrap-select.open {
    outline: none !important; }
    .bootstrap-select.open button.btn {
      border-top: 1px solid #3a3a3c !important;
      border-left: 1px solid #3a3a3c !important;
      border-right: 1px solid #3a3a3c !important;
      border-bottom: 0;
      background-color: #ffffff !important;
      box-shadow: none;
      outline: none !important; }
    .bootstrap-select.open .dropdown-menu.open {
      border-bottom: 1px solid #3a3a3c !important;
      border-left: 1px solid #3a3a3c !important;
      border-right: 1px solid #3a3a3c !important;
      border-radius: 0;
      margin: 0; }

.progress {
  height: 15px;
  background-color: #D5D2D9;
  border-radius: 3px; }
  .progress .progress-bar {
    background-color: #da487e;
    color: #ffffff;
    font-size: 10px;
    line-height: 15px; }

/*------------------------------------ QUANTITE ------------------------------------------*/
.qte .prd_qte {
  display: inline-block;
  position: relative;
  width: 60px;
  text-align: center; }
  .qte .prd_qte .btn-qte-moins,
  .qte .prd_qte .btn-qte-plus {
    display: inline-block;
    position: absolute;
    top: 4px;
    font-weight: 400;
    font-size: 24px;
    color: #8A878E;
    cursor: pointer; }
  .qte .prd_qte .btn-qte-moins {
    left: 0; }
  .qte .prd_qte .btn-qte-plus {
    right: 0; }
  .qte .prd_qte input {
    border-bottom-color: #8A878E;
    text-align: center;
    color: #8A878E; }

.formFooter {
  text-align: right; }
  .formFooter .btn + .btn {
    margin-left: 15px; }

.formLabel {
  display: inline-block;
  font-weight: 500;
  font-size: 11px;
  text-transform: uppercase;
  color: #B1AFB5; }
  .formLabel em {
    display: block;
    margin-top: 10px;
    font-weight: 400;
    font-size: 12px;
    text-transform: none; }

.help-block {
  display: block;
  font-style: italic;
  font-size: 12px;
  color: #8A878E; }

#contentville .help-block {
  position: absolute;
  top: 23px; }

.wrapFloatLabel + .help-block {
  margin-top: -10px; }

.wrapSelectBirthDate .formLabel {
  width: 35%;
  margin-top: 10px; }

.wrapSelectBirthDate .birth {
  width: 65%;
  text-align: right; }

.wrapSelectBirthDate select.selectBirthDate {
  width: 25%;
  margin-left: 15px;
  display: inline-block; }
  .wrapSelectBirthDate select.selectBirthDate#annee, .wrapSelectBirthDate select.selectBirthDate.selectYear {
    width: 33%; }
  .wrapSelectBirthDate select.selectBirthDate:hover {
    cursor: pointer; }

/*----------------------------ALERT-----------------------------*/
.err,
.success {
  display: block;
  position: relative;
  padding: 20px 20px 20px 70px;
  min-height: 60px;
  font-weight: 500;
  font-family: "Montserrat", "arial", sans-serif;
  font-size: 13px;
  background-color: #ebeaed; }
  .err::after,
  .success::after {
    content: "";
    position: absolute;
    left: 15px;
    top: 10px;
    display: block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-background-size: 100%;
    background-size: 100%; }

.err {
  color: #bd497b; }
  .err::after {
    background-image: url("/web/images/icons/alert_err.svg"); }

.success {
  color: #5e8853; }
  .success::after {
    background-image: url("/web/images/icons/alert_success.svg"); }

/*=========================================== RESPONSIVE FORMS ===========================================*/
@media (min-width: 768px) and (max-width: 1024px) {
  .wrapSelectBirthDate select.selectBirthDate {
    width: 23%; } }

@media (max-width: 767px) {
  .main_form input[type=text],
  .main_form input[type=password],
  .main_form input[type=email],
  .main_form select,
  .qte input[type=text],
  .qte input[type=password],
  .qte input[type=email],
  .qte select,
  .papier_cadeau input[type=text],
  .papier_cadeau input[type=password],
  .papier_cadeau input[type=email],
  .papier_cadeau select,
  .fpromo input[type=text],
  .fpromo input[type=password],
  .fpromo input[type=email],
  .fpromo select {
    padding-right: 10px;
    padding-left: 10px;
    height: 40px;
    border: 1px solid #B1AFB5;
    font-weight: 500;
    font-size: 12px;
    color: #3a3a3c; }
    .main_form input[type=text]:focus, .main_form input[type=text]:hover, .main_form input[type=text]:active,
    .main_form input[type=password]:focus,
    .main_form input[type=password]:hover,
    .main_form input[type=password]:active,
    .main_form input[type=email]:focus,
    .main_form input[type=email]:hover,
    .main_form input[type=email]:active,
    .main_form select:focus,
    .main_form select:hover,
    .main_form select:active,
    .qte input[type=text]:focus,
    .qte input[type=text]:hover,
    .qte input[type=text]:active,
    .qte input[type=password]:focus,
    .qte input[type=password]:hover,
    .qte input[type=password]:active,
    .qte input[type=email]:focus,
    .qte input[type=email]:hover,
    .qte input[type=email]:active,
    .qte select:focus,
    .qte select:hover,
    .qte select:active,
    .papier_cadeau input[type=text]:focus,
    .papier_cadeau input[type=text]:hover,
    .papier_cadeau input[type=text]:active,
    .papier_cadeau input[type=password]:focus,
    .papier_cadeau input[type=password]:hover,
    .papier_cadeau input[type=password]:active,
    .papier_cadeau input[type=email]:focus,
    .papier_cadeau input[type=email]:hover,
    .papier_cadeau input[type=email]:active,
    .papier_cadeau select:focus,
    .papier_cadeau select:hover,
    .papier_cadeau select:active,
    .fpromo input[type=text]:focus,
    .fpromo input[type=text]:hover,
    .fpromo input[type=text]:active,
    .fpromo input[type=password]:focus,
    .fpromo input[type=password]:hover,
    .fpromo input[type=password]:active,
    .fpromo input[type=email]:focus,
    .fpromo input[type=email]:hover,
    .fpromo input[type=email]:active,
    .fpromo select:focus,
    .fpromo select:hover,
    .fpromo select:active {
      border-color: #3a3a3c; }
  .qte input {
    text-align: center; }
  .main_form input[type=text],
  .main_form input[type=password],
  .main_form input[type=email],
  .main_form select {
    margin-bottom: 10px;
    width: 100%; }
  .main_form select {
    padding-right: 6px;
    padding-left: 6px; }
  .main_form .wrapLeft {
    margin-bottom: 0; }
    .main_form .wrapLeft .checkbox,
    .main_form .wrapLeft .radio {
      margin-top: 0;
      margin-bottom: 10px;
      padding-left: 25px; }
      .main_form .wrapLeft .checkbox .spanCheckbox,
      .main_form .wrapLeft .radio .spanCheckbox {
        position: absolute;
        left: 0;
        top: 0; }
      .main_form .wrapLeft .checkbox:hover .spanCheckbox,
      .main_form .wrapLeft .checkbox:hover .spanRadio,
      .main_form .wrapLeft .radio:hover .spanCheckbox,
      .main_form .wrapLeft .radio:hover .spanRadio {
        background-color: transparent; }
      .main_form .wrapLeft .checkbox input:checked ~ .spanCheckbox span,
      .main_form .wrapLeft .checkbox input:checked ~ .spanRadio span,
      .main_form .wrapLeft .radio input:checked ~ .spanCheckbox span,
      .main_form .wrapLeft .radio input:checked ~ .spanRadio span {
        background-color: #B1AFB5; }
    .main_form .wrapLeft .radio {
      padding-left: 0; }
      .main_form .wrapLeft .radio + .radio {
        margin-left: 15px; }
      .main_form .wrapLeft .radio .text {
        color: #3a3a3c; }
  .main_form label,
  .main_form .formLabel {
    display: inline-block;
    margin-right: 0;
    margin-bottom: 3px;
    height: auto;
    max-width: 100%;
    font-weight: 500;
    font-size: 12px;
    line-height: normal;
    text-transform: none;
    color: #3a3a3c; }
  .main_form .row {
    margin-right: -5px;
    margin-left: -5px; }
    .main_form .row > [class*="col-"] {
      padding-right: 5px;
      padding-left: 5px; }
  .main_form .btn_01 .btn {
    display: block;
    margin-top: 5px;
    width: 100%; }
    .main_form .btn_01 .btn + .btn {
      margin-top: 10px; }
  #edit_adresse .floatLabelInput {
    display: none; }
  .err,
  .success {
    margin: 15px;
    padding: 15px 15px 15px 55px;
    min-height: 45px; }
    .err::after,
    .success::after {
      width: 30px;
      height: 30px; }
  #msg_link {
    position: absolute;
    bottom: 60px;
    left: 0;
    z-index: 0; }
  .wrapSelectBirthDate .formLabel {
    width: 30%;
    margin-top: 10px; }
  .wrapSelectBirthDate .birth {
    width: 70%; }
  .wrapSelectBirthDate select.selectBirthDate {
    width: 29%;
    margin-left: 1%; }
    .wrapSelectBirthDate select.selectBirthDate#annee, .wrapSelectBirthDate select.selectBirthDate.selectYear {
      width: 35%; }
    .wrapSelectBirthDate select.selectBirthDate:hover {
      cursor: pointer; } }

/*==============================
    ELEMENTS
-------------------------------*/
/*Owl carousel default nav button and image size*/
.owl-carousel .owl-item img {
  width: auto; }

.owl-nav {
  text-align: center; }
  .owl-nav .owl-prev, .owl-nav .owl-next {
    display: inline-block;
    margin: 0 7px;
    width: 36px;
    height: 36px;
    background: url("/web/images/icons/arrow-slider.svg") no-repeat center center;
    -webkit-transition: border 0.2s;
    -moz-transition: border 0.2s;
    -o-transition: border 0.2s;
    -ms-transition: border 0.2s;
    transition: border 0.2s; }
    .owl-nav .owl-prev:hover, .owl-nav .owl-prev:active, .owl-nav .owl-next:hover, .owl-nav .owl-next:active {
      /*border : 3px solid rgba(200,195,209,0.5);
      border-radius: 20px;*/
      background: url("/web/images/icons/arrow-slider-on.svg") no-repeat center center;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      -ms-transition: all 0.2s;
      transition: all 0.2s; }
  .owl-nav .owl-prev {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg); }

/*------------------------Tooltips et popovers bootstrap--------------------------*/
.tooltipLink, .popoverLink {
  padding: 0;
  border: none;
  background: transparent; }
  .tooltipLink svg, .popoverLink svg {
    width: 18px;
    height: auto; }
    .tooltipLink svg path, .popoverLink svg path {
      fill: #8A878E; }
  .tooltipLink:hover svg path, .popoverLink:hover svg path {
    fill: #3a3a3c; }

.tooltip .tooltip-arrow {
  display: none; }

.tooltip .tooltip-inner {
  background: #ececec;
  padding: 30px;
  color: #59575C;
  border-radius: 0; }

/*----------------------------ICON - Close-----------------------------*/
.iconClose {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 18px;
  height: 18px;
  background: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s; }
  .iconClose:focus svg path, .iconClose:hover svg path, .iconClose:active svg path {
    fill: #38373A; }
  .iconClose svg {
    width: inherit;
    height: inherit;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s; }
    .iconClose svg path {
      fill: #8A878E; }

/*----------------------------ICON - Edit-----------------------------*/
.iconEdit {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 20px;
  height: 20px;
  background: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s; }
  .iconEdit:focus svg path, .iconEdit:hover svg path, .iconEdit:active svg path {
    fill: #38373A; }
  .iconEdit svg {
    top: 2px;
    width: inherit;
    height: inherit;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s; }
    .iconEdit svg path {
      fill: #8A878E; }

/*----------------------------ICON - Delete-----------------------------*/
.iconDelete {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 20px;
  height: 20px;
  background: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s; }
  .iconDelete:focus svg path, .iconDelete:hover svg path, .iconDelete:active svg path {
    fill: #38373A; }
  .iconDelete svg {
    top: 2px;
    width: inherit;
    height: inherit;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s; }
    .iconDelete svg path {
      fill: #8A878E; }

/*----------------------------INFO-----------------------------*/
.info {
  position: relative;
  width: 18px;
  height: 18px;
  cursor: pointer !important; }
  .info:focus .svg g, .info:focus .svg path, .info:focus .svg circle, .info:hover .svg g, .info:hover .svg path, .info:hover .svg circle, .info:active .svg g, .info:active .svg path, .info:active .svg circle {
    fill: #38373A; }
  .info .svg {
    width: inherit;
    height: inherit;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s; }
    .info .svg g, .info .svg path, .info .svg circle {
      fill: #8A878E; }

.cache {
  display: none; }

.tool-tip,
.tool-tip-livraison {
  z-index: 99;
  padding: 25px;
  width: 330px;
  font-style: italic;
  font-size: 12px;
  background-color: #ebeaed;
  color: #88868c; }
  .tool-tip #titleinfo,
  .tool-tip-livraison #titleinfo {
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 500;
    color: #3a3a3c; }

/*---------------------TITLE - Banner---------------------*/
.titleBanner {
  position: relative;
  padding-left: 55px;
  height: 55px; }

.titleBannerIcon {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 55px;
  border-right: 1px solid #ecebee; }
  .titleBannerIcon svg {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 35px;
    height: 35px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .titleBannerIcon svg path {
      fill: #da487e; }

.titleBannerName {
  margin: 0;
  padding: 0 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 55px;
  color: #da487e; }

.titleBannerAction {
  position: absolute;
  right: 15px;
  top: 50%;
  padding-top: 2px;
  font-size: 11px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .titleBannerAction a {
    display: inline-block;
    color: #8A878E; }
    .titleBannerAction a:focus, .titleBannerAction a:hover, .titleBannerAction a:active {
      text-decoration: underline; }

/*==============================
    POPUP
-------------------------------*/
/*---------------------POPUP---------------------*/
#popup {
  left: 50% !important;
  padding: 30px;
  width: 645px !important;
  border: 1px solid #ecebee;
  background-color: #fff;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }
  #popup .close_popup {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    cursor: pointer; }
  #popup .titre_popup {
    position: relative;
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    font-weight: 400;
    font-size: 30px;
    line-height: 34px;
    text-align: center; }
    #popup .titre_popup::after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 70px;
      height: 20px;
      background: url("/web/images/icons/noeud.svg") no-repeat center top;
      -webkit-background-size: 100%;
      background-size: 100%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
  #popup .mef_popup {
    position: relative; }
  #popup iframe {
    max-width: 100%; }

/*---------------------POPUP - Background---------------------*/
#bg-popup {
  background-color: rgba(200, 195, 209, 0.8) !important;
  opacity: 1 !important; }

/*=============================================RESPONSIVE POPUP======================================================*/
@media (max-width: 767px) {
  #popup {
    width: 100% !important;
    box-sizing: border-box;
    padding: 30px 15px; }
    #popup .titre_popup {
      margin-bottom: 7px;
      padding-top: 25px;
      padding-bottom: 30px;
      font-size: 18px;
      line-height: 20px; } }

@font-face {
  font-family: 'noteworthylight';
  src: url("/web/fonts/noteworthy_light-webfont.woff2") format("woff2"), url("/web/fonts/noteworthy_light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'noteworthybold';
  src: url("/web/fonts/noteworthy-bold-webfont.woff2") format("woff2"), url("/web/fonts/noteworthy-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/*==============================
    GLOBAL
-------------------------------*/
/*=========================== GLOBAL ===========================*/
body {
  position: relative;
  font-family: "Montserrat", "arial", sans-serif;
  font-size: 13px;
  color: #3a3a3c;
  overflow-x: hidden; }

* {
  outline: 0; }

.hidden {
  display: none; }

.left {
  float: left; }

.right {
  float: right; }

.no-float {
  float: none; }

.center {
  text-align: center; }

.bold {
  font-weight: 700; }

.italic {
  font-style: italic; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.uppercase {
  text-transform: uppercase; }

.underline {
  text-decoration: underline; }

.noPaddingSides {
  padding-left: 0;
  padding-right: 0; }

strong {
  font-weight: 500; }

.img-responsive {
  height: auto; }

.clear {
  clear: both; }

ul li {
  list-style: none; }

ul, ol {
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px; }

img, img:hover {
  border: none; }

h1, h2, h3, h4, h5, h6 {
  line-height: normal;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  margin: 0;
  padding: 0; }

p {
  margin: 0;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px; }

form {
  margin: 0; }

/*=========================== SI JAVASCRIPT DESACTIVE ===========================*/
body:not(.jsOn) [data-aos] {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transform: translateY(0) !important; }

/*=======================================
   RESPONSIVE - LISTING
=======================================*/
/*---------------------FILTER---------------------*/
.filter,
.wrapPanelGroup {
  font-size: 13px;
  margin-bottom: 30px; }
  .filter .panel-group,
  .wrapPanelGroup .panel-group {
    margin-bottom: 0; }
    .filter .panel-group .panel-heading + .panel-collapse > .list-group,
    .filter .panel-group .panel-heading + .panel-collapse > .panel-body,
    .wrapPanelGroup .panel-group .panel-heading + .panel-collapse > .list-group,
    .wrapPanelGroup .panel-group .panel-heading + .panel-collapse > .panel-body {
      border-top: 0; }
  .filter .panel,
  .wrapPanelGroup .panel {
    border: 0;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none; }
    .filter .panel + .panel,
    .wrapPanelGroup .panel + .panel {
      margin-top: 25px;
      padding-top: 30px;
      border-top: 1px solid #D5D2D9; }
  .filter .panel-heading,
  .wrapPanelGroup .panel-heading {
    margin-bottom: 15px;
    padding: 0;
    border-radius: 0; }
  .filter .panel-title,
  .wrapPanelGroup .panel-title {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: 400;
    font-size: inherit;
    text-transform: uppercase;
    color: #38373A; }
    .filter .panel-title a,
    .wrapPanelGroup .panel-title a {
      display: block;
      position: relative;
      padding-right: 30px;
      min-height: 20px;
      font-weight: 400;
      font-size: inherit;
      text-decoration: none;
      color: inherit; }
      .filter .panel-title a[aria-expanded="false"]::after,
      .wrapPanelGroup .panel-title a[aria-expanded="false"]::after {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); }
      .filter .panel-title a::after,
      .wrapPanelGroup .panel-title a::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 1px;
        width: 15px;
        height: 15px;
        background: url("/web/images/icons/chevron-filter.svg") no-repeat right top;
        -webkit-background-size: 100%;
        background-size: 100%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        -ms-transition: all 0.25s;
        transition: all 0.25s; }
  .filter .panel-body,
  .wrapPanelGroup .panel-body {
    padding: 0;
    border-top: 0; }
    .filter .panel-body .list_liens ul,
    .wrapPanelGroup .panel-body .list_liens ul {
      margin-left: 25px; }
    .filter .panel-body .list_liens .checkbox,
    .wrapPanelGroup .panel-body .list_liens .checkbox {
      position: relative;
      margin-top: 0;
      padding-right: 0;
      padding-left: 24px;
      font-size: inherit;
      text-decoration: none;
      color: #38373A; }
      .filter .panel-body .list_liens .checkbox.actif .spanCheckbox span,
      .wrapPanelGroup .panel-body .list_liens .checkbox.actif .spanCheckbox span {
        position: absolute;
        left: 0;
        top: 0;
        width: 12px;
        height: 12px;
        background-color: #D5D2D9; }
      .filter .panel-body .list_liens .checkbox .spanCheckbox,
      .wrapPanelGroup .panel-body .list_liens .checkbox .spanCheckbox {
        display: block;
        position: absolute;
        left: 0;
        top: 2px;
        float: none;
        margin-right: 0;
        margin-top: 0; }
  .filter .panel-footer,
  .wrapPanelGroup .panel-footer {
    margin-top: 5px;
    padding: 0;
    background-color: transparent;
    border-radius: 0; }
    .filter .panel-footer a:focus, .filter .panel-footer a:hover, .filter .panel-footer a:active,
    .wrapPanelGroup .panel-footer a:focus,
    .wrapPanelGroup .panel-footer a:hover,
    .wrapPanelGroup .panel-footer a:active {
      text-decoration: underline; }
  .filter .btnFilterSelection,
  .filter .btnFilterSelection:focus, .filter .btnFilterSelection:hover, .filter .btnFilterSelection:active,
  .wrapPanelGroup .btnFilterSelection,
  .wrapPanelGroup .btnFilterSelection:focus,
  .wrapPanelGroup .btnFilterSelection:hover,
  .wrapPanelGroup .btnFilterSelection:active {
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 40px 5px 10px;
    border: 0;
    height: 30px;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    text-transform: none;
    background-color: #ebeaed;
    color: #38373A;
    border-radius: 0; }
    .filter .btnFilterSelection::after,
    .filter .btnFilterSelection:focus::after, .filter .btnFilterSelection:hover::after, .filter .btnFilterSelection:active::after,
    .wrapPanelGroup .btnFilterSelection::after,
    .wrapPanelGroup .btnFilterSelection:focus::after,
    .wrapPanelGroup .btnFilterSelection:hover::after,
    .wrapPanelGroup .btnFilterSelection:active::after {
      display: none; }
  .filter .btnFilterSelection:focus, .filter .btnFilterSelection:hover, .filter .btnFilterSelection:active,
  .wrapPanelGroup .btnFilterSelection:focus,
  .wrapPanelGroup .btnFilterSelection:hover,
  .wrapPanelGroup .btnFilterSelection:active {
    background-color: #c5c2cf;
    box-shadow: none; }
    .filter .btnFilterSelection:focus .btnFilterSelectionIcon .icon path, .filter .btnFilterSelection:hover .btnFilterSelectionIcon .icon path, .filter .btnFilterSelection:active .btnFilterSelectionIcon .icon path,
    .wrapPanelGroup .btnFilterSelection:focus .btnFilterSelectionIcon .icon path,
    .wrapPanelGroup .btnFilterSelection:hover .btnFilterSelectionIcon .icon path,
    .wrapPanelGroup .btnFilterSelection:active .btnFilterSelectionIcon .icon path {
      fill: #ffffff; }
  .filter .btnFilterSelectionIcon,
  .wrapPanelGroup .btnFilterSelectionIcon {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: 1px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s; }
    .filter .btnFilterSelectionIcon .icon,
    .wrapPanelGroup .btnFilterSelectionIcon .icon {
      display: block;
      width: 10px;
      height: 10px; }
      .filter .btnFilterSelectionIcon .icon path,
      .wrapPanelGroup .btnFilterSelectionIcon .icon path {
        fill: #da487e; }
  .filter .panelContent,
  .wrapPanelGroup .panelContent {
    font-size: 12px; }
    .filter .panelContent .panel-body b, .filter .panelContent .panel-body strong,
    .wrapPanelGroup .panelContent .panel-body b,
    .wrapPanelGroup .panelContent .panel-body strong {
      font-weight: 400;
      color: #DA487E; }

.filterNavItem {
  display: inline-block;
  float: left;
  border-top: 1px solid #ecebee;
  border-bottom: 1px solid #ecebee;
  width: 50%;
  height: 40px;
  text-align: center; }
  .filterNavItem.open {
    background-color: transparent; }
  .filterNavItem + .filterNavItem {
    border-left: 1px solid #ecebee; }
  .filterNavItem a {
    display: block;
    position: relative;
    padding: 0 10px;
    height: 38px;
    font-size: 13px;
    line-height: 38px;
    text-transform: uppercase;
    background-color: #fff;
    color: #38373A; }

.filterNavItemIcon {
  display: inline-block;
  position: relative;
  top: 5px;
  margin-right: 10px;
  width: 20px;
  height: 20px; }
  .filterNavItemIcon svg {
    display: block;
    width: inherit;
    height: inherit; }

.filterNavContent {
  display: none; }

/*---------------------SLIDER - Price---------------------*/
.wrapSliderPrice .sliderPrice {
  margin: 0; }
  .wrapSliderPrice .sliderPrice.ui-widget.ui-widget-content {
    height: 15px;
    border: 1px solid #D5D2D9;
    background-color: #fff; }
  .wrapSliderPrice .sliderPrice.ui-slider .ui-slider-range {
    background-color: #D5D2D9; }
  .wrapSliderPrice .sliderPrice .ui-state-default,
  .wrapSliderPrice .sliderPrice .ui-widget-content .ui-state-default,
  .wrapSliderPrice .sliderPrice .ui-slider-handle {
    top: -6px;
    border: 1px solid #99969c;
    width: 25px;
    height: 25px;
    background-color: #fff;
    border-radius: 100%;
    outline: none; }
    .wrapSliderPrice .sliderPrice .ui-state-default.ui-state-focus, .wrapSliderPrice .sliderPrice .ui-state-default.ui-state-active, .wrapSliderPrice .sliderPrice .ui-state-default.ui-state-hover,
    .wrapSliderPrice .sliderPrice .ui-widget-content .ui-state-default.ui-state-focus,
    .wrapSliderPrice .sliderPrice .ui-widget-content .ui-state-default.ui-state-active,
    .wrapSliderPrice .sliderPrice .ui-widget-content .ui-state-default.ui-state-hover,
    .wrapSliderPrice .sliderPrice .ui-slider-handle.ui-state-focus,
    .wrapSliderPrice .sliderPrice .ui-slider-handle.ui-state-active,
    .wrapSliderPrice .sliderPrice .ui-slider-handle.ui-state-hover {
      background-color: #ffffff; }
  .wrapSliderPrice .sliderPrice .ui-slider-handle {
    margin-left: -13px;
    cursor: pointer; }
    .wrapSliderPrice .sliderPrice .ui-slider-handle::before, .wrapSliderPrice .sliderPrice .ui-slider-handle::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 8px;
      height: 8px;
      background: url("/web/images/icons/ui-slider-handle.svg") no-repeat center center;
      -webkit-background-size: 100%;
      background-size: 100%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    .wrapSliderPrice .sliderPrice .ui-slider-handle::before {
      right: 50%; }
    .wrapSliderPrice .sliderPrice .ui-slider-handle::after {
      left: 50%;
      margin-top: -4px;
      -webkit-transform: rotate(-180deg);
      -moz-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
      transform: rotate(-180deg); }

.filterText {
  display: block;
  position: absolute;
  left: 0;
  top: 30px;
  margin-left: -13px;
  width: 50px;
  font-weight: 400;
  font-family: "Montserrat", "arial", sans-serif;
  font-size: 13px;
  text-align: center;
  white-space: nowrap;
  color: #38373A; }

.wrapSliderPrice {
  margin-bottom: 30px;
  padding-right: 30px;
  padding-left: 30px; }

/*---------------------PRODUCT - Block---------------------*/
.productBlock {
  position: relative;
  padding-bottom: 15px;
  max-height: 410px; }
  .productBlock:focus::after, .productBlock:hover::after, .productBlock:active::after {
    right: 0;
    width: 100%; }
  .productBlock:focus .imgprodHover, .productBlock:hover .imgprodHover, .productBlock:active .imgprodHover {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    opacity: 1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  .productBlock::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #D5D2D9;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s; }
  .productBlock .image {
    position: relative; }
    .productBlock .image a {
      display: block; }
  .productBlock .imgprod {
    width: 310px;
    height: auto;
    max-width: 100%; }
  .productBlock .imgprodHover {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    max-width: 100%;
    height: auto;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  .productBlock .title {
    height: 36px;
    font-weight: 400;
    font-size: 13px; }
  .productBlock .desc {
    text-transform: lowercase;
    white-space: nowrap;
    color: #8A878E; }
    .productBlock .desc br {
      content: ""; }
      .productBlock .desc br::after {
        content: "\00a0"; }
  .productBlock .prix_remise {
    margin-right: 15px;
    text-decoration: line-through;
    color: #38373A; }
  .productBlock .price {
    display: inline-block;
    color: #da487e; }
  .productBlock .prix_remise ~ .price {
    text-decoration: underline; }
  .productBlock .lien {
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-indent: 100%;
    white-space: nowrap; }
    .productBlock .lien a {
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
  .productBlock .stock {
    display: inline-block;
    position: relative;
    margin-top: 5px; }
    .productBlock .stock.bitentotdispo, .productBlock .stock.epuise {
      color: #bd497b; }
      .productBlock .stock.bitentotdispo .stockIcon svg path, .productBlock .stock.epuise .stockIcon svg path {
        fill: #bd497b; }
    .productBlock .stock.enstock {
      color: #44894f; }
      .productBlock .stock.enstock .stockIcon svg path {
        fill: #44894f; }
  .productBlock .stockIcon {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    vertical-align: top; }
    .productBlock .stockIcon svg {
      display: block;
      width: inherit;
      height: inherit; }

.listingContent .productBlock {
  float: none;
  margin-bottom: 30px; }

.productBlockSticker {
  position: absolute;
  left: 15px;
  top: 15px;
  font-family: "noteworthylight", "Georgia", serif;
  font-size: 12px;
  text-align: left;
  color: #da487e; }

.productBlockStickerPromo {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 40px;
  height: 40px;
  font-weight: 700;
  font-family: "noteworthylight", "Georgia", serif;
  line-height: 48px;
  text-align: center;
  white-space: nowrap;
  background-color: #da487e;
  color: #fff;
  border-radius: 100%; }

.productBlockWishlist {
  position: absolute;
  right: 15px;
  top: 15px; }

.productBlockWishlistBtn {
  display: block;
  width: 20px;
  height: 20px;
  background: url("/web/images/icons/wishlist.svg") no-repeat center center;
  -webkit-background-size: 100%;
  background-size: 100%; }
  .productBlockWishlistBtn:focus, .productBlockWishlistBtn:hover, .productBlockWishlistBtn:active, .productBlockWishlistBtn.active {
    background-image: url("/web/images/icons/wishlist-active.svg"); }

/*=======================================
   RESPONSIVE - PROCESS
=======================================*/
/*----------------------------PROCESS - Panier-----------------------------*/
.art {
  position: relative;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-family: "Montserrat", "arial", sans-serif;
  line-height: normal;
  color: #8A878E; }
  .art .image {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 180px;
    height: 180px;
    max-width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .art .image a {
      display: block; }
    .art .image img {
      width: 180px;
      max-width: 100%;
      height: auto; }
  .art .nom {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 13px;
    width: 100%;
    color: #38373A; }
    .art .nom a {
      color: inherit; }
  .art .ref {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 13px;
    width: 100%;
    text-transform: uppercase; }

.prix_unit {
  color: #da487e; }
  .prix_unit .prix_remise {
    display: block;
    height: 15px;
    text-decoration: line-through;
    color: #38373A; }

.roll_emballage_td {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.roll_emballage {
  padding: 30px;
  background-color: #ecebee; }
  .roll_emballage .box_emballage + .box_emballage {
    margin-top: 30px; }
  .roll_emballage .titre {
    margin-bottom: 5px;
    text-transform: uppercase; }
  .roll_emballage .nbcararestant {
    font-style: italic;
    font-size: 12px;
    color: #8A878E; }
  .roll_emballage textarea {
    border-color: #B1AFB5;
    resize: none;
    height: 150px; }
  .roll_emballage .sub {
    margin-top: 110px; }
  .roll_emballage .info {
    position: absolute;
    left: 15px;
    top: 0; }
  .roll_emballage .btn {
    display: block;
    width: 100%; }

/*---------------------PROCESS - Tunnel---------------------*/
.processTunnel {
  margin-bottom: 30px; }

.processTunnelBody {
  padding-top: 15px;
  padding-bottom: 15px;
  height: 60px;
  font-weight: 700;
  font-family: "noteworthylight", "Georgia", serif;
  font-size: 18px;
  background-color: #ecebee;
  color: #8A878E; }
  .processTunnelBody ul li {
    position: relative;
    top: -1px;
    text-align: center; }
    .processTunnelBody ul li .iconArrow {
      position: absolute;
      right: 0;
      top: 50%;
      width: 15px;
      height: 15px;
      -webkit-transform: translateY(-50%) rotate(-90deg);
      -moz-transform: translateY(-50%) rotate(-90deg);
      -ms-transform: translateY(-50%) rotate(-90deg);
      -o-transform: translateY(-50%) rotate(-90deg);
      transform: translateY(-50%) rotate(-90deg); }
      .processTunnelBody ul li .iconArrow path {
        fill: #8A878E; }
  .processTunnelBody ul .actif {
    color: #da487e; }
    .processTunnelBody ul .actif .iconArrow path {
      fill: #da487e; }
    .processTunnelBody ul .actif .lib .icon path {
      fill: #da487e; }
  .processTunnelBody ul a {
    color: inherit; }
  .processTunnelBody ul .lib {
    display: inline-block;
    position: relative;
    padding-top: 10px;
    padding-left: 45px;
    min-height: 35px; }
    .processTunnelBody ul .lib .icon {
      display: block;
      position: absolute;
      left: 0;
      top: -1px;
      width: 35px;
      height: 35px; }
      .processTunnelBody ul .lib .icon path {
        fill: #8A878E; }

/*---------------------PROCESS - Table---------------------*/
.processTable {
  margin-bottom: 30px;
  width: 100%;
  max-width: 100%; }

.processTableCommandesDetails {
  margin-top: 45px;
  border-bottom: 1px solid #ecebee; }
  .processTableCommandesDetails .processTableBody tr td {
    vertical-align: top; }

.processTableCol12 {
  width: 100%; }

.processTableCol11 {
  width: 91.6667%; }

.processTableCol10 {
  width: 83.33333333%; }

.processTableCol9 {
  width: 75%; }

.processTableCol7 {
  width: 58.33333333%; }

.processTableCol6 {
  width: 50%; }

.processTableCol5 {
  width: 41.66666667%; }

.processTableCol4 {
  width: 33.33333333%; }

.processTableCol3 {
  width: 25%; }

.processTableCol2 {
  width: 16.66666667%; }

.processTableCol1 {
  width: 8.33333333%; }

.processTableHeader {
  border-bottom: 1px solid #ecebee; }
  .processTableHeader th {
    padding-top: 15px;
    padding-bottom: 10px;
    font-weight: 400;
    font-family: "Montserrat", "arial", sans-serif;
    font-size: 12px;
    vertical-align: top;
    white-space: nowrap;
    color: #8A878E; }

.processTableBody tr td {
  padding-top: 15px;
  padding-bottom: 15px;
  vertical-align: middle; }

.processTableBody tr + tr {
  border-top: 1px solid #ecebee; }
  .processTableBody tr + tr td {
    padding-top: 15px;
    padding-bottom: 15px; }

.processTableBody .art {
  padding-left: 195px;
  height: 225px; }
  .processTableBody .art .emballage {
    display: inline-block;
    width: 100%;
    font-style: italic; }
    .processTableBody .art .emballage .select_emballage label {
      display: inline-block;
      margin-right: 40px;
      font-weight: inherit;
      color: #da487e; }
    .processTableBody .art .emballage .select_emballage .form-cadeau-select {
      display: inline-block;
      width: 60px; }
      .processTableBody .art .emballage .select_emballage .form-cadeau-select select {
        padding-right: 10px;
        padding-left: 10px; }
      .processTableBody .art .emballage .select_emballage .form-cadeau-select .select_undefined {
        padding-right: 15px;
        padding-left: 15px; }
    .processTableBody .art .emballage .ct_emballage {
      margin-top: 30px; }
      .processTableBody .art .emballage .ct_emballage form {
        font-style: normal; }
        .processTableBody .art .emballage .ct_emballage form .sub {
          margin-top: 10px;
          text-align: right; }
          .processTableBody .art .emballage .ct_emballage form .sub .nbcararestant {
            display: inline-block;
            font-size: 11px;
            margin-right: 15px; }

.processTableBody .prix_total {
  color: #da487e; }
  .processTableBody .prix_total .prix_remise {
    display: block;
    height: 15px;
    text-decoration: line-through;
    color: #38373A; }

.processTableBody .prix_livraison {
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  color: #da487e; }

.processTableBody .delete-produit {
  display: inline-block;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s; }
  .processTableBody .delete-produit:focus .icon path, .processTableBody .delete-produit:hover .icon path, .processTableBody .delete-produit:active .icon path {
    fill: #38373A; }
  .processTableBody .delete-produit .icon {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s; }
    .processTableBody .delete-produit .icon path {
      fill: #8A878E; }

/*---------------------PROCESS - Promo - Banner---------------------*/
.processPromoBanner {
  margin-bottom: 30px;
  padding: 30px;
  background-color: #ecebee; }

.processPromoBannerHeader {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: #da487e; }

.processPromoBannerFooter {
  font-style: italic;
  font-size: 12px;
  text-align: center;
  color: #8A878E; }

/*---------------------PROCESS - Code promo---------------------*/
.processCodePromo {
  padding: 30px;
  border: 1px solid #ecebee;
  background-color: #fff; }

.titre_code_avantage {
  font-weight: 400;
  text-transform: uppercase;
  color: #38373A; }

.content_code_avantage .fpromo {
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  color: #38373A; }
  .content_code_avantage .fpromo .fpromoTitle {
    margin-bottom: 30px;
    font-weight: inherit; }
  .content_code_avantage .fpromo .wrapFloatLabel {
    margin-right: 45px;
    margin-bottom: 15px; }
    .content_code_avantage .fpromo .wrapFloatLabel label.floatLabel {
      background-color: transparent; }
  .content_code_avantage .fpromo .floatLabelInput {
    padding-right: 40px; }
  .content_code_avantage .fpromo .btnLvl1 {
    position: absolute;
    right: 45px;
    bottom: 0;
    border: 0;
    padding: 0;
    width: 30px;
    height: 40px;
    color: #da487e;
    outline: 0; }
    .content_code_avantage .fpromo .btnLvl1:focus, .content_code_avantage .fpromo .btnLvl1:hover, .content_code_avantage .fpromo .btnLvl1:active {
      box-shadow: none; }

.content_code_avantage .info {
  position: absolute;
  right: 0;
  bottom: 10px; }

.sous_code_avantage {
  font-style: italic;
  font-size: 12px;
  color: #8A878E; }

/*---------------------PROCESS - Amount---------------------*/
.processAmount {
  padding: 30px;
  background-color: #ecebee;
  color: #38373A; }
  .processAmount > .row + .row {
    margin-top: 20px; }
  .processAmount .processAmountLabel {
    white-space: normal; }
  .processAmount .prix {
    white-space: nowrap;
    color: #da487e; }
  .processAmount b, .processAmount strong {
    font-weight: 500;
    font-size: 18px; }

.processAmountRecapDetCommande {
  margin-top: 30px;
  margin-left: 115px; }

/*---------------------PROCESS - Action---------------------*/
.processAction {
  margin-top: 30px;
  margin-bottom: 60px; }
  .processAction .btn {
    min-width: 256px; }
  .processAction .continuer .btnLvl1::before {
    content: '‹';
    font-size: 16px;
    line-height: 14px;
    padding-right: 5px; }
  .processAction .continuer .btnLvl1::after {
    display: none; }
  .processAction .txt_suppression {
    margin-top: 30px;
    text-align: center; }

/*---------------------PROCESS - Block---------------------*/
.processBlock {
  position: relative; }

.processBlockContainer {
  padding: 30px;
  border: 1px solid #ecebee;
  background-color: #fff; }

.processBlockHeader {
  margin-bottom: 15px;
  text-align: center; }
  .processBlockHeader .image img {
    max-width: 100%; }

.processBlockTitle {
  position: relative;
  font-weight: 400;
  font-size: 30px; }
  .processBlockTitle b, .processBlockTitle strong {
    font-weight: inherit; }

.processBlockTitleIcon {
  display: block;
  height: 35px; }
  .processBlockTitleIcon .svg {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-bottom: -10px;
    width: 60px;
    height: 60px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    .processBlockTitleIcon .svg path {
      fill: #3a3a3c; }

.processBlockHeaderBtn {
  display: block;
  position: absolute;
  right: 15px;
  top: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  width: 15px;
  height: 15px;
  background: url("/web/images/icons/chevron-filter.svg") no-repeat right top;
  -webkit-background-size: 100%;
  background-size: 100%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  -ms-transition: all 0.25s;
  transition: all 0.25s; }
  .processBlockHeaderBtn[aria-expanded="false"] {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }

.processBlockSubtitle {
  font-weight: 300;
  font-size: 20px;
  font-family: "noteworthylight", "Georgia", serif; }
  .processBlockSubtitle a:focus, .processBlockSubtitle a:hover, .processBlockSubtitle a:active {
    text-decoration: underline; }

.processBlockBody .wrapLeft {
  margin-bottom: 5px; }

.processBlockBody .checkbox,
.processBlockBody .radio {
  top: auto;
  padding-right: 0;
  font-weight: 500;
  font-size: 11px;
  text-transform: uppercase;
  color: #B1AFB5; }
  .processBlockBody .checkbox + .checkbox,
  .processBlockBody .checkbox + .radio,
  .processBlockBody .radio + .checkbox,
  .processBlockBody .radio + .radio {
    margin-left: 60px; }
  .processBlockBody .checkbox .spanCheckbox,
  .processBlockBody .checkbox .spanRadio,
  .processBlockBody .radio .spanCheckbox,
  .processBlockBody .radio .spanRadio {
    margin-top: 0; }
  .processBlockBody .checkbox .text,
  .processBlockBody .radio .text {
    font-size: inherit; }

.processBlockIntro {
  margin-top: 15px;
  margin-bottom: 30px;
  font-weight: 400;
  text-align: center; }
  .processBlockIntro b, .processBlockIntro strong {
    font-weight: 500; }
  .processBlockIntro em {
    font-size: 12px;
    color: #8A878E; }
  .processBlockIntro hr {
    display: none; }

.processBlockFooter {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center; }
  .processBlockFooter .btn {
    min-width: 256px; }
  .processBlockFooter .accept_cgv .checkbox {
    margin-top: 0;
    margin-bottom: 30px; }
    .processBlockFooter .accept_cgv .checkbox .spanCheckbox {
      margin-top: 3px;
      border-color: #da487e; }
    .processBlockFooter .accept_cgv .checkbox .text {
      font-weight: 500;
      font-size: 15px;
      color: #da487e; }
      .processBlockFooter .accept_cgv .checkbox .text a {
        text-decoration: underline; }
        .processBlockFooter .accept_cgv .checkbox .text a:focus, .processBlockFooter .accept_cgv .checkbox .text a:hover, .processBlockFooter .accept_cgv .checkbox .text a:active {
          color: #da487e; }

.processBlockClientNew .processBlockBody {
  padding-top: 55px; }

.processBlockClientRegister .txt_intro {
  margin-bottom: 20px; }

.processBlockClientRegister .wrapSelect.pays,
.processBlockClientRegister .wrapSelect.pays select,
.processBlockClientRegister .wrapSelect.pays .select_undefined {
  height: 28px; }

.processBlockClientRegister .wrapSelect.pays {
  padding-top: 6px; }

.processBlockClientRegister #contentville .wrapSelect,
.processBlockClientRegister #contentville .select,
.processBlockClientRegister #contentville .select_undefined {
  height: 28px; }

.processBlockClientRegister #contentville .wrapSelect {
  margin-bottom: 15px;
  padding-top: 12px; }

.processBlockClientRegister .contentenfant {
  margin-bottom: 30px; }

.processBlockClientRegister .list_preferences_check .checkbox {
  margin-top: 0; }
  .processBlockClientRegister .list_preferences_check .checkbox .spanCheckbox {
    margin-top: 3px;
    margin-right: 15px; }
  .processBlockClientRegister .list_preferences_check .checkbox .text {
    font-size: 13px; }
    .processBlockClientRegister .list_preferences_check .checkbox .text span {
      color: inherit !important; }

.processBlockClientRegister .sub_inscription {
  margin-top: 15px; }

.processBlockDeliveryMode .processBlockTitle {
  display: inline-block;
  position: relative; }
  .processBlockDeliveryMode .processBlockTitle::before {
    content: "";
    display: block;
    position: absolute;
    left: -65px;
    top: -7px;
    width: 30px;
    height: 50px;
    background: url("/web/images/process/processBlockDeliveryMode.png") no-repeat left top; }

.processBlockDeliveryAddress .processBlockTitle {
  display: inline-block;
  position: relative;
  white-space: nowrap; }
  .processBlockDeliveryAddress .processBlockTitle::before {
    content: "";
    display: block;
    position: absolute;
    left: -50px;
    top: -5px;
    width: 30px;
    height: 50px;
    background: url("/web/images/process/processBlockDeliveryAddress.png") no-repeat left top; }

.processBlockDeliveryAddress #sel_livre select[name="adresse_id_livraison"] {
  margin-top: 5px; }

.processBlockDeliveryAddress .storelocatoremapVisible {
  margin-top: 30px;
  height: 350px; }

.processBlockRecap .processBlockContainer {
  border-bottom: 0; }

.processBlockRecap .processBlockTitle {
  display: inline-block;
  position: relative; }
  .processBlockRecap .processBlockTitle::before {
    content: "";
    display: block;
    position: absolute;
    left: -65px;
    top: -7px;
    width: 30px;
    height: 50px;
    background: url("/web/images/process/processBlockDeliveryMode.png") no-repeat left top; }

.processBlockRecap hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border-color: #B1AFB5; }

.processBlockRecap .processTable {
  margin-bottom: 0; }
  .processBlockRecap .processTable .art {
    padding-left: 115px;
    height: 110px; }
    .processBlockRecap .processTable .art .image {
      width: 100px;
      height: 100px; }
      .processBlockRecap .processTable .art .image img {
        width: 100px;
        height: auto; }

.processBlockRecap .processPoints {
  margin-top: 0;
  padding-left: 20px;
  border-left: 8px solid #da487e; }

.processBlockRecapAddress .processBlockContainer {
  padding-top: 0;
  border-top: 0; }

.processBlockRecapAddress .processBlockLegend {
  margin-top: 0; }

.processBlockAvantage .processBlockContainer {
  border-bottom: 0; }

.processBlockAvantage .processBlockTitle {
  display: inline-block;
  position: relative; }
  .processBlockAvantage .processBlockTitle::before {
    content: "";
    display: block;
    position: absolute;
    left: -50px;
    top: -5px;
    width: 30px;
    height: 50px;
    background: url("/web/images/process/processBlockDeliveryAddress.png") no-repeat left top; }

.processBlockAvantage .processBlockBody .checkbox {
  margin-top: 0; }
  .processBlockAvantage .processBlockBody .checkbox .spanCheckbox {
    position: absolute;
    left: 0;
    top: 0; }
  .processBlockAvantage .processBlockBody .checkbox .text {
    display: inline-block;
    padding-left: 40px;
    font-size: 13px;
    line-height: 16px;
    text-transform: none;
    color: #3a3a3c; }

.processBlockPaiement .processBlockContainer {
  padding-top: 0;
  border-top: 0; }

.processBlockPaiement .processBlockLegend {
  margin-top: 0; }

.processBlockCms p + p {
  margin-top: 15px; }

.processBlockCms form {
  margin-top: 10px; }

.processBlockCms b, .processBlockCms strong {
  font-weight: 500; }

.processBlockCms .processBlockFieldsetContainer {
  margin-top: 20px;
  margin-left: 0; }

.processBlockHamon {
  margin-bottom: 60px; }
  .processBlockHamon .processBlockIntro {
    text-align: left; }
  .processBlockHamon .processBlockFieldsetContainer {
    margin-top: 30px;
    margin-left: 0; }
    .processBlockHamon .processBlockFieldsetContainer hr {
      margin-top: 15px;
      margin-bottom: 15px;
      border-color: #fff; }
    .processBlockHamon .processBlockFieldsetContainer .list_preferences_check .formLabel {
      display: block;
      margin-right: 0;
      margin-bottom: 5px;
      height: auto;
      line-height: normal; }
      .processBlockHamon .processBlockFieldsetContainer .list_preferences_check .formLabel br {
        display: none; }
    .processBlockHamon .processBlockFieldsetContainer .list_preferences_check .checkbox,
    .processBlockHamon .processBlockFieldsetContainer .list_preferences_check .radio {
      margin-top: 0;
      margin-bottom: 3px; }
      .processBlockHamon .processBlockFieldsetContainer .list_preferences_check .checkbox .text,
      .processBlockHamon .processBlockFieldsetContainer .list_preferences_check .radio .text {
        font-weight: 500;
        font-size: 11px;
        color: #B1AFB5;
        text-transform: uppercase; }
    .processBlockHamon .processBlockFieldsetContainer .contact_mail .formLabel {
      display: block;
      margin-right: 0;
      margin-bottom: 5px;
      height: auto;
      line-height: normal; }
    .processBlockHamon .processBlockFieldsetContainer .contact_mail textarea {
      height: 110px; }
  .processBlockHamon .formhamonFooter {
    margin-top: 30px;
    text-align: center; }
    .processBlockHamon .formhamonFooter .btn {
      min-width: 256px; }

.processBlockCatalogue {
  margin-bottom: 60px; }
  .processBlockCatalogue .processBlockTitle {
    white-space: nowrap; }

/*---------------------PROCESS - Block - Fieldset---------------------*/
.processBlockFieldset dl {
  margin-bottom: 0; }

.processBlockFieldset dt {
  font-weight: 500; }

.processBlockFieldset dd {
  font-weight: 400; }

.processBlockFieldset .adrmodBody {
  margin-right: 30px;
  margin-left: 30px; }

.processBlockFieldset .adrmodFooter {
  margin-top: 30px; }
  .processBlockFieldset .adrmodFooter .btn {
    display: block; }

.processBlockLegend {
  position: relative;
  margin-top: 30px;
  margin-bottom: 15px;
  margin-left: -30px;
  padding-top: 7px;
  padding-right: 150px;
  padding-bottom: 7px;
  padding-left: 30px;
  font-weight: 400;
  font-size: 13px;
  text-transform: uppercase;
  background-color: #ecebee; }
  .processBlockLegend br {
    display: none; }

.processBlockSublegend {
  margin-top: 30px;
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 13px;
  text-transform: uppercase; }

.processBlockLegendAction {
  position: absolute;
  right: 15px;
  top: 7px;
  white-space: nowrap; }
  .processBlockLegendAction a {
    font-weight: 400;
    font-size: 13px;
    text-transform: none;
    color: #da487e; }

.processBlockFieldsetContainer {
  margin-left: -30px;
  padding: 30px;
  background-color: #ecebee; }

.processBlockLegend + .processBlockFieldsetContainer {
  margin-top: -13px; }

/*---------------------PROCESS - Block - Fieldset - Profile---------------------*/
.processBlockFieldsetProfile ul li + li {
  margin-top: 2px; }

.processBlockFieldsetProfile dl dt + dt,
.processBlockFieldsetProfile dl dt + dd,
.processBlockFieldsetProfile dl dd + dt,
.processBlockFieldsetProfile dl dd + dd {
  margin-top: 2px; }

.processBlockFieldsetProfile dl dt {
  font-weight: 400; }

.processBlockFieldsetProfile b, .processBlockFieldsetProfile strong {
  font-weight: 400;
  color: #da487e; }

.processBlockFieldsetProfile .list_famille > .col-xs-4:nth-child(3n) + .col-xs-4 {
  clear: left; }

.processBlockFieldsetProfile .list_famille > .col-xs-4:nth-child(3n) ~ .col-xs-4 {
  margin-top: 30px; }

.processBlockFieldsetProfile .list_famille dl {
  display: block;
  position: relative;
  padding: 30px 70px 30px 30px;
  border: 1px solid #ecebee; }
  .processBlockFieldsetProfile .list_famille dl dt {
    color: #da487e; }
  .processBlockFieldsetProfile .list_famille dl .parente {
    font-style: italic;
    font-size: 12px;
    color: #88868c; }
  .processBlockFieldsetProfile .list_famille dl .btn {
    display: block;
    width: 100%;
    margin-top: 10px; }
  .processBlockFieldsetProfile .list_famille dl .iconEdit,
  .processBlockFieldsetProfile .list_famille dl .iconDelete {
    position: absolute;
    top: 30px;
    width: 15px;
    height: 15px; }
  .processBlockFieldsetProfile .list_famille dl .iconEdit {
    right: 50px; }
  .processBlockFieldsetProfile .list_famille dl .iconDelete {
    right: 30px; }

.processBlockFieldsetProfile .btn_modifier {
  margin-top: 20px; }
  .processBlockFieldsetProfile .btn_modifier .btn {
    width: 150px; }

/*---------------------PROCESS - Block - Fieldset - Share---------------------*/
.processBlockFieldsetShareSocial {
  display: inline-block;
  vertical-align: middle; }
  .processBlockFieldsetShareSocial .titre_rose_dotted,
  .processBlockFieldsetShareSocial a {
    display: inline-block;
    vertical-align: middle; }
  .processBlockFieldsetShareSocial a {
    text-decoration: none; }
  .processBlockFieldsetShareSocial svg {
    margin-left: 10px;
    width: 30px;
    height: 30px; }
    .processBlockFieldsetShareSocial svg path {
      fill: #da487e; }

/*---------------------PROCESS - Delivery - Mode---------------------*/
.processDeliveryMode {
  margin-bottom: 15px; }
  .processDeliveryMode tr td {
    padding-top: 0;
    padding-bottom: 0; }
    .processDeliveryMode tr td .modif a {
      font-weight: 400; }
  .processDeliveryMode .processTableBody tr + tr {
    border-top: 0; }
  .processDeliveryMode label {
    margin-bottom: 0;
    font-weight: 400; }

.processDeliveryModeFigure img {
  height: auto;
  max-width: 75%; }

.processDeliveryModeTitle {
  margin-bottom: 5px;
  font-weight: 500; }

.processDeliveryModeLead {
  font-style: italic;
  font-size: 12px;
  color: #8A878E; }
  .processDeliveryModeLead b, .processDeliveryModeLead strong {
    font-weight: 500; }
  .processDeliveryModeLead > .mainLink {
    margin-bottom: 10px;
    display: inline-block; }

/*---------------------PROCESS - Delivery - Relais---------------------*/
.processDeliveryRelais {
  display: block;
  position: relative;
  overflow-y: auto;
  margin-top: 15px;
  padding-right: 15px;
  max-height: 400px; }
  .processDeliveryRelais .err {
    margin-bottom: 0; }

.processDeliveryRelaisHeader {
  margin-bottom: 15px; }

.processDeliveryRelaisLabel {
  display: block;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer; }
  .processDeliveryRelaisLabel b, .processDeliveryRelaisLabel strong {
    font-weight: 500; }

/*=============================================RESPONSIVE PROCESS ======================================================*/
@media (min-width: 768px) and (max-width: 1024px) {
  /*---------------------PROCESS - Table---------------------*/
  .processTableCommandesDetails {
    margin-top: 15px; }
  .processPromoBanner {
    margin-bottom: 20px; }
  .processCodePromo {
    margin-bottom: 20px; }
  .processAmountRecapDetCommande {
    margin-top: 15px; }
  /*---------------------PROCESS - Block - Fieldset - Profile---------------------*/
  .processBlockFieldsetProfile .btn_modifier {
    margin-top: 10px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .processBlockDeliveryMode .processBlockTitle {
    font-size: 20px; }
  .processBlockDeliveryMode .processTableCol6 {
    width: 66.66666667%; }
  .processBlockDeliveryAddress .processBlockTitle {
    font-size: 20px; }
  .processBlockCatalogue .processBlockTitle {
    white-space: normal; } }

@media (max-width: 767px) {
  /*----------------------------PROCESS - Panier-----------------------------*/
  .art .image {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  .art .nom {
    display: block;
    margin-bottom: 5px;
    font-size: 12px; }
  .art .ref {
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
    text-transform: none; }
  .prix_unit .prix_remise {
    display: inline-block;
    height: auto; }
  .roll_emballage {
    margin-top: 20px;
    margin-right: -15px;
    margin-left: -15px;
    padding: 15px; }
    .roll_emballage textarea {
      height: 100px; }
    .roll_emballage .sub {
      margin-top: 10px;
      text-align: center; }
    .roll_emballage .btn {
      display: inline-block;
      width: auto;
      min-width: 160px; }
  /*---------------------PROCESS - Tunnel---------------------*/
  .processTunnel {
    margin-bottom: 15px; }
  .processTunnelBody {
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    height: 55px;
    text-align: center; }
    .processTunnelBody ul {
      display: inline-block;
      height: inherit; }
      .processTunnelBody ul li {
        float: left;
        padding-top: 12px;
        padding-right: 30px;
        height: inherit; }
        .processTunnelBody ul li:last-child {
          padding-right: 0; }
        .processTunnelBody ul li .iconArrow {
          right: 10px;
          margin-top: 3px;
          width: 10px;
          height: 10px; }
      .processTunnelBody ul .lib {
        padding-top: 9px;
        padding-left: 35px; }
      .processTunnelBody ul .libName {
        display: inline-block;
        margin-left: 5px; }
  /*---------------------PROCESS - Promo - Banner---------------------*/
  .processPromoBanner {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px; }
  .processPromoBannerHeader {
    font-size: 16px; }
  /*---------------------PROCESS - Code promo---------------------*/
  .processCodePromo {
    margin-bottom: 0;
    padding: 15px;
    border-bottom: 0; }
  .titre_code_avantage {
    margin-bottom: 15px;
    font-size: 12px; }
  .content_code_avantage > .row {
    margin-right: -7.5px;
    padding-left: -7.5px; }
    .content_code_avantage > .row > [class*="col-"] {
      padding-right: 7.5px;
      padding-left: 7.5px; }
  /*---------------------PROCESS - Amount---------------------*/
  .processAmount {
    margin-right: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px; }
  /*---------------------PROCESS - Action---------------------*/
  .processAction {
    margin-top: 20px;
    margin-bottom: 0;
    padding-right: 15px;
    padding-left: 15px; }
    .processAction .btn {
      display: block;
      margin-bottom: 20px;
      white-space: normal; }
  /*---------------------PROCESS - Block---------------------*/
  .processBlock + .processBlock .processBlockContainer {
    border-top: 0; }
  .processBlockContainer {
    padding: 15px 15px 20px;
    border-right: 0;
    border-left: 0; }
  .processBlockHeader {
    margin-bottom: 0; }
    .processBlockHeader .image {
      margin-bottom: 15px; }
  .processBlockTitle {
    font-size: 20px;
    line-height: 22px; }
  .processBlockTitleIcon .svg {
    margin-bottom: 0;
    width: 45px;
    height: 45px; }
  .processBlockSubtitle {
    margin-top: -5px;
    margin-bottom: 15px;
    font-size: 16px; }
  .processBlockBody .err,
  .processBlockBody .success {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0; }
  .processBlockBody .wrapLeft {
    margin-bottom: 0; }
  .processBlockIntro {
    margin-top: 0;
    margin-bottom: 15px; }
  .processBlockFooter {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left; }
    .processBlockFooter .accept_cgv .checkbox {
      line-height: normal;
      margin-right: 15px;
      margin-bottom: 0;
      margin-left: 15px;
      padding-right: 0;
      padding-left: 25px; }
      .processBlockFooter .accept_cgv .checkbox:hover .spanCheckbox,
      .processBlockFooter .accept_cgv .checkbox:hover .spanRadio {
        background-color: transparent; }
      .processBlockFooter .accept_cgv .checkbox input:checked ~ .spanCheckbox span,
      .processBlockFooter .accept_cgv .checkbox input:checked ~ .spanRadio span {
        background-color: #D5D2D9; }
      .processBlockFooter .accept_cgv .checkbox .spanCheckbox {
        display: block;
        position: absolute;
        left: 0;
        top: -1px; }
      .processBlockFooter .accept_cgv .checkbox .text {
        font-size: 12px; }
  .processBlockClientNew .processBlockBody {
    padding-top: 0; }
  .processBlockDeliveryMode .form-relais .btn_03 {
    margin-bottom: 10px; }
    .processBlockDeliveryMode .form-relais .btn_03 .btn {
      display: block;
      width: 100%; }
  .processBlockDeliveryMode .form-relais .row {
    margin-right: -5px;
    margin-left: -5px; }
    .processBlockDeliveryMode .form-relais .row > [class*="col-"] {
      padding-right: 5px;
      padding-left: 5px; }
  .processBlockDeliveryMode .form-relais-intro {
    margin-bottom: 15px; }
  .processBlockDeliveryAddress .processBlockFieldset + .processBlockFieldset {
    margin-top: 15px; }
  .processBlockRecap .processBlockContainer {
    padding-bottom: 0;
    border-bottom: 1px solid #ececec; }
  .processBlockRecap .processBlockTitle {
    margin: 5px 0 15px; }
    .processBlockRecap .processBlockTitle::before {
      display: none; }
  .processBlockRecap .processBlockHeaderBtn {
    top: 25px; }
  .processBlockRecap .collapse {
    padding-bottom: 20px; }
  .processBlockRecapAddress .processBlockContainer {
    margin-bottom: 15px;
    padding-bottom: 0; }
  .processBlockAvantage .processBlockContainer {
    padding-bottom: 0;
    border-bottom: 1px solid #ecebee; }
  .processBlockAvantage .processBlockTitle {
    margin: 5px 0 15px; }
    .processBlockAvantage .processBlockTitle::before {
      display: none; }
  .processBlockAvantage .processBlockHeaderBtn {
    top: 25px; }
  .processBlockAvantage .processAmount {
    margin-bottom: 15px !important; }
  .processBlockAvantage .collapse {
    padding-bottom: 20px; }
  .processBlockAvantage .logo {
    display: inline-block;
    width: 50px; }
    .processBlockAvantage .logo img {
      max-width: 100%; }
  .processBlockAvantage .processDeliveryModeLead .livraison {
    display: block;
    margin-top: 5px;
    padding: 15px;
    font-style: italic;
    font-size: 12px;
    background-color: #ebeaed;
    color: #88868c; }
    .processBlockAvantage .processDeliveryModeLead .livraison b, .processBlockAvantage .processDeliveryModeLead .livraison strong {
      font-weight: 500; }
  .processBlockCatalogue {
    margin-bottom: 0; }
    .processBlockCatalogue .div_intro {
      margin-bottom: 15px;
      position: relative; }
    .processBlockCatalogue .processBlockTitle {
      white-space: normal; }
  /*---------------------PROCESS - Block - Fieldset---------------------*/
  .processBlockFieldset {
    margin-bottom: 5px; }
    .processBlockFieldset hr {
      margin-top: 5px;
      margin-bottom: 15px; }
    .processBlockFieldset + .processBlockFieldset {
      margin-top: 15px; }
  .processBlockLegend {
    margin-top: 0;
    margin-bottom: 15px;
    margin-left: -15px;
    padding-right: 60px;
    padding-left: 15px; }
  .processBlockLegendAction a {
    font-size: 12px; }
  .processBlockFieldsetContainer {
    margin-left: -15px;
    padding: 15px; }
  /*---------------------PROCESS - Block - Fieldset - Profile---------------------*/
  .processBlockFieldsetProfile .list_famille dl {
    padding: 15px 45px 15px 15px; }
    .processBlockFieldsetProfile .list_famille dl + dl {
      margin-top: 15px; }
    .processBlockFieldsetProfile .list_famille dl .iconEdit,
    .processBlockFieldsetProfile .list_famille dl .iconDelete {
      top: 15px; }
    .processBlockFieldsetProfile .list_famille dl .iconEdit {
      right: 35px; }
    .processBlockFieldsetProfile .list_famille dl .iconDelete {
      right: 15px; }
  /*---------------------PROCESS - Block - Fieldset - Share---------------------*/
  .processBlockFieldsetShareSocial .titre_rose_dotted {
    display: block;
    margin-bottom: 5px; }
  /*---------------------PROCESS - Delivery - Mode---------------------*/
  .processDeliveryMode tr td {
    vertical-align: top; }
    .processDeliveryMode tr td .radio {
      top: 3px; }
  /*---------------------PROCESS - Delivery - Relais---------------------*/
  .processDeliveryRelais .processTable tr td {
    vertical-align: top; }
    .processDeliveryRelais .processTable tr td .radio {
      top: 3px; }
  .processDeliveryRelaisHours {
    margin-top: 5px;
    padding: 15px;
    font-style: italic;
    font-size: 12px;
    background-color: #ebeaed;
    color: #88868c; }
    .processDeliveryRelaisHours b, .processDeliveryRelaisHours strong {
      font-weight: 500; }
    .processDeliveryRelaisHours div {
      margin-bottom: 5px;
      font-style: normal;
      color: #3a3a3c; } }

/*=======================================
   RESPONSIVE - ACCOUNT
=======================================*/
/*---------------------ACCOUNT - Left---------------------*/
.accountLeft .titleLv1 {
  position: relative;
  margin-bottom: 30px; }

.accountLeftBtnCollapse {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  background-color: transparent; }
  .accountLeftBtnCollapse[aria-expanded="true"]::after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  .accountLeftBtnCollapse::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 15px;
    width: 15px;
    height: 15px;
    background: transparent url("/web/images/icons/chevron-filter.svg") no-repeat right center;
    -webkit-background-size: 100%;
    background-size: 100%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    -ms-transition: all 0.25s;
    transition: all 0.25s; }

.accountLeftHeader {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
  padding-left: 40px;
  border-bottom: 1px solid #D5D2D9;
  min-height: 30px; }
  .accountLeftHeader::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    width: 30px;
    height: 30px;
    background: url("/web/images/icons/accountLeftHeader.svg") no-repeat left top;
    -webkit-background-size: 100%;
    background-size: 100%; }

.accountLeftTitle {
  text-transform: uppercase;
  color: #da487e; }

.accountLeftHeaderAction {
  white-space: nowrap; }

.accountLeftBody .wrapPanelGroup {
  padding-bottom: 15px;
  border-bottom: 1px solid #D5D2D9; }
  .accountLeftBody .wrapPanelGroup .panel-title a {
    padding-right: 0; }
    .accountLeftBody .wrapPanelGroup .panel-title a:focus, .accountLeftBody .wrapPanelGroup .panel-title a:hover, .accountLeftBody .wrapPanelGroup .panel-title a:active, .accountLeftBody .wrapPanelGroup .panel-title a.actif {
      color: #da487e; }
    .accountLeftBody .wrapPanelGroup .panel-title a::after {
      display: none; }
  .accountLeftBody .wrapPanelGroup .panel-body ul li + li {
    margin-top: 10px; }
  .accountLeftBody .wrapPanelGroup .panel-body ul a {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    min-height: 15px;
    color: #38373A; }
    .accountLeftBody .wrapPanelGroup .panel-body ul a:focus, .accountLeftBody .wrapPanelGroup .panel-body ul a:hover, .accountLeftBody .wrapPanelGroup .panel-body ul a:active, .accountLeftBody .wrapPanelGroup .panel-body ul a.actif {
      color: #da487e; }
      .accountLeftBody .wrapPanelGroup .panel-body ul a:focus::before, .accountLeftBody .wrapPanelGroup .panel-body ul a:hover::before, .accountLeftBody .wrapPanelGroup .panel-body ul a:active::before, .accountLeftBody .wrapPanelGroup .panel-body ul a.actif::before {
        opacity: 1; }
    .accountLeftBody .wrapPanelGroup .panel-body ul a::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 2px;
      width: 15px;
      height: 15px;
      background: url("/web/images/icons/accountLeftBodyLink.svg") no-repeat left top;
      -webkit-background-size: 100%;
      background-size: 100%;
      opacity: 0; }

/*---------------------ACCOUNT - Commandes ---------------------*/
.commandes {
  margin-top: 30px;
  margin-bottom: 30px; }

.commandesBody {
  margin-bottom: 30px; }

.commandesFooter .btn {
  width: 320px; }

/*---------------------ACCOUNT - Commandes - Item ---------------------*/
.commandesItem {
  position: relative; }
  .commandesItem + .commandesItem {
    margin-top: 30px; }
  .commandesItem > .row [class*="col-"] {
    position: static; }
  .commandesItem > .row > .col-xs-3 {
    position: absolute;
    right: 0;
    top: 50%;
    padding-right: 0;
    padding-left: 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

.commandesItemBody {
  position: relative;
  padding: 30px 160px 30px 30px;
  border: 1px solid #ecebee; }
  .commandesItemBody .titleLv4 {
    margin-bottom: 15px; }
  .commandesItemBody .num,
  .commandesItemBody .prix,
  .commandesItemBody .titre {
    font-weight: 400;
    color: #da487e; }
  .commandesItemBody .num {
    margin-bottom: 5px; }
  .commandesItemBody .prix {
    text-align: right; }
  .commandesItemBody .titre .adr_defaut {
    font-style: italic;
    font-size: 12px;
    color: #8A878E; }
  .commandesItemBody .statut {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin-bottom: 0 !important;
    padding: 55px 15px 15px;
    width: 130px;
    font-weight: 400;
    font-style: italic;
    font-size: 12px;
    text-align: center;
    background-color: #ecebee; }
    .commandesItemBody .statut::after {
      left: 50%;
      top: 15px;
      width: 30px;
      height: 30px;
      background-position: center top;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
    .commandesItemBody .statut.err {
      color: #da487e; }
      .commandesItemBody .statut.err::after {
        background-image: url("/web/images/icons/statutErr.svg"); }
  .commandesItemBody ul li + li {
    margin-top: 5px; }

.commandesItemFooter .btn {
  display: block; }
  .commandesItemFooter .btn + .btn {
    margin-top: 15px; }

.commandesItemFooter p + p {
  margin-top: 15px; }

.commandesItemRecap .commandesItemBody {
  padding-right: 30px; }

.commandesItemWishlist .commandesItemBody {
  padding-right: 30px;
  min-height: 150px; }

/*---------------------ACCOUNT - Product Block - List---------------------*/
.accountProductBlockList .productBlock:focus .assocCheck, .accountProductBlockList .productBlock:hover .assocCheck, .accountProductBlockList .productBlock:active .assocCheck {
  display: block;
  background-image: none; }
  .accountProductBlockList .productBlock:focus .assocCheck .iconClose, .accountProductBlockList .productBlock:hover .assocCheck .iconClose, .accountProductBlockList .productBlock:active .assocCheck .iconClose {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15px;
    height: 15px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .accountProductBlockList .productBlock:focus .assocCheck .iconClose svg path, .accountProductBlockList .productBlock:hover .assocCheck .iconClose svg path, .accountProductBlockList .productBlock:active .assocCheck .iconClose svg path {
      fill: #fff; }

.accountProductBlockList .productBlockOffer {
  margin-top: 10px;
  margin-bottom: -5px;
  text-align: center;
  background-color: #ebeaed; }
  .accountProductBlockList .productBlockOffer .err,
  .accountProductBlockList .productBlockOffer .success {
    display: inline-block;
    margin-bottom: 0;
    padding: 4px 10px 3px 30px;
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    min-height: 26px;
    text-align: center; }
    .accountProductBlockList .productBlockOffer .err::after,
    .accountProductBlockList .productBlockOffer .success::after {
      left: 10px;
      top: 5px;
      width: 15px;
      height: 15px; }

.accountProductBlockList .ref {
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #8A878E; }

/*---------------------ACCOUNT - Reference - Liste---------------------*/
.accountRefList {
  margin-top: 15px; }
  .accountRefList .form-group {
    float: left;
    width: 50%; }
  .accountRefList .qte {
    float: left;
    margin-left: 15px;
    width: 60px; }
  .accountRefList .nomref {
    display: block;
    float: left;
    margin-top: 11px;
    margin-left: 15px;
    width: calc(100% - 50% - 60px - 30px); }

.accountRefListSuggest {
  display: none;
  position: absolute;
  z-index: 99;
  left: 15px;
  right: 50%;
  top: calc(100% - 15px);
  padding: 20px;
  font-style: italic;
  font-size: 12px;
  background-color: #ebeaed;
  color: #88868c; }
  .accountRefListSuggest > span {
    display: block;
    cursor: pointer; }
    .accountRefListSuggest > span + span {
      margin-top: 2px; }
    .accountRefListSuggest > span:focus, .accountRefListSuggest > span:hover, .accountRefListSuggest > span:active {
      color: #da487e; }
  .accountRefListSuggest .err {
    margin: 0;
    padding: 0 0 0 55px;
    min-height: 0;
    font-style: normal;
    font-size: 13px;
    cursor: default; }
    .accountRefListSuggest .err::after {
      left: 0;
      top: 0; }
    .accountRefListSuggest .err:focus, .accountRefListSuggest .err:hover, .accountRefListSuggest .err:active {
      color: #bd497b; }

@media (min-width: 992px) {
  /*---------------------ACCOUNT - Left---------------------*/
  .accountLeftContainer {
    display: block;
    height: auto !important; }
  /*---------------------ACCOUNT - Commandes ---------------------*/ }

@media (min-width: 768px) and (max-width: 1024px) {
  /*---------------------ACCOUNT - Left---------------------*/
  .accountLeft {
    margin-bottom: 20px;
    padding-top: 15px;
    padding-bottom: 5px;
    border-top: 1px solid #D5D2D9;
    border-bottom: 1px solid #D5D2D9; }
    .accountLeft .titleLv1 {
      margin-bottom: 10px;
      padding-right: 30px; }
  .accountLeftContainer {
    margin-top: 10px; }
  .accountLeftHeader {
    margin-bottom: 20px;
    padding-bottom: 15px; }
  .accountLeftBody .wrapPanelGroup {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0; }
    .accountLeftBody .wrapPanelGroup .panel + .panel {
      margin-top: 15px;
      padding-top: 15px; }
    .accountLeftBody .wrapPanelGroup .panel-heading {
      margin-bottom: 8px; }
  /*---------------------ACCOUNT - Commandes ---------------------*/
  .commandes {
    margin-top: 15px;
    margin-bottom: 15px; }
  .commandesBody {
    margin-bottom: 15px; }
  .commandesItem + .commandesItem {
    margin-top: 15px; }
  .commandesItem > .row > .col-xs-3 {
    padding-left: 15px; } }

@media (max-width: 767px) {
  /*---------------------ACCOUNT - Left---------------------*/
  .accountLeft {
    margin: 0 -15px -25px;
    border-top: 1px solid #D5D2D9; }
  .accountLeftContainer {
    margin-top: 10px; }
  .accountLeftBody .wrapPanelGroup {
    padding-bottom: 0; }
    .accountLeftBody .wrapPanelGroup .panel + .panel {
      margin-top: 0;
      padding-top: 0; }
    .accountLeftBody .wrapPanelGroup .panel-heading {
      margin-bottom: 0; }
    .accountLeftBody .wrapPanelGroup .panel-title a {
      display: block;
      position: relative;
      padding: 10px 15px;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s; }
      .accountLeftBody .wrapPanelGroup .panel-title a:focus, .accountLeftBody .wrapPanelGroup .panel-title a:hover, .accountLeftBody .wrapPanelGroup .panel-title a:active {
        color: #da487e; }
      .accountLeftBody .wrapPanelGroup .panel-title a::after {
        content: "";
        display: block;
        position: absolute;
        right: 15px;
        top: 12px;
        width: 15px;
        height: 15px;
        background: transparent url("/web/images/icons/chevron-filter.svg") no-repeat right center;
        -webkit-background-size: 100%;
        background-size: 100%;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
  /*---------------------ACCOUNT - Commandes ---------------------*/
  .commandes {
    margin-top: 15px;
    margin-bottom: 15px; }
  .commandesBody {
    margin-bottom: 0; }
  .commandesItem {
    margin-top: 0;
    margin-bottom: 0; }
    .commandesItem + .commandesItem {
      margin-top: 15px; }
  .commandesItemBody {
    padding: 15px; }
    .commandesItemBody .num {
      margin-bottom: 0;
      padding-right: 145px; }
    .commandesItemBody .prix {
      text-align: left; }
    .commandesItemBody .statut {
      padding-top: 45px;
      font-size: 12px; }
      .commandesItemBody .statut::after {
        top: 10px;
        width: 30px;
        height: 30px; }
  .commandesItemFooter {
    margin-top: 15px; }
    .commandesItemFooter > .row {
      margin-right: -7.5px;
      margin-left: -7.5px; }
      .commandesItemFooter > .row > [class*="col-"] {
        padding-right: 7.5px;
        padding-left: 7.5px; }
  /*---------------------ACCOUNT - Product Block - List---------------------*/
  .accountProductBlockList .productBlockOffer {
    margin-top: 5px;
    margin-bottom: 8px; }
    .accountProductBlockList .productBlockOffer .err,
    .accountProductBlockList .productBlockOffer .success {
      margin: 5px; }
  /*---------------------ACCOUNT - Reference - Liste---------------------*/
  .accountRefList .qte {
    margin-left: 0;
    width: auto; }
    .accountRefList .qte .prd_qte {
      width: 100%; }
      .accountRefList .qte .prd_qte .btn-qte-moins {
        left: 10px; }
      .accountRefList .qte .prd_qte .btn-qte-plus {
        right: 10px; }
  .accountRefList .nomref {
    display: block;
    float: none;
    margin-top: -5px;
    margin-left: 0;
    width: auto; }
  .accountRefListSuggest {
    left: 5px;
    right: 5px;
    top: calc(100% - 10px); } }

/*=======================================
   DESKTOP - HEADER
=======================================*/
.cookies {
  position: fixed;
  bottom: 0;
  right: 30px;
  z-index: 50;
  width: 250px;
  height: auto;
  padding: 15px 25px 15px 15px;
  text-align: center;
  color: #D5D2D9;
  background: #da487e; }
  .cookies #contentcnil {
    position: relative; }
  .cookies a {
    color: #ffffff; }
  .cookies #closecnil {
    position: absolute;
    top: -10px;
    right: -15px;
    font-size: 20px; }

header {
  background: #ffffff;
  position: relative;
  z-index: 50; }

.topbar {
  background: #ecebee;
  height: 30px;
  line-height: 30px;
  margin-bottom: 15px; }
  .topbar a {
    font-size: 12px;
    font-weight: 500;
    color: #8A878E; }
  .topbar .storesLink {
    display: inline-block; }
    .topbar .storesLink a svg {
      height: 20px;
      max-width: 30px;
      width: auto;
      display: inline-block;
      vertical-align: middle; }
  .topbar .language {
    display: inline-block;
    position: relative;
    margin-left: 15px; }
    .topbar .language .image {
      padding-right: 30px; }
      .topbar .language .image span {
        margin-left: 5px;
        color: #8A878E;
        font-weight: 500; }
      .topbar .language .image:after {
        content: '';
        position: absolute;
        top: 10px;
        right: 10px;
        display: inline-block;
        width: 12px;
        height: 10px;
        background: url("/web/images/icons/arrow-simple.svg") no-repeat center center;
        background-size: 100% auto;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); }
    .topbar .language .listLang {
      max-height: 0;
      overflow: hidden;
      position: absolute;
      z-index: 10;
      width: 50px; }
      .topbar .language .listLang span {
        margin-left: 5px; }
    .topbar .language .topbarLang:hover .listLang {
      max-height: 100px;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s; }
  .topbar .mag {
    display: inline-block; }
  .topbar .clubTopbar {
    display: inline-block;
    background: #C8C3D1;
    padding: 0 10px;
    margin-left: 30px;
    height: 30px; }
    .topbar .clubTopbar a {
      color: #ffffff; }
    .topbar .clubTopbar:hover {
      background: #B196A7;
      -webkit-transition: background 0.3s;
      -moz-transition: background 0.3s;
      -o-transition: background 0.3s;
      -ms-transition: background 0.3s;
      transition: background 0.3s; }

.middleHeader .searchHeader {
  width: 314px;
  position: relative;
  margin-top: 33px; }
  .middleHeader .searchHeader input[type="image"] {
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 25px; }
  .middleHeader .searchHeader input[type="text"] {
    padding-left: 35px;
    padding-top: 10px;
    text-transform: uppercase; }

.middleHeader .logo {
  margin-bottom: 15px;
  text-align: center;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s; }
  .middleHeader .logo * {
    display: inline-block; }
  .middleHeader .logo img {
    max-width: 165px;
    max-height: 86px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s; }

.middleHeader .navIconsHeader {
  float: right;
  position: relative;
  z-index: 60; }
  .middleHeader .navIconsHeader .iconLink {
    display: inline-block;
    text-align: center;
    padding: 15px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    border: 1px solid #ffffff; }
    .middleHeader .navIconsHeader .iconLink img, .middleHeader .navIconsHeader .iconLink svg {
      display: inline-block;
      width: 30px;
      height: auto;
      max-height: 50px; }
      .middleHeader .navIconsHeader .iconLink img.iconWish path, .middleHeader .navIconsHeader .iconLink svg.iconWish path {
        fill: #8A878E; }
      .middleHeader .navIconsHeader .iconLink img.iconUser path, .middleHeader .navIconsHeader .iconLink svg.iconUser path {
        fill: #8A878E; }
      .middleHeader .navIconsHeader .iconLink img.iconCart path, .middleHeader .navIconsHeader .iconLink svg.iconCart path {
        fill: #da487e; }
    .middleHeader .navIconsHeader .iconLink > a.first {
      font-size: 11px;
      text-transform: uppercase;
      font-weight: 500; }
      .middleHeader .navIconsHeader .iconLink > a.first span {
        font-weight: 400;
        display: block; }
        .middleHeader .navIconsHeader .iconLink > a.first span span {
          display: inline-block; }
    .middleHeader .navIconsHeader .iconLink:hover {
      border: 1px solid #D5D2D9; }
      .middleHeader .navIconsHeader .iconLink:hover:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 96px;
        right: 0;
        height: 1px;
        background: #ffffff;
        z-index: 2; }
    .middleHeader .navIconsHeader .iconLink.compte > a.first {
      color: #8A878E; }
    .middleHeader .navIconsHeader .iconLink.compte:after {
      width: 115px; }
    .middleHeader .navIconsHeader .iconLink.panier:after {
      width: 103px; }
    .middleHeader .navIconsHeader .iconLink.wishlist > a.first {
      color: #8A878E; }
    .middleHeader .navIconsHeader .iconLink.wishlist:hover {
      outline: 0; }
  .middleHeader .navIconsHeader .rolloverAccount, .middleHeader .navIconsHeader .rolloverCart {
    position: absolute;
    z-index: 1;
    right: -1px;
    top: 96px;
    text-align: left;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #D5D2D9;
    width: 350px; }
  .middleHeader .navIconsHeader .rolloverAccount .zone_log {
    margin-top: 10px; }
  .middleHeader .navIconsHeader .rolloverAccount .wrapFloatLabel {
    margin-bottom: 10px; }
  .middleHeader .navIconsHeader .rolloverAccount .forgotMdp {
    float: right;
    margin: 0 0 10px; }
  .middleHeader .navIconsHeader .rolloverAccount .btn {
    width: 100%; }
  .middleHeader .navIconsHeader .rolloverAccount .btn.btnLvl2 {
    margin-bottom: 10px; }
  .middleHeader .navIconsHeader .rolloverCart .nbr_art .total {
    color: #da487e;
    padding-left: 15px; }
  .middleHeader .navIconsHeader .rolloverCart .list_art {
    border-top: 1px solid #D5D2D9;
    padding-top: 7px;
    margin-top: 7px; }
    .middleHeader .navIconsHeader .rolloverCart .list_art li {
      border-bottom: 1px solid #D5D2D9;
      padding-bottom: 7px;
      margin-bottom: 7px;
      display: block; }
      .middleHeader .navIconsHeader .rolloverCart .list_art li .image {
        float: left; }
      .middleHeader .navIconsHeader .rolloverCart .list_art li dl {
        float: left;
        max-width: 240px;
        margin-left: 15px;
        margin-bottom: 0; }

header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(200, 195, 209, 0.2);
  -moz-box-shadow: 0px 10px 30px 0px rgba(200, 195, 209, 0.2);
  box-shadow: 0px 10px 30px 0px rgba(200, 195, 209, 0.2); }
  header.sticky .middleHeader .searchHeader {
    margin-top: 0; }
  header.sticky .middleHeader .logo {
    margin-bottom: 5px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s; }
    header.sticky .middleHeader .logo img {
      max-width: 90px;
      max-height: 47px;
      margin-top: 10px;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s; }
  header.sticky .middleHeader .navIconsHeader .iconLink > a.first {
    display: none; }
  header.sticky .middleHeader .navIconsHeader .rolloverAccount, header.sticky .middleHeader .navIconsHeader .rolloverCart {
    top: 63px; }

.dynamicSearchResults {
  position: absolute;
  min-width: 260px;
  width: 100%;
  background-color: white;
  z-index: 100;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(200, 195, 209, 0.3);
  -moz-box-shadow: 0px 10px 30px 0px rgba(200, 195, 209, 0.3);
  box-shadow: 0px 10px 30px 0px rgba(200, 195, 209, 0.3); }
  .dynamicSearchResults .titleLv6 {
    padding: 5px 15px; }
  .dynamicSearchResults .dinamicSearch.products {
    padding: 5px 15px; }
    .dynamicSearchResults .dinamicSearch.products .productsItem {
      border-bottom: 1px solid #B1AFB5;
      padding: 5px 0 10px;
      margin-bottom: 5px;
      position: relative; }
      .dynamicSearchResults .dinamicSearch.products .productsItem .productPrice {
        font-weight: 500; }
      .dynamicSearchResults .dinamicSearch.products .productsItem a {
        color: #3a3a3c;
        width: 100%;
        display: inline-block; }
      .dynamicSearchResults .dinamicSearch.products .productsItem:hover a {
        color: #da487e; }
  .dynamicSearchResults .viewAll {
    height: 55px; }
    .dynamicSearchResults .viewAll .btn {
      margin-right: 15px;
      float: right; }

/*=============================================RESPONSIVE DESKTOP HEADER======================================================*/
@media (min-width: 768px) and (max-width: 1024px) {
  .middleHeader .searchHeader {
    margin-top: 20px;
    width: 200px; }
  .middleHeader .navIconsHeader .iconLink {
    padding: 15px; }
    .middleHeader .navIconsHeader .iconLink img, .middleHeader .navIconsHeader .iconLink svg {
      width: 40px;
      margin-top: 10px; } }

/*=======================================
   DESKTOP - FOOTER
=======================================*/
.reinsurance {
  background: #da487e;
  position: relative; }
  .reinsurance ul li a {
    color: #ffffff; }
    .reinsurance ul li a .titleLv5 {
      color: #ffffff;
      display: inline-block;
      vertical-align: middle; }
  .reinsurance ul li svg {
    margin: 15px;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: auto; }
    .reinsurance ul li svg path {
      fill: #ffffff; }
  .reinsurance ul li:hover .titleLv5 {
    opacity: 0.8;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s; }
  .reinsurance ul li:hover svg path {
    fill: #68183b;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s; }

.logoFooter {
  text-align: center; }
  .logoFooter img {
    max-width: 165px;
    display: inline-block;
    margin: 30px 0; }

.footerCol {
  text-align: center;
  font-size: 12px; }
  .footerCol .titleCol {
    text-transform: uppercase;
    font-weight: 500; }
  .footerCol.colLinks {
    line-height: 20px; }
    .footerCol.colLinks a {
      color: #59575C; }
  .footerCol.colSocial {
    margin-bottom: 20px; }
    .footerCol.colSocial a {
      display: inline-block;
      padding: 15px 7px; }
    .footerCol.colSocial svg {
      width: 30px;
      height: auto; }
      .footerCol.colSocial svg path {
        fill: #da487e; }
  .footerCol.colNews {
    margin-top: 30px; }
  .footerCol .mailnews {
    position: relative; }
    .footerCol .mailnews input[type=submit] {
      position: absolute;
      right: 0;
      top: 10px;
      background: transparent;
      color: #da487e;
      font-weight: 500; }

.footerSeo {
  font-size: 12px;
  line-height: 20px;
  color: #8A878E;
  margin-top: 60px; }
  .footerSeo strong {
    font-weight: normal;
    color: #3a3a3c; }
  .footerSeo h1 {
    font-size: 14px; }

.footerRecycle {
  margin: 30px 0; }
  .footerRecycle img {
    margin-right: 5px; }

.footerCopyright li {
  display: inline-block;
  font-size: 12px; }
  .footerCopyright li.dedi {
    display: block; }

.backTop {
  display: none;
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -35px;
  width: 70px;
  height: 35px;
  background: #da487e url("/web/images/icons/arrow-back-top.svg") no-repeat center center;
  -webkit-border-top-left-radius: 40px;
  -webkit-border-top-right-radius: 40px;
  -moz-border-radius-topleft: 40px;
  -moz-border-radius-topright: 40px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  z-index: 50; }
  .backTop.stickToFooter {
    position: absolute;
    top: -30px; }

@media (min-width: 768px) and (max-width: 1024px) {
  .footerCol.colNews {
    margin-top: 30px; } }

/*=======================================
   DESKTOP - NAVIGATION
=======================================*/
.breadcrumbCustom {
  padding: 20px 0;
  font-size: 11px;
  border-top: 1px solid #ececec; }
  .breadcrumbCustom a {
    color: #8A878E; }
  .breadcrumbCustom span {
    color: #3a3a3c; }

.mainNav {
  position: relative;
  z-index: 50; }
  .mainNav ul li.menuLv1 {
    display: inline-block;
    font-family: "Montserrat", "arial", sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #3a3a3c;
    margin-right: 60px; }
    .mainNav ul li.menuLv1 a {
      color: #3a3a3c;
      height: 40px;
      line-height: 40px;
      display: inline-block;
      box-sizing: border-box;
      position: relative;
      transition: 0.5s;
      border: 2px solid transparent;
      -webkit-transition: 0.5s;
      text-decoration: none; }
      .mainNav ul li.menuLv1 a:before, .mainNav ul li.menuLv1 a:after {
        width: 100%;
        height: 100%;
        z-index: 3;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        -webkit-transform: scale(0);
        transition: 0.5s; }
      .mainNav ul li.menuLv1 a:before {
        top: 2px;
        border-bottom: 2px solid #da487e;
        border-left: 0;
        -webkit-transform-origin: 0% 100%; }
      .mainNav ul li.menuLv1 a:after {
        border-top: 0;
        border-right: 0;
        -webkit-transform-origin: 50% 50%; }
      .mainNav ul li.menuLv1 a:hover, .mainNav ul li.menuLv1 a:active, .mainNav ul li.menuLv1 a:focus {
        border: 2px solid transparent;
        text-decoration: none; }
        .mainNav ul li.menuLv1 a:hover:before, .mainNav ul li.menuLv1 a:hover:after, .mainNav ul li.menuLv1 a:active:before, .mainNav ul li.menuLv1 a:active:after, .mainNav ul li.menuLv1 a:focus:before, .mainNav ul li.menuLv1 a:focus:after {
          -webkit-transform: scale(1); }
    .mainNav ul li.menuLv1:hover, .mainNav ul li.menuLv1.active, .mainNav ul li.menuLv1.selmenu {
      background: #ffffff !important; }
    .mainNav ul li.menuLv1.selmenu a {
      border: 2px solid transparent; }
      .mainNav ul li.menuLv1.selmenu a:before {
        -webkit-transform: scale(1); }
    .mainNav ul li.menuLv1.menuCorolle a {
      font-family: "noteworthylight", "Georgia", serif;
      font-size: 18px;
      color: #da487e; }
  .mainNav ul .blocMenu .menuLv2 {
    font-size: 25px;
    font-weight: 300;
    color: #3a3a3c;
    line-height: 28px;
    text-decoration: none; }
    .mainNav ul .blocMenu .menuLv2:hover, .mainNav ul .blocMenu .menuLv2:focus, .mainNav ul .blocMenu .menuLv2:active {
      text-decoration: none; }
  .mainNav ul .blocMenu ul {
    margin-top: 15px; }
    .mainNav ul .blocMenu ul li.lien:before {
      content: '.';
      font-size: 20px;
      padding-right: 3px;
      margin-top: -13px;
      display: inline-block;
      vertical-align: middle; }
    .mainNav ul .blocMenu ul li.lien .menuLv3 {
      color: #3a3a3c;
      font-size: 13px;
      -webkit-transition: color 0.5s;
      -moz-transition: color 0.5s;
      -o-transition: color 0.5s;
      -ms-transition: color 0.5s;
      transition: color 0.5s; }
      .mainNav ul .blocMenu ul li.lien .menuLv3:hover {
        color: #da487e;
        -webkit-transition: color 0.5s;
        -moz-transition: color 0.5s;
        -o-transition: color 0.5s;
        -ms-transition: color 0.5s;
        transition: color 0.5s; }
  .mainNav ul .blocMenu .seeAll {
    margin: 15px 0;
    display: block; }

.header_menu_xl {
  background: #ffffff !important;
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  z-index: 50;
  max-height: 0;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .header_menu_xl:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #D5D2D9;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 60; }
  .header_menu_xl .container-fluid {
    padding-top: 30px;
    padding-bottom: 30px; }
  .header_menu_xl.active {
    max-height: 600px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }

.pageContent:before {
  content: "";
  width: 100%;
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: #C8C3D1;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 20; }

.pageContent.menuOn {
  position: relative; }
  .pageContent.menuOn:before {
    height: 100%;
    opacity: 0.8;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s; }

/*=============================================RESPONSIVE NAVIGATION DESKTOP======================================================*/
@media (min-width: 768px) and (max-width: 1024px) {
  /*a modifier quand on aura les bons menus*/
  .mainNav ul li.menuLv1 {
    margin-right: 12px; } }

/*=======================================
   DESKTOP - INDEX
=======================================*/
.bannersHomeTop.banner {
  float: left;
  width: 100%;
  padding: 0 15px;
  margin-bottom: 30px;
  display: inline-block;
  box-sizing: border-box; }
  .bannersHomeTop.banner.size-two-thirds {
    width: 66.66%; }
  .bannersHomeTop.banner.size-one-third {
    width: 33.33%; }

.bannerSliderTopHome .owl-nav {
  position: absolute;
  bottom: 10px;
  left: 10px; }

.bannerSliderTopHome .owl-nav {
  text-align: left;
  /*.owl-prev, .owl-next{
      display: inline-block;
      margin: 0 7px;
      width: 36px;
      height: 36px;
      background: url('/web/images/icons/arrow-slider.svg')no-repeat center center;
      @include transition(border 0.2s);
      &:hover, &:active{
        border : 3px solid rgba(200,195,209,0.5);
        border-radius: 20px;
        @include transition(border 0.2s);
      }
    }
    .owl-prev{
      @include rotate(-180deg);
    }*/ }

.productsHome .titleLv2 {
  margin: 30px 0; }

.productsSliderHome {
  margin-bottom: 30px; }

.productsSliderHome .owl-nav, .fullSizeBlocHome .owl-nav {
  text-align: center;
  margin-top: 30px;
  /*.owl-prev, .owl-next{
      display: inline-block;
      margin: 0 7px;
      width: 36px;
      height: 36px;
      background: url('/web/images/icons/arrow-slider.svg')no-repeat center center;
      @include transition(border 0.2s);
      &:hover, &:active{
        border : 3px solid rgba(200,195,209,0.5);
        border-radius: 20px;
        @include transition(border 0.2s);
      }
    }
    .owl-prev{
      @include rotate(-180deg);
    }*/ }

.fullSizeBlocHome {
  min-height: 470px; }
  .fullSizeBlocHome .blocsWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    align-items: stretch;
    overflow: hidden;
    min-height: 470px; }
  .fullSizeBlocHome .animatedLeft, .fullSizeBlocHome .animatedRight {
    display: inline-flex;
    flex-grow: 1;
    max-width: 50%; }
  .fullSizeBlocHome .animatedLeft {
    position: relative; }
    .fullSizeBlocHome .animatedLeft .productsVisual {
      position: relative;
      z-index: 0;
      width: 100%;
      box-sizing: border-box;
      border: 30px solid #ecebee; }
      .fullSizeBlocHome .animatedLeft .productsVisual .productsSliderAnim {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        transform: translateX(-50%) translateY(-50%); }
        .fullSizeBlocHome .animatedLeft .productsVisual .productsSliderAnim .owl-item {
          text-align: center; }
          .fullSizeBlocHome .animatedLeft .productsVisual .productsSliderAnim .owl-item .productSlide {
            display: inline-block; }
            .fullSizeBlocHome .animatedLeft .productsVisual .productsSliderAnim .owl-item .productSlide img {
              display: inline-block; }
    .fullSizeBlocHome .animatedLeft img.mainImg {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
  .fullSizeBlocHome .animatedRight {
    background: #C8C3D1;
    position: relative; }
    .fullSizeBlocHome .animatedRight .textWrapper {
      text-align: center;
      position: absolute;
      display: inline-block;
      max-width: 75%;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%); }
    .fullSizeBlocHome .animatedRight .titleLv3 {
      color: #ffffff; }
    .fullSizeBlocHome .animatedRight .ribbonDeco {
      display: inline-block;
      width: 75px;
      height: 20px;
      background: url("/web/images/icons/noeud.svg") no-repeat center center; }
    .fullSizeBlocHome .animatedRight .excerpt {
      font-weight: 500;
      margin: 30px 0; }
    .fullSizeBlocHome .animatedRight .btn span.go {
      display: inline-block; }
    .fullSizeBlocHome .animatedRight .btn span.back {
      display: none; }
    .fullSizeBlocHome .animatedRight .btn.opened span.go {
      display: none; }
    .fullSizeBlocHome .animatedRight .btn.opened span.back {
      display: inline-block; }

/*---------------------Animation bloc fullzise---------------------*/
@keyframes swipeProductsOff {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes swipeProductsImgOff {
  0% {
    position: absolute;
    top: 0;
    left: -100%;
    opacity: 0; }
  100% {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1; } }

@keyframes swipeProducts {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes swipeProductsImg {
  0% {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1; }
  100% {
    position: absolute;
    top: 0;
    left: -100%;
    opacity: 0; } }

.blocsWrapper .productsVisual {
  animation: swipeProductsOff 2s ease 1 forwards;
  -webkit-animation: swipeProductsOff 2s ease 1 forwards;
  -moz-animation: swipeProductsOff 2s ease 1 forwards; }

.blocsWrapper .animatedLeft .mainImg {
  animation: swipeProductsImgOff 2s ease 1 forwards;
  -webkit-animation: swipeProductsImgOff 2s ease 1 forwards;
  -moz-animation: swipeProductsImgOff 2s ease 1 forwards; }

.blocsWrapper.opened .productsVisual {
  animation: swipeProducts 2s ease 1 forwards;
  -webkit-animation: swipeProducts 2s ease 1 forwards;
  -moz-animation: swipeProducts 2s ease 1 forwards; }

.blocsWrapper.opened .animatedLeft .mainImg {
  animation: swipeProductsImgOff 2s ease 1 forwards;
  -webkit-animation: swipeProductsImg 2s ease 1 forwards;
  -moz-animation: swipeProductsImg 2s ease 1 forwards; }

.bannersHomeBottom {
  margin-top: 30px; }
  .bannersHomeBottom .banner {
    float: left;
    width: 100%;
    padding: 0 15px;
    margin-bottom: 30px;
    display: inline-block;
    box-sizing: border-box; }
    .bannersHomeBottom .banner.size-half {
      width: 49.99%; }
    .bannersHomeBottom .banner img {
      margin-bottom: 30px; }
    .bannersHomeBottom .banner .titleLv4 {
      margin-bottom: 15px;
      display: inline-block; }
    .bannersHomeBottom .banner .excerpt {
      margin-bottom: 15px;
      display: inline-block; }
    .bannersHomeBottom .banner .mainLink {
      margin-bottom: 30px; }

/*---------------------------------MASONRY GRID INSTAGRAM AND NEWSLETTER--------------------------------------*/
.socialHome .socialHomeWrapper {
  padding-top: 80px;
  padding-bottom: 60px;
  background: url("/web/images/bg-social-home.svg") no-repeat center bottom;
  position: relative; }

.socialHome .titleSocial {
  margin-bottom: 30px; }
  .socialHome .titleSocial .titleLv2, .socialHome .titleSocial img, .socialHome .titleSocial svg {
    display: inline-block;
    vertical-align: middle; }
  .socialHome .titleSocial svg {
    margin-left: 30px; }
    .socialHome .titleSocial svg path {
      fill: #da487e; }
  .socialHome .titleSocial img {
    margin-left: 15px; }
  .socialHome .titleSocial .titleLv5 {
    position: absolute;
    left: 0;
    top: 50px;
    color: #da487e; }
    .socialHome .titleSocial .titleLv5:before {
      content: "";
      display: inline-block;
      width: 50px;
      height: 40px;
      background: url("/web/images/icons/arrow-social-pink.svg") no-repeat center center;
      background-size: 65px auto;
      position: absolute;
      left: 50px;
      top: 40px; }

.socialHome .newsletterBloc {
  width: 41.775%;
  position: absolute;
  left: 29.1%;
  top: 0;
  z-index: 10;
  background: #ffffff;
  padding: 0 30px; }
  .socialHome .newsletterBloc .titleCol {
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 10px; }
  .socialHome .newsletterBloc .mailnews {
    position: relative; }
  .socialHome .newsletterBloc input[type=submit] {
    position: absolute;
    right: 0;
    top: 10px;
    color: #da487e;
    background: transparent;
    border: none; }

.masonryGridSocial.masonry-grid {
  max-width: 100%; }
  .masonryGridSocial.masonry-grid .grid-sizer {
    width: 14.295%; }
  .masonryGridSocial.masonry-grid .grid-item {
    float: left;
    width: 14.295%;
    padding: 0;
    height: auto; }
    .masonryGridSocial.masonry-grid .grid-item .image {
      position: relative; }
  .masonryGridSocial.masonry-grid .grid-item--width2 {
    float: left;
    width: 28.65%;
    padding: 0;
    height: auto; }
  .masonryGridSocial.masonry-grid:after {
    content: '';
    display: block;
    clear: both; }

/*=============================================RESPONSIVE DESKTOP INDEX======================================================*/
@media (min-width: 1280px) and (max-width: 1439px) {
  .fullSizeBlocHome .animatedLeft {
    overflow: hidden; }
    .fullSizeBlocHome .animatedLeft .mainVisual img.mainImg {
      max-width: 150%;
      left: -6%; }
  /*---------------------Animation bloc fullzise---------------------*/
  @keyframes swipeProductsImgOff {
    0% {
      position: absolute;
      top: 0;
      left: -150%;
      opacity: 0; }
    100% {
      position: absolute;
      top: 0;
      left: -3%;
      opacity: 1; } }
  @keyframes swipeProductsImg {
    0% {
      position: absolute;
      top: 0;
      left: -3%;
      opacity: 1; }
    100% {
      position: absolute;
      top: 0;
      left: -150%;
      opacity: 0; } } }

@media (min-width: 1025px) and (max-width: 1439px) {
  .socialHome .socialHomeWrapper {
    padding-top: 80px;
    background: url("/web/images/bg-social-home.svg") no-repeat center 20px; } }

@media (min-width: 1025px) and (max-width: 1280px) {
  .fullSizeBlocHome .animatedLeft {
    overflow: hidden; }
    .fullSizeBlocHome .animatedLeft .mainVisual img.mainImg {
      max-width: 150%;
      left: -30%; }
  /*---------------------Animation bloc fullzise---------------------*/
  @keyframes swipeProductsImgOff {
    0% {
      position: absolute;
      top: 0;
      left: -150%;
      opacity: 0; }
    100% {
      position: absolute;
      top: 0;
      left: -15%;
      opacity: 1; } }
  @keyframes swipeProductsImg {
    0% {
      position: absolute;
      top: 0;
      left: -15%;
      opacity: 1; }
    100% {
      position: absolute;
      top: 0;
      left: -150%;
      opacity: 0; } } }

@media (min-width: 768px) and (max-width: 1024px) {
  .fullSizeBlocHome .animatedLeft {
    overflow: hidden; }
    .fullSizeBlocHome .animatedLeft .mainVisual img.mainImg {
      max-width: 200%;
      left: -50%; }
  /*---------------------Animation bloc fullzise---------------------*/
  @keyframes swipeProductsImgOff {
    0% {
      position: absolute;
      top: 0;
      left: -200%;
      opacity: 0; }
    100% {
      position: absolute;
      top: 0;
      left: -25%;
      opacity: 1; } }
  @keyframes swipeProductsImg {
    0% {
      position: absolute;
      top: 0;
      left: -25%;
      opacity: 1; }
    100% {
      position: absolute;
      top: 0;
      left: -200%;
      opacity: 0; } }
  .socialHome .socialHomeWrapper {
    background: url(/web/images/bg-social-home.svg) no-repeat center top; }
  .socialHome .titleSocial .titleLv5 {
    left: 10px;
    top: 60px; }
    .socialHome .titleSocial .titleLv5:before {
      display: none; } }

/*=======================================
   DESKTOP - LISTING
=======================================*/
.listingIntro {
  padding: 80px 0;
  position: relative;
  overflow: hidden;
  background: #C8C3D1;
  max-height: 400px; }
  .listingIntro .titleLv1, .listingIntro .introText {
    position: relative;
    z-index: 1; }
  .listingIntro .titleLv1 {
    margin-bottom: 25px; }
  .listingIntro .introText {
    max-height: 5em;
    overflow: auto; }
  .listingIntro .imgBgTop {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
    width: auto; }

.productBlock {
  text-align: center;
  position: relative;
  float: left; }
  .productBlock .etiquette {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10; }
  .productBlock .title {
    margin-top: 15px; }
  .productBlock .desc {
    color: #8A878E; }
  .productBlock .price {
    color: #da487e;
    display: inline-block; }
  .productBlock .promo {
    display: inline-block; }

/*=============================================RESPONSIVE DESKTOP INDEX======================================================*/
@media (min-width: 768px) and (max-width: 1024px) {
  .listingIntro {
    max-height: 470px; }
    .listingIntro .imgBgTop {
      right: -25%;
      max-width: 200%; } }

/*=======================================
   DESKTOP - PRODUCT
=======================================*/
.blocProductTop {
  position: relative;
  margin-bottom: 60px; }

.productPage {
  margin-bottom: 60px; }
  .productPage .breadCrumbAccess {
    border-top: 1px solid #ececec;
    display: block; }
    .productPage .breadCrumbAccess a, .productPage .breadCrumbAccess span {
      display: inline-block;
      line-height: normal; }
  .productPage.accessoire .blocProductTop {
    margin-left: -15px;
    margin-right: -15px; }
  .productPage img.etiquette {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20; }

/*------------------------------------------- main infos bloc top page ------------------------------------------------*/
.productPage .mainInfosProduct {
  position: absolute;
  left: 58.3333%;
  z-index: 10; }
  .productPage .mainInfosProduct .mainInfosProductWrapper {
    position: relative;
    padding-top: 90px; }
  .productPage .mainInfosProduct .titleLv2 {
    margin-bottom: 25px; }
  .productPage .mainInfosProduct .subliste {
    margin-left: 30px; }
  .productPage .mainInfosProduct .prix {
    display: inline-block;
    vertical-align: middle; }
  .productPage .mainInfosProduct .prix_actuel {
    color: #da487e;
    font-size: 15px;
    display: inline-block; }
    .productPage .mainInfosProduct .prix_actuel span:first-child {
      font-size: 25px; }
  .productPage .mainInfosProduct .prix_remise {
    display: inline-block;
    text-decoration: line-through;
    margin-right: 10px;
    font-size: 16px; }
  .productPage .mainInfosProduct .note {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px; }
    .productPage .mainInfosProduct .note img {
      max-height: 13px;
      width: auto;
      display: inline-block;
      vertical-align: middle; }
  .productPage .mainInfosProduct .ref {
    font-size: 13px;
    color: #8A878E;
    display: inline-block; }
  .productPage .mainInfosProduct .stockWrapper {
    display: inline-block;
    margin-left: 30px; }
  .productPage .mainInfosProduct .stock.enstock {
    color: #44894f; }
  .productPage .mainInfosProduct .stock.bientotdispo {
    color: #da487e !important; }
  .productPage .mainInfosProduct .stock.epuise {
    color: #d03424 !important; }
  .productPage .mainInfosProduct .shortDesc {
    margin: 30px 0; }
  .productPage .mainInfosProduct .mention {
    margin-left: 15px;
    max-width: 240px; }
    .productPage .mainInfosProduct .mention img, .productPage .mainInfosProduct .mention span {
      display: inline-block;
      vertical-align: middle; }
    .productPage .mainInfosProduct .mention span {
      margin-left: 5px;
      font-size: 12px;
      font-style: italic;
      color: #8A878E; }
      .productPage .mainInfosProduct .mention span span {
        max-width: 80%; }
  .productPage .mainInfosProduct .linkWithArrow {
    margin-top: 30px; }
  .productPage .mainInfosProduct.accessoire .mainInfosProductWrapper {
    padding-top: 30px; }

.decoBorder {
  display: block;
  height: 10px;
  width: 100%; }

/*------------------------------------------- Slider principal------------------------------------------------*/
.cadre_produit {
  position: relative; }

.productPage .mainProductSlider .owl-item img {
  width: auto; }

.productPage .mainProductSlider .owl-nav {
  position: absolute;
  bottom: 30px;
  left: 15px;
  width: 100%;
  text-align: left; }

.productPage .videoLink {
  display: inline-block;
  width: 51px;
  height: 51px;
  position: absolute;
  left: 15px;
  margin-left: 100px;
  bottom: 27px;
  z-index: 20; }

/*------------------------------------------- Images principales fiche accessoires------------------------------------------------*/
.mainProductImages img {
  margin-bottom: 30px; }

/*------------------------------------------- Popup de zoom------------------------------------------------*/
.featherlight .featherlight-content {
  height: 80%;
  width: 80%; }

.featherlight .featherlight-image {
  max-width: 90% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%); }

.featherlight:last-of-type {
  background: rgba(200, 195, 209, 0.8); }

.featherlight .featherlight-close-icon {
  background: url("/web/images/icons/close.svg") no-repeat center center;
  width: 20px;
  height: 20px;
  top: 20px;
  right: 20px;
  color: #ffffff;
  font-size: 2px; }

.featherlight-next, .featherlight-previous {
  top: 50%;
  bottom: 50%;
  display: inline-block;
  margin: 0 7px;
  width: 36px;
  height: 36px;
  background: url("/web/images/icons/arrow-slider.svg") no-repeat center center;
  -webkit-transition: border 0.2s;
  -moz-transition: border 0.2s;
  -o-transition: border 0.2s;
  -ms-transition: border 0.2s;
  transition: border 0.2s; }
  .featherlight-next:hover, .featherlight-next:active, .featherlight-previous:hover, .featherlight-previous:active {
    background: url("/web/images/icons/arrow-slider.svg") no-repeat center center;
    border: 3px solid rgba(200, 195, 209, 0.5);
    border-radius: 20px;
    -webkit-transition: border 0.2s;
    -moz-transition: border 0.2s;
    -o-transition: border 0.2s;
    -ms-transition: border 0.2s;
    transition: border 0.2s; }

.featherlight-next {
  left: auto; }

.featherlight-previous {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

/*------------------------------------------- Slider description complete------------------------------------------------*/
.productPage .fullDescSlider {
  margin-top: 30px; }
  .productPage .fullDescSlider .vAlign {
    float: none;
    display: inline-block;
    vertical-align: middle; }
    .productPage .fullDescSlider .vAlign img {
      display: inline-block; }
  .productPage .fullDescSlider .owl-item {
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 15px; }
  .productPage .fullDescSlider .slide .titleLv2, .productPage .fullDescSlider .slide .titleLv3 {
    margin-bottom: 15px; }

.productPage .imageMapProduct {
  display: inline-block;
  height: 450px;
  position: relative; }
  .productPage .imageMapProduct map {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 752px;
    height: 450px;
    display: block; }
    .productPage .imageMapProduct map .area_image {
      background: #da487e;
      position: absolute;
      background-size: contain;
      background-position: center;
      border: 5px solid #da487e;
      border-radius: 3px;
      box-sizing: content-box; }
      .productPage .imageMapProduct map .area_image .mapLinkWrap {
        position: relative;
        width: 40px;
        height: 40px;
        max-width: 40px;
        max-height: 40px;
        overflow: hidden;
        display: inline-block;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s;
        margin-left: -5px;
        margin-top: -5px;
        border-radius: 3px; }
        .productPage .imageMapProduct map .area_image .mapLinkWrap .mapLinkTxt {
          background: #da487e;
          border-radius: 3px;
          font-family: "Montserrat", "arial", sans-serif;
          font-weight: 500;
          color: #ffffff;
          font-size: 13px;
          text-decoration: none;
          text-transform: uppercase;
          padding: 10px;
          width: 220px;
          display: inline-block;
          vertical-align: middle; }
          .productPage .imageMapProduct map .area_image .mapLinkWrap .mapLinkTxt:before {
            content: '';
            width: 20px;
            height: 20px;
            display: inline-block;
            vertical-align: middle;
            background: url("/web/images/icons/cross-img-map.svg") no-repeat center center;
            margin-right: 10px; }
      .productPage .imageMapProduct map .area_image:hover .mapLinkWrap {
        max-width: 220px;
        max-height: 50px;
        width: auto;
        height: auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s; }

/*------------------------------------------- Grand slider secondaire ------------------------------------------------*/
.productPage .largeSliderProduct.owl-carousel {
  margin: 30px 0; }
  .productPage .largeSliderProduct.owl-carousel .owl-video-wrapper {
    margin: 0 auto;
    width: 100% !important; }
  .productPage .largeSliderProduct.owl-carousel .owl-video-frame {
    background: #C8C3D1; }
  .productPage .largeSliderProduct.owl-carousel .slide img {
    display: inline-block; }
  .productPage .largeSliderProduct.owl-carousel .owl-nav {
    position: absolute;
    left: 50%;
    bottom: 15px;
    margin-left: -50px; }

/*------------------------------------------- crossSelling - commun ------------------------------------------------*/
.crossSelling {
  background: #ecebee;
  margin: 60px 0; }
  .crossSelling .titleLv2 {
    margin: 60px 0 30px; }
  .crossSelling .conteneur_ssmenu {
    display: none; }
    .crossSelling .conteneur_ssmenu.actifcont {
      display: block;
      width: 100%;
      margin-bottom: 30px; }
  .crossSelling .btnLvl2 {
    margin-top: 30px;
    margin-bottom: 60px; }
  .crossSelling .linkWithArrow {
    margin-bottom: 40px; }

.crossSelling .crossWidthImage .assocBlock:nth-child(n+5) {
  display: none; }

.crossSelling .crossFullWidth .assocBlock:nth-child(n+7) {
  display: none; }

/*------------------------------------------- CrossSelling spec doudous ------------------------------------------------*/
.crossSellingDoudou {
  margin: 30px 0; }
  .crossSellingDoudou .container-fluid {
    position: relative; }
  .crossSellingDoudou .crossTitle {
    position: absolute;
    right: 30px;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center; }
    .crossSellingDoudou .crossTitle .doudouTitle {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      font-size: 50px;
      color: #B1AFB5;
      font-weight: 200;
      width: 95%;
      text-align: center; }
  .crossSellingDoudou .relativePos {
    position: relative;
    width: 100%;
    height: 100%; }

/*------------------------------------------- CrossSelling avec onglets ------------------------------------------------*/
.productPage .cross_onglets {
  margin-bottom: 30px; }
  .productPage .cross_onglets .onglet {
    display: inline-block;
    width: auto;
    background: transparent !important;
    border: 1px solid #B1AFB5;
    padding: 10px;
    text-transform: uppercase;
    font-size: 13px;
    color: #B1AFB5 !important;
    margin-left: -4px; }
    .productPage .cross_onglets .onglet div {
      display: inline-block;
      vertical-align: middle; }
    .productPage .cross_onglets .onglet:first-child {
      -webkit-border-top-left-radius: 3px;
      -webkit-border-bottom-left-radius: 3px;
      -moz-border-radius-topleft: 3px;
      -moz-border-radius-bottomleft: 3px;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
    .productPage .cross_onglets .onglet:last-child {
      -webkit-border-top-right-radius: 3px;
      -webkit-border-bottom-right-radius: 3px;
      -moz-border-radius-topright: 3px;
      -moz-border-radius-bottomright: 3px;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
    .productPage .cross_onglets .onglet.actif, .productPage .cross_onglets .onglet:hover {
      background: #C8C3D1 !important;
      color: #ffffff !important; }
    .productPage .cross_onglets .onglet:hover {
      cursor: pointer; }

/*------------------------------------------- CrossSelling bloc produit associe ------------------------------------------------*/
.productPage .productBlock.prodAssoc {
  background: #ffffff;
  position: relative;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff;
  -moz-box-shadow: inset 0 0 0 2px #ffffff;
  box-shadow: inset 0 0 0 2px #ffffff;
  box-sizing: border-box;
  margin-bottom: 30px;
  /*.assocCheck{
    width: 33px;
    height: 33px;
    background: #ffffff url('/web/images/icons/check-grey.svg')no-repeat center center;
    border-radius: 2px;
    border: 2px solid $gamme1;
    position: absolute;
    right:0;
    top:0;
    z-index: 20;
    @include transition(all 0.5s);
  }*/
  /*&.checked{
    .assocCheck{
      display: inline-block;
    }
  }*/ }
  .productPage .productBlock.prodAssoc::before, .productPage .productBlock.prodAssoc::after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform-origin: center; }
  .productPage .productBlock.prodAssoc::before {
    border-top: 2px solid #C8C3D1;
    border-bottom: 2px solid #C8C3D1;
    transform: scale3d(0, 1, 1); }
  .productPage .productBlock.prodAssoc::after {
    border-left: 2px solid #C8C3D1;
    border-right: 2px solid #C8C3D1;
    transform: scale3d(1, 0, 1); }
  .productPage .productBlock.prodAssoc .image {
    margin-top: 10px; }
  .productPage .productBlock.prodAssoc .titre_prod {
    height: 55px;
    overflow: hidden;
    padding: 15px 10px 0; }
  .productPage .productBlock.prodAssoc .prix {
    color: #da487e;
    padding-bottom: 10px; }
  .productPage .productBlock.prodAssoc .lienajoutassoc, .productPage .productBlock.prodAssoc .lienvoirassoc {
    opacity: 0;
    width: 100%;
    background: #ffffff;
    text-align: center;
    color: #ffffff;
    padding: 5px;
    position: absolute;
    left: 0;
    z-index: 20; }
    .productPage .productBlock.prodAssoc .lienajoutassoc .btn, .productPage .productBlock.prodAssoc .lienvoirassoc .btn {
      padding: 5px 10px;
      width: 90%;
      margin: 0 auto; }
  .productPage .productBlock.prodAssoc .lienajoutassoc {
    bottom: -77px;
    padding: 5px 5px 10px 5px;
    min-height: 45px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-left: 2px solid #c8c3d1;
    border-right: 2px solid #c8c3d1;
    border-bottom: 2px solid #c8c3d1; }
    .productPage .productBlock.prodAssoc .lienajoutassoc .btn {
      font-size: 12px;
      padding: 5px; }
  .productPage .productBlock.prodAssoc .lienvoirassoc {
    bottom: -32px;
    border-left: 2px solid #c8c3d1;
    border-right: 2px solid #c8c3d1; }
    .productPage .productBlock.prodAssoc .lienvoirassoc:hover {
      color: #ffffff;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s; }
  .productPage .productBlock.prodAssoc:hover {
    cursor: pointer; }
    .productPage .productBlock.prodAssoc:hover .lienajoutassoc, .productPage .productBlock.prodAssoc:hover .lienvoirassoc {
      opacity: 1; }
  .productPage .productBlock.prodAssoc:hover {
    /*.assocCheck{
      display: inline-block;
      background: $gamme1 url('/web/images/icons/check-white.svg')no-repeat center center;
      @include transition(all 0.5s);
    }*/ }
    .productPage .productBlock.prodAssoc:hover:before, .productPage .productBlock.prodAssoc:hover:after {
      background: transparent;
      transform: scale3d(1, 1, 1);
      transition: transform 0.5s; }

/*------------------------------------------- commentaires avis clients reviews------------------------------------------------*/
.productPage .comments .titleLv2 {
  margin: 30px auto; }

.productPage .comments .mainNote {
  margin-bottom: 30px; }
  .productPage .comments .mainNote img {
    max-height: 13px;
    height: auto;
    display: inline-block;
    vertical-align: middle; }
  .productPage .comments .mainNote span {
    display: inline-block;
    vertical-align: middle; }
    .productPage .comments .mainNote span.note {
      color: #da487e; }

.productPage .comments .review {
  margin-bottom: 25px;
  display: inline-block;
  width: 100%; }
  .productPage .comments .review img {
    max-height: 13px;
    height: auto; }
  .productPage .comments .review:nth-child(n+4) {
    display: none; }

.productPage .comments .seeMore {
  margin: 0 0 60px;
  display: inline-block; }

.crossellingPage .produit-select .image {
  margin-right: 30px; }

.crossellingPage .produit-select .nom {
  margin-top: 30px; }

.crossellingPage .infos-produits .qte {
  margin: 30px 0; }

.crossellingPage .infos-produits .prix {
  margin: 30px 0;
  font-size: 25px;
  color: #da487e; }

/*------------------------------------------- bloc instagram ------------------------------------------------*/
.productPage .instaInspiProduct .instaItem {
  width: 16.66%;
  float: left; }

.productPage .instaInspiProduct .instaItemsWrapper {
  margin: 60px 0 30px; }

/*=============================================RESPONSIVE FICHE PRODUIT======================================================*/
@media (min-width: 1440px) {
  .productPage .mainInfosProduct .shortDesc {
    font-size: 16px;
    font-weight: 300; }
    .productPage .mainInfosProduct .shortDesc a {
      font-size: 13px; } }

@media (min-width: 1200px) and (max-width: 1439px) {
  .productPage .mainProductSlider .owl-item img {
    max-height: 570px;
    max-width: 150%; } }

@media (min-width: 1330px) {
  .productPage .mainInfosProduct .subliste.largeWidthBtn {
    display: inline-block; }
  .productPage .mainInfosProduct .subliste.smallWidthBtn {
    display: none; } }

@media (max-width: 1330px) {
  .productPage .mainInfosProduct .subliste.largeWidthBtn {
    display: none; }
  .productPage .mainInfosProduct .subliste.smallWidthBtn {
    display: inline-block;
    margin-left: 15px; }
    .productPage .mainInfosProduct .subliste.smallWidthBtn .btnWishList, .productPage .mainInfosProduct .subliste.smallWidthBtn a.btnWishList {
      min-width: 110px;
      max-width: 140px;
      padding: 7px 10px 7px 45px;
      line-height: 12px;
      background: #C8C3D1 url(/web/images/icons/whishlit-btn.svg) no-repeat 7% center; } }

@media (min-width: 1025px) and (max-width: 1200px) {
  .productPage .mainInfosProduct .mainInfosProductWrapper {
    padding-top: 45px; }
  .productPage .mainProductSlider .owl-item img {
    max-height: 470px;
    max-width: 150%; }
  .productPage .mainInfosProduct .shortDesc {
    margin: 15px 0; }
  .productPage .mainInfosProduct .mention {
    margin-top: 15px;
    max-width: 100%;
    margin-left: 0; } }

@media (min-width: 769px) and (max-width: 1024px) {
  .productPage .mainProductSlider .owl-item img {
    max-height: 435px !important;
    max-width: 150% !important; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .productPage .mainProductSlider .owl-item img {
    min-height: 280px;
    max-height: 300px;
    max-width: 150%; }
  .productPage .mainProductSlider .owl-dots {
    bottom: 15px;
    left: 15px; }
    .productPage .mainProductSlider .owl-dots .owl-dot {
      margin-right: 15px;
      width: 46px;
      height: 46px; }
  .productPage .mainInfosProduct {
    left: 51.3333%; }
    .productPage .mainInfosProduct .mainInfosProductWrapper {
      padding-top: 30px; }
    .productPage .mainInfosProduct .titleLv2 {
      line-height: 30px;
      margin-bottom: 10px; }
      .productPage .mainInfosProduct .titleLv2.long {
        font-size: 22px; }
    .productPage .mainInfosProduct .prix_actuel span:first-child {
      font-size: 22px; }
    .productPage .mainInfosProduct .sub, .productPage .mainInfosProduct .subliste {
      margin-top: 15px;
      /*.btnWishList, a.btnWishList{
          min-width: 110px;
          padding: 7px 10px 7px 40px;
          line-height: 12px;
          background: #C8C3D1 url(/web/images/icons/whishlit-btn.svg) no-repeat 7% center;
        }*/ }
    .productPage .mainInfosProduct .linkWithArrow {
      margin-top: 15px; }
  .productPage .videoLink {
    width: 46px;
    height: 46px;
    /*bottom: 15px;
      margin-left: -15px;*/ }
  .productPage .mention {
    margin: 10px 0; }
    .productPage .mention span {
      max-width: 70%;
      margin-left: 5px;
      font-size: 12px;
      font-style: italic;
      color: #8A878E; }
  .productPage .fullDescSlider .vAlign {
    margin-left: -0.5%; }
  .crossSellingDoudou .doudouWrapper {
    text-align: center; }
  .crossSellingDoudou .crossTitle {
    position: relative;
    right: 0;
    background-repeat: repeat;
    background-position: bottom center;
    width: 100%;
    height: 200px; }
  .crossSelling .crossWidthImage .assocBlock:nth-child(n+4) {
    display: none; }
  .crossSelling .crossFullWidth .assocBlock:nth-child(n+5) {
    display: none; }
  .crossellingPage .produit-select .nom {
    max-width: 55%;
    margin-bottom: 15px;
    display: block; }
  .crossellingPage .infos-produits .prix {
    font-size: 18px; }
  .crossellingPage .process-btns .btn {
    width: 100%;
    margin-bottom: 15px; }
  .crossellingPage .cross_onglets .onglet {
    max-width: 33%; }
  /*---- bloc instagram --------------*/
  .productPage .instaInspiProduct .instaItem {
    width: 33.33%;
    float: left; } }

@media (max-width: 768px) {
  .productPage .mainProductSlider .owl-item img {
    max-height: 320px; } }

/*=======================================
   DESKTOP - STORES
=======================================*/
.storeLocator {
  position: relative; }
  .storeLocator .titleLv1 {
    margin-bottom: 30px; }
    .storeLocator .titleLv1.long {
      font-size: 24px; }

.storesMap {
  height: 600px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 130px;
  z-index: 0; }

.storesInfosWrapper {
  position: relative;
  height: 595px; }
  .storesInfosWrapper .titleLv3 {
    margin-bottom: 30px; }
  .storesInfosWrapper .colStores {
    position: absolute;
    left: 10px;
    top: -5px;
    background: #ffffff;
    padding: 30px;
    height: 600px;
    z-index: 10; }
  .storesInfosWrapper .storesListWrapper {
    margin-top: 15px; }
  .storesInfosWrapper .storesList {
    height: 400px;
    overflow-y: auto; }
  .storesInfosWrapper .wrapSelect {
    margin-bottom: 15px; }

/*=============================================RESPONSIVE DESKTOP STORES=====================================================*/
@media (min-width: 768px) and (max-width: 1024px) {
  .storesInfosWrapper {
    background: #ececec; }
    .storesInfosWrapper .colStores {
      position: relative;
      left: auto; }
    .storesInfosWrapper .storesList {
      height: 400px;
      overflow-y: scroll; } }

/*=======================================
   LISTING
=======================================*/
/*---------------------LISTING - Content---------------------*/
.listingContent .col_gauche_gcat,
.listingContent .contenu {
  margin-top: 30px; }

/*---------------------TRI & PAGINATION---------------------*/
.listingContent .cat_tri_pagination {
  margin-bottom: 30px; }

.listingContent .pagination {
  display: block;
  margin: 0;
  float: right;
  font-weight: 500;
  font-family: "Montserrat", "arial", sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  color: #8A878E;
  border-radius: 0; }

/*---------------------LISTING - Product cat---------------------*/
.listingContent .list_prod_cat > .row > [class*="col"] {
  margin-bottom: 30px; }

.listingContent .list_prod_cat > .row > .col-sm-8.col-counter-1 + [class*="col"] + [class*="col"],
.listingContent .list_prod_cat > .row > .col-sm-8.col-counter-2 + [class*="col"] {
  clear: left; }

.listingContent .list_prod_cat .wrapButtonCenter {
  margin-bottom: 40px;
  text-align: center; }

/*---------------------PUB - Block---------------------*/
.listingContent .pubBlock {
  text-align: center; }

.pubBlockContainer {
  display: block;
  position: relative;
  overflow: hidden; }

.pubBlockImg {
  display: block;
  position: relative;
  left: 50%;
  max-width: 100%;
  height: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

/*---------------------RESPONSIVE---------------------*/
/*=======================================
   PROCESS
=======================================*/
/*---------------------PROCESS - Content---------------------*/
.processContent {
  background-repeat: no-repeat;
  background-position: center top; }
  .processContent .err,
  .processContent .success {
    margin-bottom: 30px; }
  .processContent .wrapFloatLabel {
    margin-bottom: 15px; }

.processContentPanier .processOfferWelcome {
  margin-bottom: 30px;
  padding: 30px;
  background-color: #ecebee; }

.processContentPanier .processOfferWelcomeFigure {
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  height: auto; }

.processContentPanier .processOfferWelcomeBody {
  margin-bottom: 20px;
  font-size: 20px; }

.processContentPanier .processOfferWelcomeFooter {
  font-size: 20px; }
  .processContentPanier .processOfferWelcomeFooter a {
    display: inline-block;
    margin-top: 20px;
    font-weight: 400;
    font-size: 13px; }

.processContentLogin {
  background-image: url("/web/images/process/processContentLogin.png"); }
  .processContentLogin .processBlockContainer {
    height: 320px; }

.processContentLoginAccount {
  background-position: center -30px; }
  .processContentLoginAccount #ct_connexion {
    margin-bottom: 30px; }

.processContentPasswordForgotten {
  background-image: url("/web/images/process/processContentLogin.png"); }
  .processContentPasswordForgotten .processAction {
    margin-top: 0; }

.processContentInscription {
  background-image: url("/web/images/process/processContentInscription.png"); }
  .processContentInscription .processAction {
    margin-top: 0; }

.processContentPaiement #panier_code_promo_new {
  /*.wrapFloatLabel label.floatLabel span {
                    margin-top: -1px;
                    background-color: #ecebee;
                }*/ }
  .processContentPaiement #panier_code_promo_new .content_code_avantage {
    padding-left: 43px;
    border-left: 8px solid #da487e; }
  .processContentPaiement #panier_code_promo_new .fpromoTitle {
    font-weight: 500;
    margin-bottom: 15px;
    text-transform: none;
    color: #da487e; }
  .processContentPaiement #panier_code_promo_new .content_code_avantage .fpromo .wrapFloatLabel {
    margin-right: 0;
    margin-bottom: 0; }
  .processContentPaiement #panier_code_promo_new .content_code_avantage .fpromo .btnLvl1 {
    right: 15px; }
  .processContentPaiement #panier_code_promo_new .sous_code_avantage {
    margin-top: 5px;
    text-transform: none; }

/*---------------------HEADER - Process---------------------*/
.headerProcess {
  position: relative;
  padding-top: 15px;
  height: 100px; }
  .headerProcess .header_center,
  .headerProcess .middleHeader,
  .headerProcess .middleHeader > .container-fluid,
  .headerProcess .middleHeader > .container-fluid > .row,
  .headerProcess .middleHeader > .container-fluid > .row > [class*="col-"] {
    height: 100%; }

.headerProcess.sticky {
  padding-top: 0;
  height: 70px; }

/*---------------------PROCESS - Help---------------------*/
.processHelp {
  font-weight: 500;
  font-family: "Montserrat", "arial", sans-serif;
  font-size: 16px;
  text-align: center;
  color: #59575C;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s; }
  .processHelp a {
    color: #da487e; }
    .processHelp a:focus, .processHelp a:hover, .processHelp a:active {
      text-decoration: underline; }

.headerProcess .processHelp {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.headerProcess.sticky .processHelp {
  font-size: 12px; }

/*---------------------PROCESS - Add Enfant---------------------*/
.processAddEnfant ~ .processAddEnfant {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #B1AFB5; }

.processAddEnfant .wrapSelect,
.processAddEnfant .wrapSelect select,
.processAddEnfant .wrapSelect .select_undefined {
  height: 28px; }

.processAddEnfant .wrapSelect {
  padding-top: 12px; }

.processAddEnfant .wrapFloatLabel label.floatLabel,
.processAddEnfant .formLabel {
  color: #8A878E; }

.processAddEnfant .col_datenaisse {
  white-space: nowrap; }
  .processAddEnfant .col_datenaisse .formLabel {
    display: inline-block;
    margin-right: 15px;
    line-height: normal; }
  .processAddEnfant .col_datenaisse .wrapSelect {
    display: inline-block;
    position: relative;
    padding-top: 0; }
    .processAddEnfant .col_datenaisse .wrapSelect .wrapSelect {
      top: 7px; }
      .processAddEnfant .col_datenaisse .wrapSelect .wrapSelect + .wrapSelect {
        margin-left: 15px; }
    .processAddEnfant .col_datenaisse .wrapSelect .wrapSelectDay,
    .processAddEnfant .col_datenaisse .wrapSelect .wrapSelectMonth {
      width: 50px; }
    .processAddEnfant .col_datenaisse .wrapSelect .wrapSelectYear {
      width: 60px; }

/*---------------------PROCESS - Panier - Delivery---------------------*/
.processPanierDelivery {
  padding: 30px;
  border: 1px solid #ecebee;
  background-color: #fff; }

.processPanierDeliveryHeader {
  margin-bottom: 20px; }

.processPanierDeliveryTitle {
  text-transform: uppercase;
  color: #38373A; }

.processPanierDeliveryBody .choix_livraison {
  margin-bottom: 15px; }

.processPanierDeliveryBody .prix_livraison {
  font-weight: 500;
  font-size: 13px;
  white-space: nowrap;
  color: #da487e; }

.processPanierDeliveryBody .image {
  display: block;
  position: relative;
  top: -10px;
  height: 30px; }
  .processPanierDeliveryBody .image img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.liste_point_relai a.info:hover + .liste_horaire_pop {
  display: block;
  position: absolute;
  background: white;
  z-index: 10;
  border: 1px solid #ecebee;
  padding: 15px;
  width: 313px;
  right: 0; }

/*---------------------PROCESS - Points---------------------*/
.processPoints {
  margin-top: 30px;
  margin-bottom: 10px; }

.processPointsTitle {
  position: relative;
  padding-left: 45px;
  min-height: 30px;
  font-weight: 500;
  color: #da487e; }

.processPointsTitleIcon {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px; }
  .processPointsTitleIcon .svg {
    width: inherit;
    height: inherit; }
    .processPointsTitleIcon .svg g, .processPointsTitleIcon .svg circle, .processPointsTitleIcon .svg path {
      fill: #da487e; }

/*---------------------PROCESS - Offre de bienvenue---------------------*/
.processOfferWelcome {
  position: relative;
  padding-left: 115px;
  min-height: 100px; }

.processOfferWelcomeFigure {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px; }
  .processOfferWelcomeFigure img {
    max-width: 100%; }

.processOfferWelcomeBody {
  margin-bottom: 5px;
  font-size: 16px;
  font-family: "noteworthylight", "Georgia", serif; }

.processOfferWelcomeFooter {
  font-weight: 500;
  font-size: 15px;
  color: #da487e; }

/*---------------------PROCESS - Confirmation de paiement---------------------*/
.paiementOk {
  margin-bottom: 90px; }

/*---------------------RESPONSIVE---------------------*/
@media (min-width: 1025px) {
  .processContentPanier .continuer .btnLvl1 {
    margin-top: 30px; }
  .processContentPanier .sub .btnLvl2 {
    margin-top: 30px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  /*---------------------PROCESS - Help---------------------*/
  .processHelp {
    font-size: 13px; }
  /*---------------------PROCESS - Points---------------------*/
  .processPoints {
    margin-top: 20px; }
  .processPointsTitle {
    padding-top: 6px; }
  /*---------------------PROCESS - Action---------------------*/
  .processAction {
    margin-top: 20px;
    margin-bottom: 30px; } }

@media (min-width: 768px) and (max-width: 991px) {
  /*---------------------PROCESS - Add Enfant---------------------*/
  .processAddEnfant .col_supp {
    text-align: right; } }

/*=======================================
   ACCOUNT
=======================================*/
/*---------------------ACCOUNT - Content---------------------*/
.accountContent {
  margin-bottom: 60px; }
  .accountContent .processBlockContainer {
    padding: 0;
    border: 0; }
  .accountContent .processBlockHeader {
    margin-bottom: 30px; }
  .accountContent .processBlockLegend {
    margin-left: 0; }

.accountContentHome .productBlock .title {
  height: auto; }

.accountContentHome .productBlock .lien {
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-indent: 100%;
  white-space: nowrap; }
  .accountContentHome .productBlock .lien a {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }

.accountContentBa .accountClubCorolle {
  margin-bottom: 30px; }

.accountContentAnniversaire .processBlockFieldsetContainer {
  margin-left: 0; }

.accountContentGestionListe .wrapSelectBirthDate select.selectBirthDate {
  margin-left: 5px; }

.accountContentGestionListe .listeMailMessage {
  margin-top: 30px; }

@media (min-width: 768px) and (max-width: 1024px) {
  .accountContent .processBlockHeader {
    margin-bottom: 0; }
  .accountContent .processBlockFieldset + .processBlockFieldset {
    margin-top: 20px; }
  .accountContent .processBlockLegend {
    margin-top: 15px;
    white-space: nowrap; } }

/*---------------------ACCOUNT - Club Corolle---------------------*/
.accountClubCorolle {
  position: relative;
  padding-left: 320px;
  min-height: 400px;
  background-color: #C8C3D1; }

.accountClubCorolleFigure {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 320px;
  background: url("/web/images/account/accountClubCorolleFigure.jpg") no-repeat right top;
  -webkit-background-size: cover;
  background-size: cover; }

.accountClubCorolleContainer {
  padding: 0 15px 20px; }

.accountClubCorolleHeader {
  margin-bottom: 15px;
  text-align: center; }
  .accountClubCorolleHeader img {
    max-width: 100%; }

.accountClubCorolleBody {
  margin-bottom: 15px;
  padding: 20px;
  background-color: #fff; }
  .accountClubCorolleBody .err,
  .accountClubCorolleBody .success {
    margin-bottom: 0; }
  .accountClubCorolleBody ul li + li {
    margin-top: 10px; }

.accountClubCorolleCount {
  display: inline-block;
  padding-right: 30px;
  padding-left: 30px;
  min-height: 20px;
  background: url("/web/images/icons/accountClubCorolleCount.svg") no-repeat right top; }
  .accountClubCorolleCount b, .accountClubCorolleCount strong {
    font-weight: 500;
    color: #da487e; }

.accountClubCorolleOffer {
  text-align: center;
  color: #444346; }

.accountClubCorolleOfferHeader {
  margin-bottom: 10px; }

.accountClubCorolleOfferTitle {
  font-weight: 500;
  font-size: 20px; }

.accountClubCorolleOfferBody ul li b, .accountClubCorolleOfferBody ul li strong {
  font-weight: 500; }

.accountClubCorolleOfferBody ul li + li {
  margin-top: 10px; }

/*---------------------ACCOUNT - Complete liste - Button---------------------*/
.accountCompleteListeBtn > .row {
  margin-right: -7.5px;
  margin-left: -7.5px; }
  .accountCompleteListeBtn > .row > [class*="col-"] {
    padding-right: 7.5px;
    padding-left: 7.5px; }

.accountCompleteListeBtn .btn {
  display: block;
  white-space: nowrap; }

.accountContentGestionListe .productPage .productBlock.prodAssoc .assocCheck {
  background: #FFFFFF; }
  .accountContentGestionListe .productPage .productBlock.prodAssoc .assocCheck .iconClose {
    margin-top: 5px; }

.accountContentGestionListe .productPage .productBlock.prodAssoc:hover .assocCheck {
  background: #C8C3D1; }
  .accountContentGestionListe .productPage .productBlock.prodAssoc:hover .assocCheck .iconClose {
    margin-top: 0; }

.accountContentGestionListe .btn#btn_adr_liste_cadeau {
  margin-bottom: 30px; }

/*------------- Papa poule ---------------*/
/*.imgPoule{float: left; width: 200px; height: auto; margin-bottom: 20px;}
.descPoule{float: left; width: 740px; margin-left: 20px; margin-bottom: 20px; color: #828282;}

.eventProgram{
  width: 958px;
  border: 1px solid #f8c1d7;
  padding-bottom: 15px;
}
.eventProgram h2{
  width: 100%;
  text-align: center;
  display: inline-block;
  font-size: 24px;
  color: #15888d;
  text-transform: uppercase;
  font-weight: normal;
  padding:10px 0;
}
.eventProgram h2 span{
  font-weight: bold;
}
.eventProgram .eventColumn{float: left; width: 300px; margin-left: 15px;}
.eventProgram .eventColumn .day{
  width: 100%;
  text-align: center;
  color: #15888d;
  font-size: 16px;
  padding: 5px 0;
}
.eventProgram .eventColumn .day:after{
  content: '';
  background: url("images/day_fleche_down.png")no-repeat center center;
  width: 10px;
  height: 6px;
  display: inline-block;
  margin-left: 5px;
}

.eventProgram .eventColumn .dayBackground {background: #fcf3f7; width: 300px; display: block; position: relative;}
.eventProgram .eventColumn .dayBackground .hour {
  height: 179px;
  border-bottom: 1px solid #f4dce5;
  width: 100%;
  display: block;
  background:#fcf3f7 url('images/bg_papa_poule.jpg')repeat-x center top;
}
.eventProgram .eventColumn .dayBackground .hour span{
  padding: 10px;
  display: inline-block;
}
.ateliers .blockAtelier{
  position:absolute;
  right:0;
  top:0;
  margin-top: 0;
  height: 0;
  overflow: hidden;
  width: 250px;
  box-sizing: border-box;
  margin-right: 10px;
  text-align: center;
  background: #15888d;
}
.blockAtelier.half{
  width: 120px;
}
.blockAtelier.half.gauche{
  margin-right: 140px;
}
.blockAtelier label{
  padding-left: 10px;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  display: inline-block;
  margin-top: 10px;
}
.blockAtelier.half label{
  max-width: 85px;
}

.blockAtelier .atelierDesc{
  padding:5px;
  color: #ffffff;
}
.blockAtelier a{
  display: block;
  padding-bottom: 5px;
}


div#conteneur_cms .blockAtelier a {
  color:#ffffff;
}

.blockAtelier .dispo, .popupPapa .dispo{
  background: #ee82ac;
  display: inline-block;
  color: #FFFFFF;
  width: 180px;
  height: 30px;
  margin:5px auto;
  line-height: 30px;
}
.blockAtelier .dispo .iconUser, .popupPapa .dispo .iconUser, .evenDetail .dispo .iconUser{
  display: inline-block;
  background: url("images/iconUserPapa.svg")no-repeat center center;
  width: 30px;
  height: 30px;
  float: left;
}
.blockAtelier .dispo .places, .popupPapa .dispo .places, .evenDetail .dispo .places{
  font-size: 13px;
}
.blockAtelier .dispo .free, .blockAtelier .dispo .full, .popupPapa .dispo .free, .popupPapa .dispo .full, .evenDetail .dispo .free, .evenDetail .dispo .full{
  display: inline-block;
}
.blockAtelier .dispo .free span.number, .blockAtelier .dispo .full, .popupPapa .dispo .free span.number, .popupPapa .dispo .full, .evenDetail .dispo .free span.number, .evenDetail .dispo .full{
  font-weight: bold;
}

.evenDetail h2{
  color: #e84d89;
}
.blockAtelier.half .dispo{
  width: 95px;
}
.blockAtelier.half .dispo .places{
  display: none;
}

.blockAtelier .dispo .full, .popupPapa .dispo .full, .evenDetail .dispo .full{
  text-transform: uppercase;
}

.btnInscription{
  background: url("images/btn_s_inscrire.png")no-repeat center center;
  width: 180px;
  height: 44px;
  display: block;
  margin:20px auto;
  color: transparent;
}

div#insc_poule { width: 958px; border: 1px solid #f8c1d7; margin:0 auto; padding:20px 0;}
div#insc_poule div.deco_pointille{border-top: 1px dotted #f8c1d7; margin: 15px 0; }
div#insc_poule label, div#insc_poule .label{ float:left; width:415px; padding-right:10px; text-align:right; line-height:23px; height:23px; }
div#insc_poule textarea { width:310px;  height:53px;border: 1px solid #FAD5E4; }
//div#insc_poule p.sep{  height: 23px;padding:3px 0;position:relative; }
div#insc_poule p.sep{  height: 50px;padding:3px 0;position:relative; }
div#insc_poule p.sep input{ width: auto;}
div#insc_poule p.sepinsc{ overflow:hidden; padding:3px 0;margin-bottom:15px;  }
div#insc_poule p.choixville { position:relative; overflow:visible;  }
div#insc_poule span#div_ville { width:184px; font-size:11px; position:absolute; top:28px; left:320px; display:none; background:#fff; height:110px; border:1px solid #ccc; overflow:auto; padding:5px 0;  }
div#insc_poule span#div_ville span { display:block; padding:0 5px; }
div#insc_poule span#div_ville span:hover { background:#3399ff; color:#fff; cursor:pointer;}
div#insc_poule p.mdp { padding-top:15px; }
div#insc_poule p.civilite { padding:2px 0 17px;  }
div#insc_poule p.civilite span { font-size:11px; padding:0 15px 0 2px;  }
div#insc_poule p.pays select { border:1px solid #f8c1d7; color:#828282; width:185px; font-size:11px;  padding:3px 0;}
div#insc_poule p.maman select { border:1px solid #f8c1d7; color:#828282; width:65px; font-size:11px;  padding:3px 0;}
div#insc_poule div.choixAtelier{border: 1px solid #f8c1d7; width: 488px; padding:20px 0; margin: 0 auto;}
div#insc_poule p.choix select{ border:1px solid #f8c1d7; color:#828282; width:185px; font-size:11px;  padding:3px 0; margin-left: 190px;}
div#insc_poule div.choixAtelier .label{width:177px;}
div#insc_poule div.choixAtelier .indications{float: left; font-style: italic;line-height: 23px;
  height: 23px;}
div#insc_poule input[type=checkbox]{float: left; line-height: 23px; margin: 5px 0 0 405px;}
div#insc_poule label.news{width: auto; color: #e84d89; line-height: normal; margin:5px 0 0; padding-left: 10px;}
.btnValidation{
  background: url("images/btn_valider.png")no-repeat center center;
  width: 180px;
  height: 44px;
  display: block;
  margin:20px auto;
  color: transparent;
}


.popupPapa{position: relative; background: #FFFFFF; padding: 10px;}
.popupPapa .dispo{position: absolute; top:10px; left:10px;}
.popupPapa .atelierContent{border:1px solid #f8c1d7; padding:15px; color: #828282;}
.popupPapa .titre_rose{font-size:16px; color:#e84d89; font-weight:bold; text-align: center; padding: 11px 0;}*/