@charset "UTF-8";
.icon, .icon-ListLocator, .icon-accountAddressFavOff, .icon-accountAddressFavOn, .icon-accountDeco, .icon-accountList, .icon-accountMenu, .icon-accountView, .icon-addOpinion, .icon-bag, .icon-colissimo, .icon-distance, .icon-download, .icon-envelope, .icon-envelopeWhite, .icon-fb, .icon-fbWhite, .icon-gp, .icon-gpWhite, .icon-headerCart, .icon-headerLocator, .icon-headerUser, .icon-imp, .icon-info, .icon-locator, .icon-logo, .icon-mapLocator, .icon-orderBackLegend, .icon-orderBackOff, .icon-orderBackOn, .icon-paymentAmex, .icon-paymentBancontact, .icon-paymentCart, .icon-paymentCheque, .icon-paymentEuro, .icon-paymentPaypal, .icon-paymentSpirit, .icon-paymentVirement, .icon-pictoSearch, .icon-productLabel1, .icon-productLabel2, .icon-reinsurance1, .icon-reinsurance2, .icon-reinsurance3, .icon-reinsurance4, .icon-reinsurance5, .icon-shop, .icon-sliderArrowL, .icon-sliderArrowR, .icon-smallLocator, .icon-tnt, .icon-tw, .icon-twWhite {
  display: inline-block;
  background-image: url("/web/default/images/sprite.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon, .icon-ListLocator, .icon-accountAddressFavOff, .icon-accountAddressFavOn, .icon-accountDeco, .icon-accountList, .icon-accountMenu, .icon-accountView, .icon-addOpinion, .icon-bag, .icon-colissimo, .icon-distance, .icon-download, .icon-envelope, .icon-envelopeWhite, .icon-fb, .icon-fbWhite, .icon-gp, .icon-gpWhite, .icon-headerCart, .icon-headerLocator, .icon-headerUser, .icon-imp, .icon-info, .icon-locator, .icon-logo, .icon-mapLocator, .icon-orderBackLegend, .icon-orderBackOff, .icon-orderBackOn, .icon-paymentAmex, .icon-paymentBancontact, .icon-paymentCart, .icon-paymentCheque, .icon-paymentEuro, .icon-paymentPaypal, .icon-paymentSpirit, .icon-paymentVirement, .icon-pictoSearch, .icon-productLabel1, .icon-productLabel2, .icon-reinsurance1, .icon-reinsurance2, .icon-reinsurance3, .icon-reinsurance4, .icon-reinsurance5, .icon-shop, .icon-sliderArrowL, .icon-sliderArrowR, .icon-smallLocator, .icon-tnt, .icon-tw, .icon-twWhite {
    background-image: url("/web/default/images/sprite@2x.png");
    background-size: 344px 281px; } }

.icon-ListLocator {
  background-position: -322px -265px;
  width: 18px;
  height: 16px; }

.icon-accountAddressFavOff {
  background-position: -160px -217px;
  width: 31px;
  height: 28px; }

.icon-accountAddressFavOn {
  background-position: -129px -217px;
  width: 31px;
  height: 28px; }

.icon-accountDeco {
  background-position: -35px -246px;
  width: 32px;
  height: 32px; }

.icon-accountList {
  background-position: -192px -32px;
  width: 32px;
  height: 32px; }

.icon-accountMenu {
  background-position: -72px -32px;
  width: 64px;
  height: 64px; }

.icon-accountView {
  background-position: 0px -246px;
  width: 35px;
  height: 35px; }

.icon-addOpinion {
  background-position: -322px -226px;
  width: 19px;
  height: 20px; }

.icon-bag {
  background-position: 0px 0px;
  width: 72px;
  height: 148px; }

.icon-colissimo {
  background-position: -224px -158px;
  width: 75px;
  height: 24px; }

.icon-distance {
  background-position: -136px -73px;
  width: 55px;
  height: 22px; }

.icon-download {
  background-position: -219px -217px;
  width: 28px;
  height: 28px; }

.icon-envelope {
  background-position: -164px -188px;
  width: 25px;
  height: 18px; }

.icon-envelopeWhite {
  background-position: -210px -188px;
  width: 20px;
  height: 14px; }

.icon-fb {
  background-position: -300px -217px;
  width: 12px;
  height: 25px; }

.icon-fbWhite {
  background-position: -312px -217px;
  width: 9px;
  height: 20px; }

.icon-gp {
  background-position: -275px -217px;
  width: 25px;
  height: 25px; }

.icon-gpWhite {
  background-position: -322px -206px;
  width: 20px;
  height: 20px; }

.icon-headerCart {
  background-position: -322px -94px;
  width: 20px;
  height: 32px; }

.icon-headerLocator {
  background-position: -322px -154px;
  width: 18px;
  height: 30px; }

.icon-headerUser {
  background-position: -322px -126px;
  width: 22px;
  height: 28px; }

.icon-imp {
  background-position: -247px -217px;
  width: 28px;
  height: 25px; }

.icon-info {
  background-position: -322px -246px;
  width: 19px;
  height: 19px; }

.icon-locator {
  background-position: -196px -148px;
  width: 25px;
  height: 39px; }

.icon-logo {
  background-position: -72px 0px;
  width: 152px;
  height: 32px; }

.icon-mapLocator {
  background-position: -189px -188px;
  width: 21px;
  height: 17px; }

.icon-orderBackLegend {
  background-position: -92px -246px;
  width: 16px;
  height: 16px; }

.icon-orderBackOff {
  background-position: -191px -217px;
  width: 28px;
  height: 28px; }

.icon-orderBackOn {
  background-position: -292px -80px;
  width: 28px;
  height: 28px; }

.icon-paymentAmex {
  background-position: 0px -217px;
  width: 44px;
  height: 29px; }

.icon-paymentBancontact {
  background-position: -170px -96px;
  width: 52px;
  height: 32px; }

.icon-paymentCart {
  background-position: -224px -117px;
  width: 60px;
  height: 41px; }

.icon-paymentCheque {
  background-position: 0px -188px;
  width: 54px;
  height: 29px; }

.icon-paymentEuro {
  background-position: -54px -188px;
  width: 53px;
  height: 26px; }

.icon-paymentPaypal {
  background-position: -44px -217px;
  width: 43px;
  height: 29px; }

.icon-paymentSpirit {
  background-position: -136px -32px;
  width: 56px;
  height: 41px; }

.icon-paymentVirement {
  background-position: -87px -217px;
  width: 42px;
  height: 28px; }

.icon-pictoSearch {
  background-position: -322px -184px;
  width: 21px;
  height: 22px; }

.icon-productLabel1 {
  background-position: -139px -188px;
  width: 25px;
  height: 23px; }

.icon-productLabel2 {
  background-position: -67px -246px;
  width: 25px;
  height: 25px; }

.icon-reinsurance1 {
  background-position: -224px 0px;
  width: 98px;
  height: 40px; }

.icon-reinsurance2 {
  background-position: -72px -96px;
  width: 98px;
  height: 40px; }

.icon-reinsurance3 {
  background-position: -98px -148px;
  width: 98px;
  height: 40px; }

.icon-reinsurance4 {
  background-position: -224px -40px;
  width: 98px;
  height: 40px; }

.icon-reinsurance5 {
  background-position: 0px -148px;
  width: 98px;
  height: 40px; }

.icon-shop {
  background-position: -284px -117px;
  width: 37px;
  height: 37px; }

.icon-sliderArrowL {
  background-position: -322px -47px;
  width: 22px;
  height: 47px; }

.icon-sliderArrowR {
  background-position: -322px 0px;
  width: 22px;
  height: 47px; }

.icon-smallLocator {
  background-position: -299px -158px;
  width: 15px;
  height: 24px; }

.icon-tnt {
  background-position: -224px -80px;
  width: 68px;
  height: 37px; }

.icon-tw {
  background-position: -107px -188px;
  width: 32px;
  height: 23px; }

.icon-twWhite {
  background-position: -191px -73px;
  width: 26px;
  height: 18px; }

/*==============================
    GLOBAL
-------------------------------*/
/* FONTS */
/* GLOBAL */
html, body {
  height: 100%;
  color: #282d30;
  font-family: "PT Sans", sans-serif;
  font-size: 14px;
  line-height: 18px;
  background-color: #ffffff;
  overflow-x: hidden; }

body {
  height: auto; }

a,
.color_01 a {
  font-weight: 700;
  text-decoration: none;
  color: #282d30;
  transition: all 0.5s; }
  a:focus, a:hover, a:active,
  .color_01 a:focus,
  .color_01 a:hover,
  .color_01 a:active {
    text-decoration: none;
    color: #01cb9e; }

.color_01 a {
  color: #282d30 !important; }
  .color_01 a:focus, .color_01 a:hover, .color_01 a:active {
    color: #01cb9e !important; }

hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border: 0;
  height: 3px;
  background-color: #dce5ec; }

@media (max-width: 767px) {
  html, body {
    font-family: "Arial", sans-serif; }
  form hr {
    margin-top: 5px;
    margin-bottom: 20px; } }

/* TITLES */
/*==============================
    TITLES
-------------------------------*/
h1, h2, h3, h4, h5, h6, [class*="titleLvl"] {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="titleLvl"] a {
    font-weight: inherit;
    text-decoration: none;
    color: inherit; }
    h1 a:focus, h1 a:hover, h1 a:active, h2 a:focus, h2 a:hover, h2 a:active, h3 a:focus, h3 a:hover, h3 a:active, h4 a:focus, h4 a:hover, h4 a:active, h5 a:focus, h5 a:hover, h5 a:active, h6 a:focus, h6 a:hover, h6 a:active, [class*="titleLvl"] a:focus, [class*="titleLvl"] a:hover, [class*="titleLvl"] a:active {
      color: inherit; }
  h1 b,
  h1 strong, h2 b,
  h2 strong, h3 b,
  h3 strong, h4 b,
  h4 strong, h5 b,
  h5 strong, h6 b,
  h6 strong, [class*="titleLvl"] b,
  [class*="titleLvl"] strong {
    font: inherit;
    color: inherit; }

h1,
.titleLvl1 {
  padding-top: 0;
  font-size: 25px;
  line-height: 29px;
  color: #282d30;
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  text-transform: none;
  background: none; }

@media (min-width: 768px) and (max-width: 991px) {
  h1,
  .titleLvl1 {
    font-size: 20px; } }

@media (max-width: 767px) {
  h1,
  .titleLvl1 {
    font-family: "Arial", sans-serif;
    font-size: 20px; } }

h2,
.titleLvl2 {
  display: inline-block;
  padding-top: 15px;
  padding-left: 20px;
  font-size: 52px;
  line-height: 44px;
  color: #8996a5;
  font-family: "Farsan", cursive;
  font-weight: 400;
  text-transform: none;
  background: url("../charte/images/icons/titleLvl2.svg") no-repeat left top; }

@media (min-width: 768px) and (max-width: 991px) {
  h2,
  .titleLvl2 {
    font-size: 37px;
    line-height: 29px; } }

@media (max-width: 767px) {
  h2,
  .titleLvl2 {
    padding-top: 10px;
    font-size: 37px;
    line-height: 29px; } }

h3,
.titleLvl3 {
  padding-top: 0;
  font-size: 15px;
  line-height: 19px;
  color: #01cb9e;
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  background: none; }

@media (min-width: 768px) and (max-width: 991px) {
  h3,
  .titleLvl3 {
    font-size: 14px; } }

@media (max-width: 767px) {
  h3,
  .titleLvl3 {
    font-family: "Arial", sans-serif;
    font-size: 14px; } }

h4,
.titleLvl4,
.popover-title {
  padding-top: 0;
  font-size: 15px;
  line-height: 19px;
  color: #282d30;
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  background: none; }

@media (min-width: 768px) and (max-width: 991px) {
  h4,
  .titleLvl4,
  .popover-title {
    font-size: 14px; } }

@media (max-width: 767px) {
  h4,
  .titleLvl4,
  .popover-title {
    font-family: "Arial", sans-serif;
    font-size: 14px; } }

h5,
.titleLvl5 {
  padding-top: 0;
  font-size: 14px;
  line-height: 18px;
  color: #282d30;
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  background: none; }

@media (min-width: 768px) and (max-width: 991px) {
  h5,
  .titleLvl5 {
    font-size: 14px; } }

@media (max-width: 767px) {
  h5,
  .titleLvl5 {
    font-family: "Arial", sans-serif;
    font-size: 14px; } }

h6,
.titleLvl6 {
  padding-top: 0;
  font-size: 14px;
  line-height: 18px;
  color: #282d30;
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  text-transform: none;
  background: none; }

@media (min-width: 768px) and (max-width: 991px) {
  h6,
  .titleLvl6 {
    font-size: 14px; } }

@media (max-width: 767px) {
  h6,
  .titleLvl6 {
    font-family: "Arial", sans-serif;
    font-size: 14px; } }

/* HELPERS */
/*==============================
    HELPERS
-------------------------------*/
.wrapLeft {
  text-align: left; }

.wrapRight {
  text-align: right; }

.wrapCenter {
  text-align: center; }

.wrapButtonLeft {
  text-align: left; }
  .wrapButtonLeft .btn {
    display: inline-block; }
    .wrapButtonLeft .btn + .btn {
      margin-left: 10px; }

.wrapButtonRight {
  text-align: right; }
  .wrapButtonRight .btn {
    display: inline-block; }
    .wrapButtonRight .btn + .btn {
      margin-left: 10px; }

.wrapButtonCenter {
  text-align: center; }
  .wrapButtonCenter .btn {
    display: inline-block; }
    .wrapButtonCenter .btn + .btn {
      margin-left: 10px; }

.wrapButtonSide .btn {
  display: inline-block; }
  .wrapButtonSide .btn:nth-child(1) {
    float: left; }
  .wrapButtonSide .btn:nth-child(2) {
    float: right; }

.arrowR:after {
  content: '';
  border-width: 2px;
  border-style: solid;
  display: inline-block;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  border-left: none;
  border-top: none;
  transform: rotate(-45deg); }

.arrowL:before {
  content: '';
  border-width: 2px;
  border-style: solid;
  display: inline-block;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  border-left: none;
  border-top: none;
  transform: rotate(135deg); }

/* FORMS */
/*==============================
    FORMS
-------------------------------*/
input, textarea {
  outline: none;
  border: 1px solid transparent; }

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; }

@media (max-width: 767px) {
  form .titleLvl3 {
    margin-bottom: 10px; } }

.wrapFloatLabel {
  position: relative;
  height: 50px; }
  .wrapFloatLabel label.floatLabel {
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    width: 87%;
    text-align: left;
    height: 44px;
    line-height: 44px;
    color: #697785;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    cursor: text;
    background-color: #ffffff;
    border-radius: 18px;
    transition: all 0.25s; }
    .wrapFloatLabel label.floatLabel span {
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      transform: translateY(-50%);
      display: inline-block;
      padding-right: 5px;
      padding-left: 20px;
      line-height: 1.42857143;
      transition: all 0.25s; }
      .wrapFloatLabel label.floatLabel span br {
        display: none; }
  .wrapFloatLabel .floatLabelInput {
    color: #282d30;
    /*&:focus, &:active,*/ }
    .wrapFloatLabel .floatLabelInput:focus + label.floatLabel, .wrapFloatLabel .floatLabelInput.active + label.floatLabel {
      background-color: transparent; }
      .wrapFloatLabel .floatLabelInput:focus + label.floatLabel span, .wrapFloatLabel .floatLabelInput.active + label.floatLabel span {
        left: 15px;
        padding-left: 5px;
        transform: translate(0, -35px);
        font-weight: 400;
        width: auto;
        background-color: #fff;
        color: #697785; }

.wrapFloatLabelTextarea {
  height: 150px; }
  .wrapFloatLabelTextarea label.floatLabel {
    top: 25px;
    height: auto;
    transform: translateY(0); }
    .wrapFloatLabelTextarea label.floatLabel span {
      width: auto; }
  .wrapFloatLabelTextarea .floatLabelInput:focus + label.floatLabel span, .wrapFloatLabelTextarea .floatLabelInput:active + label.floatLabel span, .wrapFloatLabelTextarea .floatLabelInput.active + label.floatLabel span {
    transform: translate(0, -35px); }

input[type="text"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="date"],
input[type="tel"],
input[type="email"],
.main_form input[type=text],
.main_form input[type=password],
.main_form input[type=email],
#annonces .div_form_annonce input.input_texte,
#annonces .div_form_annonce input[type=text],
#annonces .div_form_annonce input[type=password],
#annonces .div_form_annonce input[type=email],
div#zone_promo input[type=text],
.blocFormNewsletter .form-group input[type=text],
.wrapLeftSelect,
.main_form select,
#annonces .div_form_annonce select,
div.select_filtres select,
#add_produit > .bloc_opt .bloc_opt_content select,
.form-ba select {
  height: 50px;
  line-height: 50px; }

input[type="text"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="date"],
input[type="tel"],
input[type="email"],
textarea,
.main_form input[type=text],
.main_form input[type=password],
.main_form input[type=email],
#annonces .div_form_annonce input.input_texte,
#annonces .div_form_annonce input[type=text],
#annonces .div_form_annonce input[type=password],
#annonces .div_form_annonce input[type=email],
div#zone_promo input[type=text],
.blocFormNewsletter .form-group input[type=text],
.wrapLeftSelect,
.main_form select,
#annonces .div_form_annonce select,
div.select_filtres select,
#add_produit > .bloc_opt .bloc_opt_content select,
.form-ba select {
  background: none;
  background-color: white;
  border: 3px solid #d3dde6;
  border-radius: 18px;
  padding: 0 20px;
  width: 100%;
  margin: 0;
  margin-bottom: 20px;
  font-size: 14px;
  color: #005091;
  outline: none;
  /* WebKit, Blink, Edge */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10-11 */
  -o-box-shadow: 0px 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px 0px transparent;
  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,
  .main_form input[type=text]::-webkit-input-placeholder,
  .main_form input[type=password]::-webkit-input-placeholder,
  .main_form input[type=email]::-webkit-input-placeholder,
  #annonces .div_form_annonce input.input_texte::-webkit-input-placeholder,
  #annonces .div_form_annonce input[type=text]::-webkit-input-placeholder,
  #annonces .div_form_annonce input[type=password]::-webkit-input-placeholder,
  #annonces .div_form_annonce input[type=email]::-webkit-input-placeholder,
  div#zone_promo input[type=text]::-webkit-input-placeholder,
  .blocFormNewsletter .form-group input[type=text]::-webkit-input-placeholder,
  .wrapLeftSelect::-webkit-input-placeholder,
  .main_form select::-webkit-input-placeholder,
  #annonces .div_form_annonce select::-webkit-input-placeholder,
  div.select_filtres select::-webkit-input-placeholder,
  #add_produit > .bloc_opt .bloc_opt_content select::-webkit-input-placeholder,
  .form-ba select::-webkit-input-placeholder {
    color: #697785; }
  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,
  .main_form input[type=text]:-moz-placeholder,
  .main_form input[type=password]:-moz-placeholder,
  .main_form input[type=email]:-moz-placeholder,
  #annonces .div_form_annonce input.input_texte:-moz-placeholder,
  #annonces .div_form_annonce input[type=text]:-moz-placeholder,
  #annonces .div_form_annonce input[type=password]:-moz-placeholder,
  #annonces .div_form_annonce input[type=email]:-moz-placeholder,
  div#zone_promo input[type=text]:-moz-placeholder,
  .blocFormNewsletter .form-group input[type=text]:-moz-placeholder,
  .wrapLeftSelect:-moz-placeholder,
  .main_form select:-moz-placeholder,
  #annonces .div_form_annonce select:-moz-placeholder,
  div.select_filtres select:-moz-placeholder,
  #add_produit > .bloc_opt .bloc_opt_content select:-moz-placeholder,
  .form-ba select:-moz-placeholder {
    color: #697785;
    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,
  .main_form input[type=text]::-moz-placeholder,
  .main_form input[type=password]::-moz-placeholder,
  .main_form input[type=email]::-moz-placeholder,
  #annonces .div_form_annonce input.input_texte::-moz-placeholder,
  #annonces .div_form_annonce input[type=text]::-moz-placeholder,
  #annonces .div_form_annonce input[type=password]::-moz-placeholder,
  #annonces .div_form_annonce input[type=email]::-moz-placeholder,
  div#zone_promo input[type=text]::-moz-placeholder,
  .blocFormNewsletter .form-group input[type=text]::-moz-placeholder,
  .wrapLeftSelect::-moz-placeholder,
  .main_form select::-moz-placeholder,
  #annonces .div_form_annonce select::-moz-placeholder,
  div.select_filtres select::-moz-placeholder,
  #add_produit > .bloc_opt .bloc_opt_content select::-moz-placeholder,
  .form-ba select::-moz-placeholder {
    color: #697785;
    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,
  .main_form input[type=text]:-ms-input-placeholder,
  .main_form input[type=password]:-ms-input-placeholder,
  .main_form input[type=email]:-ms-input-placeholder,
  #annonces .div_form_annonce input.input_texte:-ms-input-placeholder,
  #annonces .div_form_annonce input[type=text]:-ms-input-placeholder,
  #annonces .div_form_annonce input[type=password]:-ms-input-placeholder,
  #annonces .div_form_annonce input[type=email]:-ms-input-placeholder,
  div#zone_promo input[type=text]:-ms-input-placeholder,
  .blocFormNewsletter .form-group input[type=text]:-ms-input-placeholder,
  .wrapLeftSelect:-ms-input-placeholder,
  .main_form select:-ms-input-placeholder,
  #annonces .div_form_annonce select:-ms-input-placeholder,
  div.select_filtres select:-ms-input-placeholder,
  #add_produit > .bloc_opt .bloc_opt_content select:-ms-input-placeholder,
  .form-ba select:-ms-input-placeholder {
    color: #697785; }
  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,
  .main_form input[type=text]:hover,
  .main_form input[type=text]:focus,
  .main_form input[type=text]:active,
  .main_form input[type=password]:hover,
  .main_form input[type=password]:focus,
  .main_form input[type=password]:active,
  .main_form input[type=email]:hover,
  .main_form input[type=email]:focus,
  .main_form input[type=email]:active,
  #annonces .div_form_annonce input.input_texte:hover,
  #annonces .div_form_annonce input.input_texte:focus,
  #annonces .div_form_annonce input.input_texte:active,
  #annonces .div_form_annonce input[type=text]:hover,
  #annonces .div_form_annonce input[type=text]:focus,
  #annonces .div_form_annonce input[type=text]:active,
  #annonces .div_form_annonce input[type=password]:hover,
  #annonces .div_form_annonce input[type=password]:focus,
  #annonces .div_form_annonce input[type=password]:active,
  #annonces .div_form_annonce input[type=email]:hover,
  #annonces .div_form_annonce input[type=email]:focus,
  #annonces .div_form_annonce input[type=email]:active,
  div#zone_promo input[type=text]:hover,
  div#zone_promo input[type=text]:focus,
  div#zone_promo input[type=text]:active,
  .blocFormNewsletter .form-group input[type=text]:hover,
  .blocFormNewsletter .form-group input[type=text]:focus,
  .blocFormNewsletter .form-group input[type=text]:active,
  .wrapLeftSelect:hover,
  .wrapLeftSelect:focus,
  .wrapLeftSelect:active,
  .main_form select:hover,
  .main_form select:focus,
  .main_form select:active,
  #annonces .div_form_annonce select:hover,
  #annonces .div_form_annonce select:focus,
  #annonces .div_form_annonce select:active,
  div.select_filtres select:hover,
  div.select_filtres select:focus,
  div.select_filtres select:active,
  #add_produit > .bloc_opt .bloc_opt_content select:hover,
  #add_produit > .bloc_opt .bloc_opt_content select:focus,
  #add_produit > .bloc_opt .bloc_opt_content select:active,
  .form-ba select:hover,
  .form-ba select:focus,
  .form-ba select:active {
    border: 3px solid #b4bec8; }

@media (max-width: 767px) {
  input[type="text"],
  input[type="password"],
  input[type="number"],
  input[type="search"],
  input[type="date"],
  input[type="tel"],
  input[type="email"],
  textarea,
  .main_form input[type=text],
  .main_form input[type=password],
  .main_form input[type=email] {
    margin-bottom: 0; } }

textarea {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 150px;
  color: #005091;
  resize: vertical; }

.checkbox,
.main_form label.checkbox {
  position: relative;
  padding-right: 20px;
  padding-left: 36px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  min-height: 26px;
  color: #282d30; }
  .checkbox input,
  .main_form label.checkbox input {
    display: none; }
  .checkbox .spanCheckbox,
  .main_form label.checkbox .spanCheckbox {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    background-color: #ffffff;
    border: 3px solid #d3dde6;
    border-radius: 3px; }
  .checkbox input:checked ~ .spanCheckbox > span,
  .checkbox .spanCheckbox.active > span,
  .main_form label.checkbox input:checked ~ .spanCheckbox > span,
  .main_form label.checkbox .spanCheckbox.active > span {
    background: url("../charte/images/icons/checking.svg") center center no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%; }
  .checkbox .spanCheckbox.checked > span,
  .main_form label.checkbox .spanCheckbox.checked > span {
    background-image: url("../charte/images/icons/spanCheckboxChecked.svg");
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px; }
  .checkbox .text,
  .main_form label.checkbox .text {
    display: inline-block;
    padding-top: 5px;
    vertical-align: top; }
  .checkbox input:checked ~ .text,
  .checkbox .spanCheckbox.active ~ .text,
  .main_form label.checkbox input:checked ~ .text,
  .main_form label.checkbox .spanCheckbox.active ~ .text {
    color: #005091; }
  .checkbox .spanCheckbox.checked ~ .text,
  .main_form label.checkbox .spanCheckbox.checked ~ .text {
    color: #282d30; }

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

.wrapInputfile {
  position: relative;
  height: 50px; }
  .wrapInputfile .file {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 213px;
    height: 50px;
    opacity: 0; }
  .wrapInputfile .customInputFile {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
    .wrapInputfile .customInputFile input {
      padding: 0 10px;
      margin-right: 0;
      float: left;
      color: #000000;
      cursor: pointer;
      width: 213px; }
    .wrapInputfile .customInputFile button {
      border: none;
      height: 40px;
      background-color: #005091;
      color: #ffffff;
      font-weight: 500;
      font-size: 14px;
      float: left;
      margin-right: 12px;
      cursor: pointer;
      padding: 0 10px;
      transition: all 0.5s; }
      .wrapInputfile .customInputFile button:hover {
        background-color: #004278; }
      .wrapInputfile .customInputFile button i {
        margin-right: 10px; }
    .wrapInputfile .customInputFile span {
      font-style: italic;
      font-size: 13px;
      float: left;
      position: relative;
      top: 5px; }

.wrapLeftSelect {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  padding: 0; }
  .wrapLeftSelect select {
    position: relative;
    top: -2px;
    padding: 0 20px;
    border: 0;
    width: calc(100% - 10px);
    height: 100%;
    outline: 0; }

.main_form select,
#annonces .div_form_annonce select,
div.select_filtres select,
.form-ba select {
  margin-bottom: 0; }

.bootstrap-select {
  outline: none; }
  .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%; }
  .bootstrap-select button.btn {
    outline: none;
    border-radius: 18px;
    width: 100%;
    height: 50px;
    border: 3px solid #d3dde6;
    background-color: #ffffff;
    color: #282d30;
    padding: 0 0 0 15px;
    outline: 0 !important; }
  .bootstrap-select .dropdown-toggle {
    outline: 0 !important; }
    .bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:hover, .bootstrap-select .dropdown-toggle:active {
      outline: 0 !important; }
  .bootstrap-select .caret {
    border: none;
    background: url("../charte/images/icons/pictoSelect.svg") center center no-repeat;
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    transform: rotate(90deg); }
  .bootstrap-select.open {
    outline: none !important; }
    .bootstrap-select.open button.btn {
      border: 3px solid #d3dde6 !important;
      background-color: #ffffff !important;
      box-shadow: none;
      outline: none !important; }
    .bootstrap-select.open .dropdown-menu {
      right: 0;
      overflow: hidden;
      border: 3px solid #d3dde6;
      border-radius: 18px;
      margin: -3px 0 0; }
      .bootstrap-select.open .dropdown-menu > li > a {
        padding: 5px 14px; }
        .bootstrap-select.open .dropdown-menu > li > a:focus, .bootstrap-select.open .dropdown-menu > li > a:hover, .bootstrap-select.open .dropdown-menu > li > a:active, .bootstrap-select.open .dropdown-menu > li > a.active {
          background-color: #005091;
          color: #fff; }

.panier_content_qte {
  display: inline-block;
  position: relative;
  padding-right: 35px;
  padding-left: 35px; }
  .panier_content_qte .btn_plus,
  .panier_content_qte .btn_moins {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin: 0;
    padding: 0;
    border: 3px solid #d3dde6;
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #fff;
    outline: 0;
    border-radius: 10px;
    transition: all 0.5s;
    transform: translateY(-50%); }
    .panier_content_qte .btn_plus:focus, .panier_content_qte .btn_plus:hover, .panier_content_qte .btn_plus:active,
    .panier_content_qte .btn_moins:focus,
    .panier_content_qte .btn_moins:hover,
    .panier_content_qte .btn_moins:active {
      border-color: #b4bec8; }
      .panier_content_qte .btn_plus:focus .svg circle, .panier_content_qte .btn_plus:focus .svg g, .panier_content_qte .btn_plus:focus .svg path, .panier_content_qte .btn_plus:focus .svg polygon, .panier_content_qte .btn_plus:hover .svg circle, .panier_content_qte .btn_plus:hover .svg g, .panier_content_qte .btn_plus:hover .svg path, .panier_content_qte .btn_plus:hover .svg polygon, .panier_content_qte .btn_plus:active .svg circle, .panier_content_qte .btn_plus:active .svg g, .panier_content_qte .btn_plus:active .svg path, .panier_content_qte .btn_plus:active .svg polygon,
      .panier_content_qte .btn_moins:focus .svg circle,
      .panier_content_qte .btn_moins:focus .svg g,
      .panier_content_qte .btn_moins:focus .svg path,
      .panier_content_qte .btn_moins:focus .svg polygon,
      .panier_content_qte .btn_moins:hover .svg circle,
      .panier_content_qte .btn_moins:hover .svg g,
      .panier_content_qte .btn_moins:hover .svg path,
      .panier_content_qte .btn_moins:hover .svg polygon,
      .panier_content_qte .btn_moins:active .svg circle,
      .panier_content_qte .btn_moins:active .svg g,
      .panier_content_qte .btn_moins:active .svg path,
      .panier_content_qte .btn_moins:active .svg polygon {
        fill: #b4bec8; }
    .panier_content_qte .btn_plus .svg,
    .panier_content_qte .btn_moins .svg {
      position: relative;
      left: auto;
      top: 2px;
      width: 15px;
      height: 15px;
      transition: all 0.5s; }
      .panier_content_qte .btn_plus .svg circle, .panier_content_qte .btn_plus .svg g, .panier_content_qte .btn_plus .svg path, .panier_content_qte .btn_plus .svg polygon,
      .panier_content_qte .btn_moins .svg circle,
      .panier_content_qte .btn_moins .svg g,
      .panier_content_qte .btn_moins .svg path,
      .panier_content_qte .btn_moins .svg polygon {
        fill: #d3dde6; }
  .panier_content_qte .btn_plus {
    left: 0; }
  .panier_content_qte .btn_moins {
    right: 0; }
  .panier_content_qte .input_qte {
    margin-bottom: 0;
    padding-right: 10px;
    padding-left: 10px;
    width: 90px;
    text-align: center; }

.progress {
  height: 20px;
  background-color: #d3dde6;
  border-radius: 3px; }
  .progress .progress-bar {
    background-color: #005091;
    color: #ffffff; }

.mdp_oubli {
  margin-top: -10px;
  padding-right: 20px;
  padding-left: 20px;
  text-align: right; }
  .mdp_oubli .gris_11_i {
    display: block;
    font-style: italic;
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 10px; }

.champs_obligatoire {
  margin-top: 20px;
  font-style: italic;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #697785; }

#recherche_form,
#recherche_formulaire {
  display: block;
  position: relative; }
  #recherche_form p,
  #recherche_formulaire p {
    margin: 0; }
  #recherche_form input[type='text'],
  #recherche_form input[type='search'],
  #recherche_formulaire input[type='text'],
  #recherche_formulaire input[type='search'] {
    margin-bottom: 0;
    padding-right: 115px;
    padding-left: 50px;
    width: 100%;
    background-image: url("../charte/images/icons/headerTopSearch.svg");
    background-repeat: no-repeat;
    background-position: 10px center; }
  #recherche_form input[type='image'],
  #recherche_formulaire input[type='image'] {
    position: absolute;
    right: 20px;
    top: 12px;
    padding: 0;
    width: 25px;
    height: 25px;
    background: none; }

/* BUTTONS */
/*==============================
    BUTTONS
-------------------------------*/
.btn {
  border-radius: 18px;
  outline: none; }
  .btn:focus, .btn:hover, .btn:active {
    outline: none; }
    .btn:focus:focus, .btn:focus:hover, .btn:focus:active, .btn:hover:focus, .btn:hover:hover, .btn:hover:active, .btn:active:focus, .btn:active:hover, .btn:active:active {
      outline: none; }

button, input[type=button] {
  outline: none; }
  button:focus, button:hover, button:active, input[type=button]:focus, input[type=button]:hover, input[type=button]:active {
    outline: none; }
    button:focus:focus, button:focus:hover, button:focus:active, button:hover:focus, button:hover:hover, button:hover:active, button:active:focus, button:active:hover, button:active:active, input[type=button]:focus:focus, input[type=button]:focus:hover, input[type=button]:focus:active, input[type=button]:hover:focus, input[type=button]:hover:hover, input[type=button]:hover:active, input[type=button]:active:focus, input[type=button]:active:hover, input[type=button]:active:active {
      outline: none; }

.btnMain {
  background-color: #01cb9e;
  color: #ffffff;
  padding: 13px 30px;
  font-weight: 700;
  font-family: "PT Sans", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  transition: all 0.5s; }
  .btnMain:focus, .btnMain:hover, .btnMain:active {
    background-color: #0cb09b;
    color: #ffffff; }

.btnSecondary {
  background-color: #d3dde6;
  color: #8996a5;
  padding: 13px 30px;
  font-weight: 700;
  font-family: "PT Sans", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  transition: all 0.5s; }
  .btnSecondary:focus, .btnSecondary:hover, .btnSecondary:active {
    background-color: #c1cad2;
    color: #8996a5; }

.btnCart {
  height: 50px;
  background-color: #f87868; }
  .btnCart:focus, .btnCart:hover, .btnCart:active {
    background-color: #e46556; }
  .btnCart .svg {
    position: relative;
    top: -2px;
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 10px; }

.btnDelete {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px; }
  .btnDelete .svg {
    position: relative;
    top: 2px;
    width: inherit;
    height: inherit; }
    .btnDelete .svg circle, .btnDelete .svg g, .btnDelete .svg path, .btnDelete .svg polygon {
      fill: #dce5ec; }

@media (max-width: 991px) {
  .btnCart {
    height: 44px; }
    .btnCart .svg {
      top: -4px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .btnMain,
  .btnSecondary,
  .btnCart {
    padding-top: 11px;
    padding-right: 30px;
    padding-bottom: 11px;
    padding-left: 30px;
    font-size: 14px; } }

@media (max-width: 767px) {
  .btnMain,
  .btnSecondary,
  .btnCart {
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-family: "Arial", sans-serif;
    font-size: 13px; } }

.wrapButtonCenter {
  text-align: center; }

.wrapButtonLeft {
  text-align: left; }

.wrapButtonRight {
  text-align: right; }

/* ALERTS */
/*==============================
    ALERTS
-------------------------------*/
/* ALERT */
.msg, .msg_erreur,
.message-erreur-login,
.message-erreur,
.msg_erreur_avis, .msg_warning, .msg_succes,
.msg_success, .popupAddPanier .msg_erreur,
.message-ok,
.msg_ok_avis,
.annonce_postee {
  padding: 5px 15px;
  border-bottom: 3px solid #697785;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #697785; }

/* ALERT - Error */
.msg_erreur,
.message-erreur-login,
.message-erreur,
.msg_erreur_avis {
  border-color: #c94130;
  color: #c94130; }

.message-erreur-login,
.message-erreur,
.msg_erreur_avis {
  margin-bottom: 10px; }

/* ALERT - Warning */
.msg_warning {
  border-color: #e69a41;
  color: #e69a41; }

.msg_warning_process {
  margin-bottom: 30px; }

/* ALERT - Success */
.msg_succes,
.msg_success,
.popupAddPanier .msg_erreur,
.message-ok,
.msg_ok_avis,
.annonce_postee {
  border-color: #01cb9e;
  color: #01cb9e; }

.msg_ok_avis,
.annonce_postee {
  margin-bottom: 10px; }

/* TOOLTIP */
/*==============================
    TOOLTIP
-------------------------------*/
/* TOOLTIP */
.tooltip {
  margin: 0;
  padding: 0;
  border: 0;
  width: 300px;
  height: auto;
  min-height: 0;
  opacity: 1; }
  .tooltip.in {
    opacity: 1; }

.tooltip.top .tooltip-inner {
  left: 50%;
  bottom: 5px;
  border-radius: 18px;
  transform: translateX(-50%); }

.tooltip-inner {
  display: block;
  position: absolute;
  margin: 0;
  padding: 10px 15px;
  border: 0;
  max-width: none;
  font-weight: 700;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  text-decoration: none;
  background-color: #282d30;
  color: #fff;
  opacity: 1;
  border-radius: 18px; }

/* TOOLTIP - Btn */
.tooltipBtn {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 20px;
  height: 20px;
  vertical-align: top;
  background: none;
  color: #282d30;
  cursor: pointer;
  border-radius: 100%; }
  .tooltipBtn:focus, .tooltipBtn:hover, .tooltipBtn:active {
    background-color: #282d30;
    color: #fff; }
    .tooltipBtn:focus .svg g, .tooltipBtn:focus .svg path, .tooltipBtn:focus .svg polygon, .tooltipBtn:hover .svg g, .tooltipBtn:hover .svg path, .tooltipBtn:hover .svg polygon, .tooltipBtn:active .svg g, .tooltipBtn:active .svg path, .tooltipBtn:active .svg polygon {
      fill: #fff; }
    .tooltipBtn:focus .svg > path, .tooltipBtn:hover .svg > path, .tooltipBtn:active .svg > path {
      fill: #282d30; }
  .tooltipBtn .svg {
    width: inherit;
    height: inherit; }

/* POPOVER */
/*==============================
    POPOVER
-------------------------------*/
/* POPOVER */
.popover {
  margin: 0;
  padding: 0 15px;
  border: 0;
  width: 350px;
  height: auto;
  max-width: none;
  min-height: 0;
  font-size: 13px;
  line-height: 17px;
  text-align: left;
  text-decoration: none;
  background-color: #282d30;
  color: #fff;
  opacity: 1;
  box-shadow: none;
  border-radius: 18px; }
  .popover.in {
    opacity: 1; }

.popover.top > .arrow {
  bottom: -5px;
  border-top-color: #282d30; }
  .popover.top > .arrow::after {
    border-top-color: #282d30; }

.popover-title {
  margin-bottom: 5px;
  padding: 15px 0 0;
  border-bottom: 0;
  background-color: transparent;
  color: inherit;
  border-radius: 0; }

.popover-content {
  padding: 0 0 15px; }

/* MODAL */
/*==============================
    MODAL
-------------------------------*/
.modal-content {
  border-radius: 0; }

.modal-dialog {
  width: auto; }

.modal-backdrop.in {
  opacity: 0.5; }

.modal-header .close {
  font-size: 50px;
  font-weight: 300;
  color: #000000;
  opacity: 1; }
  .modal-header .close:focus, .modal-header .close:hover, .modal-header .close:active {
    color: #005091; }

.modal-title {
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  top: 10px;
  margin-right: 30px; }

.modal-content {
  border-radius: 0; }
  .modal-content .titleLvl3 {
    font-size: 20px;
    font-weight: 400; }
  .modal-content dt, .modal-content dd {
    display: inline-block;
    float: left;
    vertical-align: top; }
  .modal-content dt {
    font-weight: 300;
    margin-right: 5px;
    font-size: 14px; }
    .modal-content dt ~ dt {
      margin-top: 3px;
      clear: both; }
  .modal-content dd {
    font-weight: 500;
    font-size: 14px; }
    .modal-content dd ~ dd {
      margin-top: 3px; }
  .modal-content dl {
    margin-top: 4px; }

.modal-dialog {
  max-width: 760px; }

.infoCartPopup {
  text-align: right;
  font-size: 13px;
  padding-top: 7px; }

/* BXSLIDER */
.bx-wrapper {
  margin-bottom: 0;
  border: none;
  left: 0;
  background-color: transparent;
  box-shadow: none; }
  .bx-wrapper .bx-viewport img {
    display: inline-block; }
  .bx-wrapper .pager {
    margin-top: 0;
    margin-bottom: 0; }
  .bx-wrapper .bx-controls-direction a {
    z-index: auto;
    margin-top: 0;
    width: 47px;
    height: 54px; }
  .bx-wrapper .bx-controls-direction .bx-prev,
  .bx-wrapper .bx-controls-direction .bx-next {
    top: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    transform: translateY(-50%); }
    .bx-wrapper .bx-controls-direction .bx-prev:focus, .bx-wrapper .bx-controls-direction .bx-prev:hover, .bx-wrapper .bx-controls-direction .bx-prev:active,
    .bx-wrapper .bx-controls-direction .bx-next:focus,
    .bx-wrapper .bx-controls-direction .bx-next:hover,
    .bx-wrapper .bx-controls-direction .bx-next:active {
      background-position: center center; }
  .bx-wrapper .bx-controls-direction .bx-prev {
    left: 0;
    background-image: url("../charte/images/icons/bx-prev.png"); }
  .bx-wrapper .bx-controls-direction .bx-next {
    right: 0;
    background-image: url("../charte/images/icons/bx-next.png"); }
  .bx-wrapper .bx-pager.bx-default-pager {
    position: relative;
    bottom: auto;
    margin-bottom: 30px;
    width: auto !important;
    text-align: center; }
    .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {
      display: inline-block; }
    .bx-wrapper .bx-pager.bx-default-pager .bx-pager-link {
      display: inline-block;
      width: 15px;
      height: 15px;
      background: #ffffff !important;
      border: 2px solid #dce5ec;
      text-indent: -9999px;
      border-radius: 100%; }
      .bx-wrapper .bx-pager.bx-default-pager .bx-pager-link.active {
        border-color: #8996a5;
        background: #8996a5 !important; }

h2.contentPager {
  position: relative; }
  h2.contentPager .wrapSliderNav {
    position: absolute;
    right: 0; }
    h2.contentPager .wrapSliderNav span {
      display: inline-block;
      cursor: pointer; }
    h2.contentPager .wrapSliderNav .arrowL {
      margin-right: 15px;
      width: 25px;
      height: 25px; }
      h2.contentPager .wrapSliderNav .arrowL a {
        display: block;
        width: 32px;
        height: 40px;
        position: relative;
        z-index: 5;
        top: -5px; }
      h2.contentPager .wrapSliderNav .arrowL:before {
        width: 25px;
        height: 25px;
        left: 0; }
    h2.contentPager .wrapSliderNav .arrowR {
      width: 25px;
      height: 25px; }
      h2.contentPager .wrapSliderNav .arrowR a {
        display: block;
        width: 32px;
        height: 40px;
        position: relative;
        z-index: 5;
        top: -5px; }
      h2.contentPager .wrapSliderNav .arrowR:after {
        width: 25px;
        height: 25px;
        right: 0; }

@media (min-width: 768px) and (max-width: 1199px) {
  .bx-wrapper .bx-controls-direction a {
    width: 35px;
    height: 40px; } }

/* SHADOW */
.shadowBottom:after {
  content: " ";
  position: absolute;
  z-index: -10;
  bottom: 0;
  left: 7%;
  width: 86%;
  height: 50px;
  border-radius: 9px;
  -o-box-shadow: 0px 0px 8px 0px #565656;
  box-shadow: 0px 0px 8px 0px #565656; }

/* PRICE */
.prix_barre {
  font-size: 16px;
  font-weight: 400;
  text-decoration: line-through;
  color: #282d30;
  display: block;
  position: relative;
  white-space: nowrap; }

.prix_actuel, .priceLarge {
  font-size: 20px;
  font-weight: 700;
  color: #282d30;
  display: block;
  position: relative;
  white-space: nowrap; }

.priceLarge {
  font-size: 30px; }

.purpleChip {
  width: 60px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  background-color: #f87868;
  color: #fff;
  border-radius: 3px; }
  .purpleChip::before {
    content: "";
    display: block;
    position: absolute;
    left: -7px;
    top: -7px;
    width: 20px;
    height: 20px;
    background: url("../charte/images/icons/purpleChip.svg") no-repeat left top; }

/* STOCK */
.info_stock,
.vert {
  font-weight: 700;
  color: #01cb9e; }
  .info_stock .rouge,
  .vert .rouge {
    display: inline; }

.info_stock_text_erreur,
.rouge {
  font-weight: 700;
  color: #f87868; }

/* POPUP */
.popup {
  position: fixed;
  visibility: hidden;
  z-index: 1600;
  left: 50%;
  top: 25%;
  padding: 120px 30px 30px;
  border: 3px solid #dce5ec;
  width: 700px;
  text-align: center;
  background: #fff url("../charte/images/bg_popup_panier.png") no-repeat center 30px;
  transform: translate(-50%, -25%); }
  .popup .pull-left,
  .popup .pull-right {
    margin-top: 40px; }
  .popup .btn {
    width: 270px; }
  .popup .btn_fermer_fenetre {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 15px;
    height: 15px;
    background: url("../charte/images/icons/btn_fermer_fenetre.svg") no-repeat center center;
    cursor: pointer; }

.popupAlerte .msg_erreur,
.popupAlerte .msg_success,
.popupAlerte .popupAddPanier .msg_erreur, .popupAddPanier
.popupAlerte .msg_erreur {
  margin-bottom: 20px; }

.popupAlerte .wrapButtonCenter,
.popupAlerte .wrapButtonSide {
  margin-top: 15px; }

.popupWishlist .msg_warning {
  margin-bottom: 20px; }

.popupOverlay {
  position: absolute;
  visibility: hidden;
  z-index: 1500;
  left: 0;
  right: 0;
  top: 0;
  background: #282d30;
  opacity: .5; }

.popupRelaisSo {
  overflow: auto;
  top: 30px;
  bottom: 30px;
  padding-top: 30px;
  background-image: none;
  transform: translate(-50%, 0); }
  .popupRelaisSo .radio {
    margin-top: 0;
    margin-bottom: 0; }

.modal {
  top: 0;
  overflow-y: hidden; }
  .modal .modal-dialog {
    width: 700px;
    max-width: none; }
    .modal .modal-dialog .modal-content {
      padding: 120px 30px 30px;
      border: 3px solid #dce5ec; }
      .modal .modal-dialog .modal-content .btn_fermer_fenetre {
        position: absolute;
        right: 15px;
        top: 15px;
        margin: 0;
        padding: 0;
        border: 0;
        width: 15px;
        height: 15px;
        background: url("../charte/images/icons/btn_fermer_fenetre.svg") no-repeat center center;
        cursor: pointer; }

.modal-backdrop.in {
  background: #282d30;
  opacity: .5; }

/* LOGIN */
.frmLogin .btnAction {
  width: 100%;
  margin-bottom: 10px; }

.frmLogin .lostPassword {
  font-size: 13px;
  text-decoration: underline;
  display: block;
  text-align: center;
  color: #5b668f;
  margin-bottom: 10px !important; }

/* REINSURANCE */
.wrapReinsurance {
  background-color: #fff;
  padding: 30px 0 40px; }
  .wrapReinsurance .oneReinsurance {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase; }
  .wrapReinsurance .oneReinsuranceContainer {
    display: inline-block;
    position: relative;
    padding-top: 65px;
    text-decoration: none;
    color: #697785;
    transition: all 0.5s; }
    .wrapReinsurance .oneReinsuranceContainer:focus, .wrapReinsurance .oneReinsuranceContainer:hover, .wrapReinsurance .oneReinsuranceContainer:active, .wrapReinsurance .oneReinsuranceContainer.active {
      color: #005091; }
      .wrapReinsurance .oneReinsuranceContainer:focus:focus .oneReinsuranceFigure .svg g, .wrapReinsurance .oneReinsuranceContainer:focus:focus .oneReinsuranceFigure .svg path, .wrapReinsurance .oneReinsuranceContainer:focus:focus .oneReinsuranceFigure .svg polygon, .wrapReinsurance .oneReinsuranceContainer:focus:hover .oneReinsuranceFigure .svg g, .wrapReinsurance .oneReinsuranceContainer:focus:hover .oneReinsuranceFigure .svg path, .wrapReinsurance .oneReinsuranceContainer:focus:hover .oneReinsuranceFigure .svg polygon, .wrapReinsurance .oneReinsuranceContainer:focus:active .oneReinsuranceFigure .svg g, .wrapReinsurance .oneReinsuranceContainer:focus:active .oneReinsuranceFigure .svg path, .wrapReinsurance .oneReinsuranceContainer:focus:active .oneReinsuranceFigure .svg polygon, .wrapReinsurance .oneReinsuranceContainer:focus.active .oneReinsuranceFigure .svg g, .wrapReinsurance .oneReinsuranceContainer:focus.active .oneReinsuranceFigure .svg path, .wrapReinsurance .oneReinsuranceContainer:focus.active .oneReinsuranceFigure .svg polygon, .wrapReinsurance .oneReinsuranceContainer:hover:focus .oneReinsuranceFigure .svg g, .wrapReinsurance .oneReinsuranceContainer:hover:focus .oneReinsuranceFigure .svg path, .wrapReinsurance .oneReinsuranceContainer:hover:focus .oneReinsuranceFigure .svg polygon, .wrapReinsurance .oneReinsuranceContainer:hover:hover .oneReinsuranceFigure .svg g, .wrapReinsurance .oneReinsuranceContainer:hover:hover .oneReinsuranceFigure .svg path, .wrapReinsurance .oneReinsuranceContainer:hover:hover .oneReinsuranceFigure .svg polygon, .wrapReinsurance .oneReinsuranceContainer:hover:active .oneReinsuranceFigure .svg g, .wrapReinsurance .oneReinsuranceContainer:hover:active .oneReinsuranceFigure .svg path, .wrapReinsurance .oneReinsuranceContainer:hover:active .oneReinsuranceFigure .svg polygon, .wrapReinsurance .oneReinsuranceContainer:hover.active .oneReinsuranceFigure .svg g, .wrapReinsurance .oneReinsuranceContainer:hover.active .oneReinsuranceFigure .svg path, .wrapReinsurance .oneReinsuranceContainer:hover.active .oneReinsuranceFigure .svg polygon, .wrapReinsurance .oneReinsuranceContainer:active:focus .oneReinsuranceFigure .svg g, .wrapReinsurance .oneReinsuranceContainer:active:focus .oneReinsuranceFigure .svg path, .wrapReinsurance .oneReinsuranceContainer:active:focus .oneReinsuranceFigure .svg polygon, .wrapReinsurance .oneReinsuranceContainer:active:hover .oneReinsuranceFigure .svg g, .wrapReinsurance .oneReinsuranceContainer:active:hover .oneReinsuranceFigure .svg path, .wrapReinsurance .oneReinsuranceContainer:active:hover .oneReinsuranceFigure .svg polygon, .wrapReinsurance .oneReinsuranceContainer:active:active .oneReinsuranceFigure .svg g, .wrapReinsurance .oneReinsuranceContainer:active:active .oneReinsuranceFigure .svg path, .wrapReinsurance .oneReinsuranceContainer:active:active .oneReinsuranceFigure .svg polygon, .wrapReinsurance .oneReinsuranceContainer:active.active .oneReinsuranceFigure .svg g, .wrapReinsurance .oneReinsuranceContainer:active.active .oneReinsuranceFigure .svg path, .wrapReinsurance .oneReinsuranceContainer:active.active .oneReinsuranceFigure .svg polygon, .wrapReinsurance .oneReinsuranceContainer.active:focus .oneReinsuranceFigure .svg g, .wrapReinsurance .oneReinsuranceContainer.active:focus .oneReinsuranceFigure .svg path, .wrapReinsurance .oneReinsuranceContainer.active:focus .oneReinsuranceFigure .svg polygon, .wrapReinsurance .oneReinsuranceContainer.active:hover .oneReinsuranceFigure .svg g, .wrapReinsurance .oneReinsuranceContainer.active:hover .oneReinsuranceFigure .svg path, .wrapReinsurance .oneReinsuranceContainer.active:hover .oneReinsuranceFigure .svg polygon, .wrapReinsurance .oneReinsuranceContainer.active:active .oneReinsuranceFigure .svg g, .wrapReinsurance .oneReinsuranceContainer.active:active .oneReinsuranceFigure .svg path, .wrapReinsurance .oneReinsuranceContainer.active:active .oneReinsuranceFigure .svg polygon, .wrapReinsurance .oneReinsuranceContainer.active.active .oneReinsuranceFigure .svg g, .wrapReinsurance .oneReinsuranceContainer.active.active .oneReinsuranceFigure .svg path, .wrapReinsurance .oneReinsuranceContainer.active.active .oneReinsuranceFigure .svg polygon {
        fill: #005091; }
  .wrapReinsurance .oneReinsuranceFigure {
    position: absolute;
    left: 50%;
    top: 0;
    width: 50px;
    height: 50px;
    transform: translateX(-50%);
    transition: all 0.5s; }
    .wrapReinsurance .oneReinsuranceFigure .svg {
      width: inherit;
      height: inherit;
      transition: all 0.5s; }
      .wrapReinsurance .oneReinsuranceFigure .svg g, .wrapReinsurance .oneReinsuranceFigure .svg path, .wrapReinsurance .oneReinsuranceFigure .svg polygon {
        fill: #697785; }
    .wrapReinsurance .oneReinsuranceFigure .svgDelaisLivraison {
      width: 60px;
      height: 60px; }

@media (max-width: 767px) {
  .wrapReinsurance {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #dce5ec; }
    .wrapReinsurance > .container > .row > [class*='col-'] + [class*='col-'] {
      margin-top: 10px; }
    .wrapReinsurance .oneReinsurance {
      text-align: left;
      text-transform: none; }
      .wrapReinsurance .oneReinsurance a {
        text-decoration: none; }
    .wrapReinsurance .oneReinsuranceContainer {
      padding-top: 11px;
      padding-left: 50px;
      min-height: 35px; }
    .wrapReinsurance .oneReinsuranceFigure {
      left: 0;
      width: 35px;
      height: 35px;
      transform: translateX(0); }
      .wrapReinsurance .oneReinsuranceFigure .svgDelaisLivraison {
        width: 38px;
        height: 38px; } }

/* DIVERS */
.rememberMe {
  text-align: center;
  font-family: Arial, sans-serif !important;
  font-size: 12px;
  display: none; }

.panel-title {
  color: #071138; }

.panel-default > .panel-heading {
  background-color: #333333;
  transition: all 0.5s; }
  .panel-default > .panel-heading:focus, .panel-default > .panel-heading:hover, .panel-default > .panel-heading:active {
    background-color: #555555; }
  .panel-default > .panel-heading a {
    color: #ffffff;
    display: block; }
    .panel-default > .panel-heading a:focus, .panel-default > .panel-heading a:hover, .panel-default > .panel-heading a:active {
      text-decoration: none; }

.blockListing {
  padding: 30px 0; }

/* SVG */
.svgLogo {
  width: 100%;
  height: auto; }

.svgSearch {
  width: 20px;
  height: 20px; }
  .svgSearch path {
    fill: #000000; }

/* PAGE */
#milieu {
  margin-bottom: 15px; }

.milieuHeader,
.bandeau_titrage {
  margin-bottom: 40px;
  padding-bottom: 15px;
  background-color: #dce5ec; }
  .milieuHeader .list_header_left,
  .bandeau_titrage .list_header_left {
    float: left;
    margin-top: 10px;
    width: 230px;
    text-align: center; }
    .milieuHeader .list_header_left img,
    .bandeau_titrage .list_header_left img {
      max-width: 100%; }
    .milieuHeader .list_header_left + .list_header_right,
    .bandeau_titrage .list_header_left + .list_header_right {
      float: right;
      width: calc(100% - 250px); }
  .milieuHeader .list_header_right,
  .bandeau_titrage .list_header_right {
    margin-top: 10px; }
    .milieuHeader .list_header_right .btn,
    .bandeau_titrage .list_header_right .btn {
      margin-top: 10px; }

.bandeau_titrage {
  position: relative;
  margin-right: -10px;
  margin-bottom: 10px;
  margin-left: -10px;
  padding: 10px;
  font-size: 14px;
  line-height: 18px;
  color: #282d30 !important; }
  .bandeau_titrage h1 {
    padding-right: 100px;
    width: auto;
    text-transform: none;
    color: inherit; }
  .bandeau_titrage p.retour,
  .bandeau_titrage p.logout {
    right: 10px;
    top: 9px;
    margin: 0; }
    .bandeau_titrage p.retour a,
    .bandeau_titrage p.logout a {
      font-size: 12px;
      line-height: 16px;
      color: inherit; }
      .bandeau_titrage p.retour a::before,
      .bandeau_titrage p.logout a::before {
        content: "< "; }
  .bandeau_titrage p.logout a + a::before {
    display: none; }

@media (min-width: 768px) and (max-width: 991px) {
  .milieuHeader {
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px; }
    .milieuHeader .list_header {
      margin-bottom: 5px; } }

/* SIMPLEBAR */
.simplebar, [data-simplebar-direction] {
  position: relative;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  /* Trigger native scrolling for mobile, if not supported, plugin is used. */ }

.simplebar .simplebar-scroll-content,
[data-simplebar-direction] .simplebar-scroll-content {
  overflow-y: scroll;
  overflow-x: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -ms-overflow-style: none;
  /* hide browser scrollbar on IE10+ */ }

/* hide browser scrollbar on Webkit (Safari & Chrome) */
.simplebar-scroll-content::-webkit-scrollbar {
  display: none; }

[data-simplebar-direction="horizontal"] .simplebar-scroll-content,
.simplebar.horizontal .simplebar-scroll-content {
  overflow-x: scroll;
  overflow-y: auto; }

.simplebar-track {
  z-index: 99;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 11px; }

.simplebar-track .simplebar-scrollbar {
  position: absolute;
  right: 2px;
  border-radius: 7px;
  min-height: 10px;
  width: 7px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  transition: opacity 0.2s linear;
  background: #6c6e71;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding; }

.simplebar-track:hover .simplebar-scrollbar {
  /* When hovered, remove all transitions from drag handle */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity: 0.7;
  transition: opacity 0 linear; }

.simplebar-track .simplebar-scrollbar.visible {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity: 0.7; }

[data-simplebar-direction="horizontal"] .simplebar-track,
.simplebar.horizontal .simplebar-track {
  top: auto;
  left: 0;
  width: auto;
  height: 11px; }

[data-simplebar-direction="horizontal"] .simplebar-track .simplebar-scrollbar,
.simplebar.horizontal .simplebar-track .simplebar-scrollbar {
  right: auto;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto; }

.simplebar-track {
  width: 10px;
  background-color: #dce5ec;
  border-radius: 5px; }
  .simplebar-track .simplebar-scrollbar {
    left: 0;
    right: 0;
    width: auto;
    background-color: #005091;
    border-radius: 5px; }

/*==============================
    STYLEGUIDE
-------------------------------*/
.titleH1Styleguide {
  text-align: center;
  margin-bottom: 15px; }
  .titleH1Styleguide span {
    border-bottom: 1px solid #000000;
    padding-bottom: 5px;
    margin-bottom: 15px;
    display: inline-block; }

.titleH2Styleguide {
  text-align: center;
  margin-bottom: 15px; }

.titleH3Styleguide {
  text-align: center;
  margin-bottom: 15px; }

.titleSmallStyleguide {
  font-weight: 700;
  text-decoration: underline;
  text-align: left; }

.blockStyleguide {
  border: 1px solid #dfdfdf;
  padding: 30px;
  border-radius: 10px;
  text-align: center; }
  .blockStyleguide form {
    display: inline-block;
    float: none;
    text-align: left; }
  .blockStyleguide .blocFormNewsletter {
    margin-top: 0; }

.blocBorderStyleguide {
  padding: 15px;
  border: 1px solid #dfdfdf;
  margin-bottom: 15px;
  position: relative; }

.sepStyleguide {
  margin-top: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #dfdfdf; }

.sepStyleguideInside {
  margin-top: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ffffff;
  display: block; }

.styleguide .panel-title .desc {
  font-size: 13px;
  font-style: italic;
  display: inline-block;
  margin-left: 10px; }

.styleguide .wrapCopy {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #282d30;
  background-color: #d3dde6;
  padding: 3px 10px;
  cursor: pointer; }

.styleguide .msgCopy {
  position: absolute;
  width: 70px;
  left: 50%;
  transform: translate(-50%, 0);
  top: 0;
  color: #282d30;
  opacity: 0;
  font-weight: 700;
  font-size: 18px;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: center;
  transition: all 0.5s; }
  .styleguide .msgCopy.showInfo {
    transform: translate(-50%, -30px);
    opacity: 1; }

.styleguide .ff {
  font-family: "PT Sans", sans-serif;
  font-size: 18px; }

.styleguide .ff2 {
  font-family: "Farsan", cursive;
  font-size: 18px; }

.styleguide .fwBloc {
  font-family: "PT Sans", sans-serif;
  font-size: 16px;
  text-align: center;
  height: 80px; }
  .styleguide .fwBloc > span:first-child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.styleguide .fwethin {
  font-weight: 100;
  display: block; }

.styleguide .fwelight {
  font-weight: 200;
  display: block; }

.styleguide .fwlight {
  font-weight: 300;
  display: block; }

.styleguide .fwregular {
  font-weight: 400;
  display: block; }

.styleguide .fwmedium {
  font-weight: 500;
  display: block; }

.styleguide .fwsbold {
  font-weight: 600;
  display: block; }

.styleguide .fwbold {
  font-weight: 700;
  display: block; }

.styleguide .fwebold {
  font-weight: 900;
  display: block; }

.sgColor {
  text-align: center;
  display: block;
  width: 100%;
  padding: 30px 0; }
  .sgColor.maincolor {
    background-color: #005091;
    color: #ffffff; }
  .sgColor.backcolor {
    background-color: #d3dde6;
    color: #282d30; }
  .sgColor.fcolor {
    background-color: #282d30;
    color: #ffffff; }
  .sgColor .wrapCopy {
    right: 15px; }

/*==============================
    HEADER
-------------------------------*/
/* HEADER - Top - Search */
#auto_search {
  display: none;
  position: absolute;
  z-index: 110;
  left: 0;
  right: 0;
  top: 100%;
  padding: 15px;
  border: 3px solid #d3dde6;
  background-color: #fff;
  border-radius: 18px; }
  #auto_search ul {
    position: relative;
    overflow: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 300px; }
    #auto_search ul li {
      display: block;
      margin: 0;
      padding: 0;
      list-style: none; }
      #auto_search ul li::before, #auto_search ul li::after {
        content: "";
        display: table; }
      #auto_search ul li::after {
        clear: both; }
      #auto_search ul li + li {
        margin-top: 3px; }
      #auto_search ul li.titreAutoSearch {
        margin-bottom: 10px;
        padding: 10px 15px;
        background-color: #dce5ec;
        color: #697785;
        border-radius: 3px; }
        #auto_search ul li.titreAutoSearch ~ .titreAutoSearch {
          margin-top: 15px; }
      #auto_search ul li a {
        display: inline-block;
        font-weight: 400; }
      #auto_search ul li .ref {
        float: left;
        margin: 0;
        width: 50px;
        font-size: 13px;
        line-height: 17px;
        color: #8996a5; }
      #auto_search ul li .nomproduit {
        float: right;
        margin: 0;
        width: calc(100% - 50px);
        font-size: 13px;
        line-height: 17px; }
      #auto_search ul li .all {
        display: inline-block;
        margin: 5px 0 0;
        font-weight: 700; }
        #auto_search ul li .all::after {
          content: " >"; }

/*==============================
    HEADER
-------------------------------*/
#header {
  position: relative;
  background-color: #fff; }

/* CNIL */
#cnil_cookie {
  position: fixed;
  z-index: 300;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 30px;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  vertical-align: top;
  background-color: rgba(220, 229, 236, 0.95);
  color: #697785; }
  #cnil_cookie #close_cookie {
    display: inline-block;
    position: relative;
    top: -1px;
    margin-left: 5px; }

/* HEADER - Top */
.headerTop {
  color: #ffffff;
  padding: 6px 0;
  font-size: 13px;
  color: #697785; }
  .headerTop .baseline {
    margin: 0; }
  .headerTop a {
    color: #697785; }
    .headerTop a:focus, .headerTop a:hover, .headerTop a:active {
      color: #282d30; }
      .headerTop a:focus .svg g, .headerTop a:focus .svg path, .headerTop a:focus .svg polygon, .headerTop a:hover .svg g, .headerTop a:hover .svg path, .headerTop a:hover .svg polygon, .headerTop a:active .svg g, .headerTop a:active .svg path, .headerTop a:active .svg polygon {
        fill: #282d30; }
  .headerTop .svg g, .headerTop .svg path, .headerTop .svg polygon {
    fill: #697785; }

@media (min-width: 768px) and (max-width: 1199px) {
  .headerTop {
    position: absolute;
    z-index: 110;
    left: 0;
    right: 0;
    top: 0; } }

/* HEADER - Top - Left */
.headerTopLeft {
  text-align: left; }

/* HEADER - Top - Right */
.headerTopRight {
  text-align: right; }
  .headerTopRight .list-inline {
    margin-bottom: 0;
    margin-left: -10px; }
    .headerTopRight .list-inline > li {
      position: relative;
      padding-right: 2px;
      padding-left: 10px; }
      .headerTopRight .list-inline > li + li::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 3px;
        width: 2px;
        height: 12px;
        background-color: #697785; }
    .headerTopRight .list-inline a {
      display: inline-block;
      position: relative;
      padding-left: 20px;
      font-weight: 700; }
    .headerTopRight .list-inline .svg {
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      width: 15px;
      height: 15px; }

/* HEADER */
.header {
  position: relative;
  padding: 10px 0; }
  .header .wrapLogo {
    float: left; }
  .header .logo {
    display: inline-block;
    margin: 0; }
    .header .logo a {
      display: inline-block;
      height: inherit; }
    .header .logo img {
      max-width: 100%; }

.headerLight {
  padding-top: 20px;
  padding-bottom: 20px; }
  .headerLight .logo {
    height: 65px; }
    .headerLight .logo img {
      max-width: none;
      max-height: 100%; }
  .headerLight .wrapHeaderTopAccount,
  .headerLight .wrapHeaderTopCart {
    top: 11px; }

@media (min-width: 768px) and (max-width: 1199px) {
  .header {
    padding-top: 15px;
    padding-bottom: 15px; }
    .header .logo {
      height: 80px; }
      .header .logo img {
        max-width: none;
        max-height: 100%; } }

@media (max-width: 767px) {
  .header {
    padding-top: 5px;
    padding-bottom: 5px; }
    .header .logo {
      height: 45px; }
      .header .logo img {
        max-width: none;
        max-height: 100%; } }

/* HEADER - Top - Search */
.headerTopSearch {
  margin-top: 35px;
  margin-left: 90px;
  float: left;
  width: 370px;
  height: 50px;
  background: #ffffff;
  position: relative; }

.headerTopSearchAdvanced {
  display: inline-block;
  position: absolute;
  right: 3px;
  top: 3px;
  padding: 6px 15px;
  width: 100px;
  height: 44px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  background-color: #d3dde6;
  color: #697785;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px; }
  .headerTopSearchAdvanced:focus, .headerTopSearchAdvanced:hover, .headerTopSearchAdvanced:active {
    background-color: #c1cad2;
    color: #697785; }

@media (min-width: 768px) and (max-width: 1199px) {
  .headerTopSearch {
    margin-top: 28px;
    margin-left: 30px;
    width: calc(100% - 120px); } }

@media (max-width: 767px) {
  .headerTopSearch {
    margin-top: 0;
    margin-left: 30px;
    width: auto;
    height: 40px; } }

/* HEADER - Top - Account */
.wrapHeaderTopAccount {
  position: absolute;
  left: 15px;
  top: 35px;
  padding-top: 4px;
  padding-left: 40px;
  width: 200px;
  color: #005091; }
  .wrapHeaderTopAccount a {
    color: inherit; }
    .wrapHeaderTopAccount a:focus, .wrapHeaderTopAccount a:hover, .wrapHeaderTopAccount a:active {
      color: #00457d; }
      .wrapHeaderTopAccount a:focus .svg g, .wrapHeaderTopAccount a:focus .svg path, .wrapHeaderTopAccount a:focus .svg polygon, .wrapHeaderTopAccount a:hover .svg g, .wrapHeaderTopAccount a:hover .svg path, .wrapHeaderTopAccount a:hover .svg polygon, .wrapHeaderTopAccount a:active .svg g, .wrapHeaderTopAccount a:active .svg path, .wrapHeaderTopAccount a:active .svg polygon {
        fill: #00457d; }
    .wrapHeaderTopAccount a .svg g, .wrapHeaderTopAccount a .svg path, .wrapHeaderTopAccount a .svg polygon {
      fill: #005091; }

.wrapHeaderTopAccountFigure {
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 35px;
  height: 35px; }

.wrapHeaderTopAccountTitle {
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap; }

.wrapHeaderTopAccountFooter .list-inline {
  margin-bottom: 0;
  margin-left: -8px;
  white-space: nowrap; }
  .wrapHeaderTopAccountFooter .list-inline > li {
    position: relative;
    padding-right: 3px;
    padding-left: 8px; }
    .wrapHeaderTopAccountFooter .list-inline > li + li::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 4px;
      width: 1px;
      height: 12px;
      background-color: #005091; }
    .wrapHeaderTopAccountFooter .list-inline > li a {
      font-weight: 400; }
      .wrapHeaderTopAccountFooter .list-inline > li a:focus, .wrapHeaderTopAccountFooter .list-inline > li a:hover, .wrapHeaderTopAccountFooter .list-inline > li a:active {
        text-decoration: underline; }

@media (min-width: 768px) and (max-width: 1199px) {
  .wrapHeaderTopAccount {
    left: auto;
    right: 135px;
    top: 24px;
    padding-top: 40px;
    padding-left: 0;
    width: 120px;
    text-align: center; }
  .wrapHeaderTopAccountFigure {
    left: 50%;
    transform: translateX(-50%); } }

@media (max-width: 767px) {
  .wrapHeaderTopAccount {
    left: auto;
    right: 15px;
    top: 5px;
    padding-top: 0;
    width: auto; } }

/* HEADER - Top - Cart */
.wrapHeaderTopCart {
  position: absolute;
  right: 15px;
  top: 35px;
  padding-top: 4px;
  padding-left: 40px;
  width: 170px;
  color: #f87868; }
  .wrapHeaderTopCart a {
    color: inherit; }
    .wrapHeaderTopCart a:focus, .wrapHeaderTopCart a:hover, .wrapHeaderTopCart a:active {
      color: #e46556; }
      .wrapHeaderTopCart a:focus .svg circle, .wrapHeaderTopCart a:focus .svg g, .wrapHeaderTopCart a:focus .svg path, .wrapHeaderTopCart a:focus .svg polygon, .wrapHeaderTopCart a:hover .svg circle, .wrapHeaderTopCart a:hover .svg g, .wrapHeaderTopCart a:hover .svg path, .wrapHeaderTopCart a:hover .svg polygon, .wrapHeaderTopCart a:active .svg circle, .wrapHeaderTopCart a:active .svg g, .wrapHeaderTopCart a:active .svg path, .wrapHeaderTopCart a:active .svg polygon {
        fill: #e46556;
        fill: #e46556; }
    .wrapHeaderTopCart a .svg circle, .wrapHeaderTopCart a .svg g, .wrapHeaderTopCart a .svg path, .wrapHeaderTopCart a .svg polygon {
      fill: #f87868; }

.wrapHeaderTopCartFigure {
  display: block;
  position: absolute;
  left: 0;
  top: 2px; }

.wrapHeaderTopCartHeader {
  margin: 0; }

.wrapHeaderTopCartTitle {
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap; }

.wrapHeaderTopCartFooter a {
  font-weight: 400; }
  .wrapHeaderTopCartFooter a:focus, .wrapHeaderTopCartFooter a:hover, .wrapHeaderTopCartFooter a:active {
    text-decoration: underline; }

@media (min-width: 768px) and (max-width: 1199px) {
  .wrapHeaderTopCart {
    left: auto;
    right: 15px;
    top: 24px;
    padding-top: 40px;
    padding-left: 0;
    width: 120px;
    text-align: center; }
  .wrapHeaderTopCartFigure {
    left: 50%;
    transform: translateX(-50%); }
  .wrapHeaderTopCartHeader {
    display: inline-block; }
  .wrapHeaderTopCartFooter {
    display: inline-block; } }

@media (max-width: 767px) {
  .wrapHeaderTopCart {
    left: auto;
    right: 75px;
    top: 5px;
    padding-top: 0;
    width: auto; } }

/*==============================
    NAVIGATION
-------------------------------*/
/* RESULTATS */
.div_limit_resultats {
  margin-bottom: 30px; }
  .div_limit_resultats .list-inline {
    display: inline-block;
    margin-right: 3px;
    margin-left: 3px; }
    .div_limit_resultats .list-inline > li {
      padding-right: 0;
      padding-left: 0; }
      .div_limit_resultats .list-inline > li + li {
        margin-left: 3px; }
      .div_limit_resultats .list-inline > li .gris_11,
      .div_limit_resultats .list-inline > li .bleu_11 {
        display: inline-block;
        border: 2px solid #dce5ec;
        width: 30px;
        height: 30px;
        line-height: 27px;
        text-align: center;
        vertical-align: top;
        border-radius: 100%; }
      .div_limit_resultats .list-inline > li .bleu_11 {
        background-color: #fff;
        color: #8996a5;
        cursor: pointer;
        transition: all 0.5s; }
        .div_limit_resultats .list-inline > li .bleu_11:focus, .div_limit_resultats .list-inline > li .bleu_11:hover, .div_limit_resultats .list-inline > li .bleu_11:active {
          border-color: #8996a5;
          background-color: #8996a5;
          color: #fff; }
          .div_limit_resultats .list-inline > li .bleu_11:focus .svg, .div_limit_resultats .list-inline > li .bleu_11:hover .svg, .div_limit_resultats .list-inline > li .bleu_11:active .svg {
            position: relative; }
            .div_limit_resultats .list-inline > li .bleu_11:focus .svg circle, .div_limit_resultats .list-inline > li .bleu_11:focus .svg g, .div_limit_resultats .list-inline > li .bleu_11:focus .svg path, .div_limit_resultats .list-inline > li .bleu_11:focus .svg polygon, .div_limit_resultats .list-inline > li .bleu_11:hover .svg circle, .div_limit_resultats .list-inline > li .bleu_11:hover .svg g, .div_limit_resultats .list-inline > li .bleu_11:hover .svg path, .div_limit_resultats .list-inline > li .bleu_11:hover .svg polygon, .div_limit_resultats .list-inline > li .bleu_11:active .svg circle, .div_limit_resultats .list-inline > li .bleu_11:active .svg g, .div_limit_resultats .list-inline > li .bleu_11:active .svg path, .div_limit_resultats .list-inline > li .bleu_11:active .svg polygon {
              fill: #fff; }
      .div_limit_resultats .list-inline > li .gris_11 {
        border-color: #8996a5;
        background-color: #8996a5;
        color: #fff; }

/* PAGINATION */
.div_pagination {
  vertical-align: top; }
  .div_pagination .bleu_11 {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    line-height: 29px;
    vertical-align: top; }
  .div_pagination .pages {
    display: inline-block; }
  .div_pagination .fleche,
  .div_pagination .active,
  .div_pagination .lien {
    display: inline-block;
    border: 2px solid #dce5ec;
    width: 30px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    vertical-align: top;
    border-radius: 100%; }
    .div_pagination .fleche + .active,
    .div_pagination .fleche + .lien,
    .div_pagination .active + .active,
    .div_pagination .active + .lien,
    .div_pagination .lien + .active,
    .div_pagination .lien + .lien {
      margin-left: 3px; }
    .div_pagination .fleche .svg,
    .div_pagination .active .svg,
    .div_pagination .lien .svg {
      position: relative;
      width: 10px;
      height: 10px; }
      .div_pagination .fleche .svg circle, .div_pagination .fleche .svg g, .div_pagination .fleche .svg path, .div_pagination .fleche .svg polygon,
      .div_pagination .active .svg circle,
      .div_pagination .active .svg g,
      .div_pagination .active .svg path,
      .div_pagination .active .svg polygon,
      .div_pagination .lien .svg circle,
      .div_pagination .lien .svg g,
      .div_pagination .lien .svg path,
      .div_pagination .lien .svg polygon {
        fill: #8996a5; }
  .div_pagination .fleche,
  .div_pagination .lien {
    background-color: #fff;
    color: #8996a5;
    cursor: pointer;
    transition: all 0.5s; }
    .div_pagination .fleche:focus, .div_pagination .fleche:hover, .div_pagination .fleche:active,
    .div_pagination .lien:focus,
    .div_pagination .lien:hover,
    .div_pagination .lien:active {
      border-color: #8996a5;
      background-color: #8996a5;
      color: #fff; }
      .div_pagination .fleche:focus .svg, .div_pagination .fleche:hover .svg, .div_pagination .fleche:active .svg,
      .div_pagination .lien:focus .svg,
      .div_pagination .lien:hover .svg,
      .div_pagination .lien:active .svg {
        position: relative; }
        .div_pagination .fleche:focus .svg circle, .div_pagination .fleche:focus .svg g, .div_pagination .fleche:focus .svg path, .div_pagination .fleche:focus .svg polygon, .div_pagination .fleche:hover .svg circle, .div_pagination .fleche:hover .svg g, .div_pagination .fleche:hover .svg path, .div_pagination .fleche:hover .svg polygon, .div_pagination .fleche:active .svg circle, .div_pagination .fleche:active .svg g, .div_pagination .fleche:active .svg path, .div_pagination .fleche:active .svg polygon,
        .div_pagination .lien:focus .svg circle,
        .div_pagination .lien:focus .svg g,
        .div_pagination .lien:focus .svg path,
        .div_pagination .lien:focus .svg polygon,
        .div_pagination .lien:hover .svg circle,
        .div_pagination .lien:hover .svg g,
        .div_pagination .lien:hover .svg path,
        .div_pagination .lien:hover .svg polygon,
        .div_pagination .lien:active .svg circle,
        .div_pagination .lien:active .svg g,
        .div_pagination .lien:active .svg path,
        .div_pagination .lien:active .svg polygon {
          fill: #fff; }
  .div_pagination .active {
    border-color: #8996a5;
    background-color: #8996a5;
    color: #fff; }

.listing_produit + .limit_page .div_pagination {
  margin-top: 30px; }

/*==============================
    NAVIGATION
-------------------------------*/
/* MENU */
.svgHome {
  width: 30px;
  height: 30px;
  position: relative;
  top: 8px; }
  .svgHome path {
    fill: #282d30 !important;
    transition: all 0.5s; }
  .svgHome:hover path {
    fill: #ffffff !important; }

.header_menu {
  position: relative;
  background-color: #ffffff; }
  .header_menu .col-xs-12 {
    position: static; }

.mainMenu {
  margin-bottom: 0;
  text-align: center;
  white-space: nowrap; }
  .mainMenu .firstLevel {
    display: inline-block;
    background: none;
    height: 50px;
    font-weight: 700;
    font-size: 18px;
    padding: 0;
    cursor: pointer;
    transition: all 0.5s; }
    .mainMenu .firstLevel .home {
      background: none;
      padding-left: 0;
      padding-right: 20px; }
      .mainMenu .firstLevel .home:hover {
        background: none; }
    .mainMenu .firstLevel a {
      color: #005091; }
      .mainMenu .firstLevel a:hover, .mainMenu .firstLevel a:focus, .mainMenu .firstLevel a:active {
        color: #00457d; }
    .mainMenu .firstLevel .blockFirstLevel {
      margin: 0;
      padding: 15px 0 0 20px;
      color: #005091; }
      .mainMenu .firstLevel .blockFirstLevel:focus, .mainMenu .firstLevel .blockFirstLevel:hover, .mainMenu .firstLevel .blockFirstLevel:active, .mainMenu .firstLevel .blockFirstLevel.active {
        background: url("../charte/images/icons/blockFirstLevel.svg") no-repeat left 3px;
        color: #00457d; }
      .mainMenu .firstLevel .blockFirstLevel.bleu:focus, .mainMenu .firstLevel .blockFirstLevel.bleu:hover, .mainMenu .firstLevel .blockFirstLevel.bleu:active, .mainMenu .firstLevel .blockFirstLevel.bleu.active {
        background-image: url("../charte/images/icons/blockFirstLevelBleu.svg"); }
      .mainMenu .firstLevel .blockFirstLevel.bleu a {
        color: #01cb9e; }
        .mainMenu .firstLevel .blockFirstLevel.bleu a:hover, .mainMenu .firstLevel .blockFirstLevel.bleu a:focus, .mainMenu .firstLevel .blockFirstLevel.bleu a:active {
          color: #0cb09b; }
    .mainMenu .firstLevel + .firstLevel {
      margin-left: -4px; }
      .mainMenu .firstLevel + .firstLevel .blockFirstLevel {
        padding-left: 55px; }
        .mainMenu .firstLevel + .firstLevel .blockFirstLevel:focus, .mainMenu .firstLevel + .firstLevel .blockFirstLevel:hover, .mainMenu .firstLevel + .firstLevel .blockFirstLevel:active, .mainMenu .firstLevel + .firstLevel .blockFirstLevel.active {
          background-position: 35px 3px; }
    .mainMenu .firstLevel:hover + li {
      background: none; }
    .mainMenu .firstLevel:hover > div > a {
      color: #ffffff;
      text-decoration: none; }
    .mainMenu .firstLevel .subMenulvl1 {
      display: none;
      text-align: left; }
      .mainMenu .firstLevel .subMenulvl1 li {
        height: auto;
        line-height: 1;
        text-transform: none; }
        .mainMenu .firstLevel .subMenulvl1 li a:focus, .mainMenu .firstLevel .subMenulvl1 li a:hover, .mainMenu .firstLevel .subMenulvl1 li a:active {
          color: #005091; }
    .mainMenu .firstLevel .subMenulvl2 a {
      color: #ffffff; }

.subMenuTitle {
  margin-bottom: 15px; }
  .subMenuTitle a {
    color: #005091 !important;
    font-weight: 400;
    font-size: 16px; }

.header_menu {
  z-index: 10; }

.mainMenu .subMenulvl1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  border-top: 3px solid #d3dde6;
  border-bottom: 3px solid #d3dde6;
  padding: 20px 0 30px;
  background-color: #005091;
  display: none;
  border-collapse: separate;
  width: 100%; }
  .mainMenu .subMenulvl1::before, .mainMenu .subMenulvl1::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%; }
  .mainMenu .subMenulvl1::before {
    right: 100%; }
  .mainMenu .subMenulvl1::after {
    left: 100%; }
  .mainMenu .subMenulvl1 .secondLevel {
    display: block;
    margin-right: -15px;
    margin-bottom: 0;
    margin-left: -15px;
    vertical-align: top;
    white-space: normal;
    color: #fff; }
    .mainMenu .subMenulvl1 .secondLevel + li:not(.wrapButtonMenu) {
      border-left: 3px solid #c0c1cf;
      padding-left: 10px; }
    .mainMenu .subMenulvl1 .secondLevel > li {
      display: block;
      float: left;
      padding-right: 15px;
      padding-left: 15px;
      width: 25%; }
      .mainMenu .subMenulvl1 .secondLevel > li:nth-child(4n) + li {
        clear: left; }
      .mainMenu .subMenulvl1 .secondLevel > li:nth-child(4n) ~ li {
        margin-top: 20px; }
    .mainMenu .subMenulvl1 .secondLevel > .colone_sg_categorie {
      display: block;
      float: left;
      padding-right: 15px;
      padding-left: 15px;
      width: 33.33%; }
      .mainMenu .subMenulvl1 .secondLevel > .colone_sg_categorie:nth-child(3n) + li {
        clear: left; }
      .mainMenu .subMenulvl1 .secondLevel > .colone_sg_categorie:nth-child(3n) ~ li {
        margin-top: 10px; }
    .mainMenu .subMenulvl1 .secondLevel .font_liste_s_cat {
      display: block;
      margin-bottom: 5px;
      padding: 5px 10px;
      font-weight: 700;
      font-size: 16px;
      line-height: 20px;
      background: url("../charte/images/icons/font_liste_s_cat.svg") no-repeat left top;
      color: inherit; }
      .mainMenu .subMenulvl1 .secondLevel .font_liste_s_cat:focus, .mainMenu .subMenulvl1 .secondLevel .font_liste_s_cat:hover, .mainMenu .subMenulvl1 .secondLevel .font_liste_s_cat:active {
        color: #00a0de; }
    .mainMenu .subMenulvl1 .secondLevel .liste_s_categorie li,
    .mainMenu .subMenulvl1 .secondLevel .colone_sg_categorie li {
      margin-bottom: 0; }
      .mainMenu .subMenulvl1 .secondLevel .liste_s_categorie li + li,
      .mainMenu .subMenulvl1 .secondLevel .colone_sg_categorie li + li {
        margin-top: 3px; }
    .mainMenu .subMenulvl1 .secondLevel .liste_s_categorie .font_liste_s_cat,
    .mainMenu .subMenulvl1 .secondLevel .colone_sg_categorie .font_liste_s_cat {
      display: inline-block;
      margin-bottom: 0;
      padding: 0;
      font-weight: 400;
      font-size: #282d30;
      line-height: #2c3134;
      background: none; }
  .mainMenu .subMenulvl1 > li.backMenu {
    display: none; }
    .mainMenu .subMenulvl1 > li.backMenu + li {
      border-left: none !important; }
  .mainMenu .subMenulvl1 > li.wrapButtonMenu {
    position: absolute;
    left: 10px;
    bottom: 0;
    right: 10px;
    padding: 5px 0;
    text-align: center; }
    .mainMenu .subMenulvl1 > li.wrapButtonMenu a {
      color: #ffffff;
      text-transform: none;
      font-weight: 400;
      font-size: 13px;
      width: 100%;
      display: inline-block; }
  .mainMenu .subMenulvl1 .subMenuColImg {
    text-align: center;
    width: 18%; }
    .mainMenu .subMenulvl1 .subMenuColImg img {
      opacity: 1;
      transition: opacity .5s; }
      .mainMenu .subMenulvl1 .subMenuColImg img:hover {
        opacity: .8; }
  .mainMenu .subMenulvl1 .subMenuTitleImg {
    width: 155px;
    margin: 10px auto; }
    .mainMenu .subMenulvl1 .subMenuTitleImg a {
      color: #005091;
      font-weight: 400;
      font-size: 13px; }

.mainMenu .hadSubMenu:hover .subMenulvl1 {
  display: table; }

.mainMenu .arrowR {
  display: none; }

.pictoMenu {
  display: none; }

@media (min-width: 992px) and (max-width: 1199px) {
  .mainMenu .firstLevel {
    font-size: 16px; }
    .mainMenu .firstLevel .blockFirstLevel {
      padding-top: 12px;
      padding-left: 15px; }
    .mainMenu .firstLevel + .firstLevel .blockFirstLevel {
      padding-left: 35px; }
      .mainMenu .firstLevel + .firstLevel .blockFirstLevel:focus, .mainMenu .firstLevel + .firstLevel .blockFirstLevel:hover, .mainMenu .firstLevel + .firstLevel .blockFirstLevel:active, .mainMenu .firstLevel + .firstLevel .blockFirstLevel.active {
        background-position: 20px 3px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .mainMenu .firstLevel {
    font-size: 14px;
    height: 40px; }
    .mainMenu .firstLevel .blockFirstLevel {
      padding-top: 12px;
      padding-left: 12px; }
    .mainMenu .firstLevel + .firstLevel .blockFirstLevel {
      padding-left: 20px; }
      .mainMenu .firstLevel + .firstLevel .blockFirstLevel:focus, .mainMenu .firstLevel + .firstLevel .blockFirstLevel:hover, .mainMenu .firstLevel + .firstLevel .blockFirstLevel:active, .mainMenu .firstLevel + .firstLevel .blockFirstLevel.active {
        background-position: 10px 4px; }
  .mainMenu .subMenulvl1 .secondLevel .font_liste_s_cat {
    font-size: 14px; }
  .mainMenu .subMenulvl1 .secondLevel .liste_s_categorie .font_liste_s_cat,
  .mainMenu .subMenulvl1 .secondLevel .colone_sg_categorie .font_liste_s_cat {
    font-size: 12px;
    line-height: 16px; } }

/* BREADCRUMB */
.breadcrumb {
  margin-bottom: 0;
  background-color: #dce5ec;
  color: #8996a5;
  font-family: "PT Sans", sans-serif;
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
  padding-left: 0;
  border-radius: 0; }
  .breadcrumb a {
    font-weight: inherit;
    color: inherit; }
    .breadcrumb a:focus, .breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a.active {
      text-decoration: underline;
      color: inherit; }

@media (min-width: 768px) and (max-width: 991px) {
  .breadcrumb {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
    line-height: 15px; } }

/* ACCOUNT MENU */
.wrapAccountMenu {
  margin-bottom: 15px; }
  .wrapAccountMenu .accountMenuTitle {
    height: 64px;
    background-color: #ffffff;
    font-size: 18px;
    border-radius: 5px;
    transition: background-color 0.5s; }
    .wrapAccountMenu .accountMenuTitle a {
      float: left;
      margin-right: 12px; }
    .wrapAccountMenu .accountMenuTitle span {
      display: inline-block;
      position: relative;
      top: 5px; }
    .wrapAccountMenu .accountMenuTitle.open {
      background-color: #005091;
      color: #ffffff; }
  .wrapAccountMenu .accountMenuList {
    background-color: #f1f1f1;
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    height: 0;
    overflow: hidden;
    padding: 0;
    opacity: 0;
    transition: opacity 0.5s; }
    .wrapAccountMenu .accountMenuList i {
      position: relative;
      top: 2px;
      margin-right: 10px; }
    .wrapAccountMenu .accountMenuList span {
      position: relative;
      top: -10px; }
    .wrapAccountMenu .accountMenuList ul {
      margin-bottom: 0; }
    .wrapAccountMenu .accountMenuList li + li {
      margin-top: 15px; }
  .wrapAccountMenu.open .accountMenuList {
    padding: 10px;
    height: 100%;
    opacity: 1; }

/*==============================
    HOME
-------------------------------*/
/* HOME - Slider */
.wrapHomeSlider {
  position: relative;
  overflow: hidden;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  max-width: 2000px;
  height: 330px;
  text-align: center; }
  .wrapHomeSlider #slide_home {
    margin: 0;
    padding: 0;
    list-style: none; }
    .wrapHomeSlider #slide_home li {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      height: 330px;
      list-style: none; }
      .wrapHomeSlider #slide_home li.active {
        z-index: 10; }
      .wrapHomeSlider #slide_home li a {
        display: block;
        position: relative;
        height: inherit; }
      .wrapHomeSlider #slide_home li img {
        display: block;
        position: absolute;
        left: 50%;
        top: 0;
        max-width: none;
        max-height: 100%;
        transform: translateX(-50%); }
  .wrapHomeSlider .bx-wrapper {
    margin-bottom: 0; }
  .wrapHomeSlider .bx-pager {
    bottom: 15px; }

@media (min-width: 992px) and (max-width: 1199px) {
  .wrapHomeSlider {
    height: 230px; }
    .wrapHomeSlider #slide_home li {
      height: 230px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .wrapHomeSlider {
    height: 180px; }
    .wrapHomeSlider #slide_home li {
      height: 180px; } }

/* HOME - Nouveautes */
.nouveautes_home, .offres_speciales_home {
  margin-bottom: 30px; }
  .nouveautes_home .titre_nouveautes, .offres_speciales_home .titre_nouveautes {
    float: left; }
    .nouveautes_home .titre_nouveautes ~ .titleLvl3, .offres_speciales_home .titre_nouveautes ~ .titleLvl3 {
      display: inline-block;
      float: left;
      position: relative;
      top: 37px;
      margin-left: 20px; }
  .nouveautes_home .nouveautes_home_liste, .offres_speciales_home .nouveautes_home_liste {
    margin-top: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #dce5ec; }
    .nouveautes_home .nouveautes_home_liste .liste_blocs, .offres_speciales_home .nouveautes_home_liste .liste_blocs {
      margin-bottom: 30px; }
      .nouveautes_home .nouveautes_home_liste .liste_blocs > li, .offres_speciales_home .nouveautes_home_liste .liste_blocs > li {
        width: 25%; }
        .nouveautes_home .nouveautes_home_liste .liste_blocs > li.last ~ li, .offres_speciales_home .nouveautes_home_liste .liste_blocs > li.last ~ li {
          margin-top: 30px; }

@media (min-width: 768px) and (max-width: 1199px) {
  .nouveautes_home .nouveautes_home_liste .liste_blocs, .offres_speciales_home .nouveautes_home_liste .liste_blocs {
    margin-right: 0;
    margin-left: 0; }
    .nouveautes_home .nouveautes_home_liste .liste_blocs > li, .offres_speciales_home .nouveautes_home_liste .liste_blocs > li {
      padding-right: 0;
      padding-left: 0; }
      .nouveautes_home .nouveautes_home_liste .liste_blocs > li.last ~ li, .offres_speciales_home .nouveautes_home_liste .liste_blocs > li.last ~ li {
        margin-top: 0; }
  .nouveautes_home .nouveautes_home_liste .bloc_produit_mini .imagebox_home, .offres_speciales_home .nouveautes_home_liste .bloc_produit_mini .imagebox_home, .nouveautes_home .nouveautes_home_liste .bloc_produit .imagebox_home, .offres_speciales_home .nouveautes_home_liste .bloc_produit .imagebox_home {
    width: 190px;
    height: 190px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .nouveautes_home .nouveautes_home_liste .bx-viewport, .offres_speciales_home .nouveautes_home_liste .bx-viewport {
    height: 400px !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .nouveautes_home .titre_nouveautes ~ .titleLvl3, .offres_speciales_home .titre_nouveautes ~ .titleLvl3 {
    top: 34px; }
  .nouveautes_home .nouveautes_home_liste .bx-viewport, .offres_speciales_home .nouveautes_home_liste .bx-viewport {
    height: 450px !important; } }

/* HOME - Offres speciales */
.offres_speciales_home .titre_nouveautes {
  float: right; }
  .offres_speciales_home .titre_nouveautes ~ .titleLvl3 {
    float: right;
    margin-right: 20px;
    margin-left: 0; }

.offres_speciales_home .offres_speciales_liste {
  padding-top: 10px;
  background-color: transparent; }
  .offres_speciales_home .offres_speciales_liste .bx-wrapper .liste_blocs {
    margin-right: 0;
    margin-left: 0; }
    .offres_speciales_home .offres_speciales_liste .bx-wrapper .liste_blocs > li {
      padding-right: 0;
      padding-left: 0; }
      .offres_speciales_home .offres_speciales_liste .bx-wrapper .liste_blocs > li.last ~ li {
        margin-top: 0; }

@media (min-width: 992px) and (max-width: 1199px) {
  .offres_speciales_home .nouveautes_home_liste .bx-viewport {
    height: 400px !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .offres_speciales_home .titre_nouveautes ~ .titleLvl3 {
    top: 34px; }
  .offres_speciales_home .nouveautes_home_liste .bx-viewport {
    height: 400px !important; }
  .offres_speciales_home .nouveautes_home_liste .liste_blocs > li.last ~ li {
    margin-top: 10px; }
  .offres_speciales_home .nouveautes_home_liste .bloc_produit_mini, .offres_speciales_home .nouveautes_home_liste .bloc_produit {
    height: 390px; }
    .offres_speciales_home .nouveautes_home_liste .bloc_produit_mini .imagebox_home, .offres_speciales_home .nouveautes_home_liste .bloc_produit .imagebox_home {
      width: 140px;
      height: 140px; } }

/* HOME - Seo */
.champ_ref {
  position: relative;
  padding-top: 90px;
  padding-bottom: 60px;
  background: url("../charte/images/home/champ_ref.jpg") no-repeat center bottom;
  background-size: cover; }
  .champ_ref::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 136, 189, 0.75); }
  .champ_ref > .container {
    position: relative;
    z-index: 10; }
  .champ_ref * {
    text-align: center !important;
    color: #fff !important; }
  .champ_ref a:focus, .champ_ref a:hover, .champ_ref a:active {
    text-decoration: underline; }

/* HOME - Buttons - Big */
.menu_gauche_boutons {
  margin-bottom: 60px;
  text-transform: uppercase; }
  .menu_gauche_boutons .titleLvl2 {
    display: block;
    margin-bottom: 15px;
    padding-top: 0;
    padding-bottom: 20px;
    text-align: center;
    background: none; }
    .menu_gauche_boutons .titleLvl2::before, .menu_gauche_boutons .titleLvl2::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 20px; }
    .menu_gauche_boutons .titleLvl2::before {
      height: 3px;
      background-color: #dce5ec; }
    .menu_gauche_boutons .titleLvl2::after {
      bottom: 0;
      border-right: 3px solid #dce5ec;
      border-left: 3px solid #dce5ec; }
  .menu_gauche_boutons .titleLvl2Text {
    display: inline-block;
    position: relative;
    z-index: 10;
    padding-right: 30px;
    padding-left: 30px;
    background-color: #fff; }
  .menu_gauche_boutons .menu_gauche_boutons_btn {
    display: block;
    position: relative;
    float: left;
    padding: 120px 30px 30px;
    width: 25%;
    height: 200px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center 45px;
    color: #fff; }
  .menu_gauche_boutons .menu_gauche_boutons_btn_bon_commande {
    background-color: #005091;
    background-image: url("../charte/images/icons/menu_gauche_boutons_btn_bon_commande.svg"); }
    .menu_gauche_boutons .menu_gauche_boutons_btn_bon_commande:focus, .menu_gauche_boutons .menu_gauche_boutons_btn_bon_commande:hover, .menu_gauche_boutons .menu_gauche_boutons_btn_bon_commande:active {
      background-color: #00457d; }
  .menu_gauche_boutons .menu_gauche_boutons_btn_panier_reference {
    background-color: #00a0de;
    background-image: url("../charte/images/icons/menu_gauche_boutons_btn_panier_reference.svg"); }
    .menu_gauche_boutons .menu_gauche_boutons_btn_panier_reference:focus, .menu_gauche_boutons .menu_gauche_boutons_btn_panier_reference:hover, .menu_gauche_boutons .menu_gauche_boutons_btn_panier_reference:active {
      background-color: #018ec5; }
  .menu_gauche_boutons .menu_gauche_boutons_btn_catalogue {
    background-color: #01cb9e;
    background-image: url("../charte/images/icons/menu_gauche_boutons_btn_catalogue.svg"); }
    .menu_gauche_boutons .menu_gauche_boutons_btn_catalogue:focus, .menu_gauche_boutons .menu_gauche_boutons_btn_catalogue:hover, .menu_gauche_boutons .menu_gauche_boutons_btn_catalogue:active {
      background-color: #0cb09b; }
  .menu_gauche_boutons .menu_gauche_boutons_btn_ressources {
    background-color: #f87868;
    background-image: url("../charte/images/icons/menu_gauche_boutons_btn_ressources.svg"); }
    .menu_gauche_boutons .menu_gauche_boutons_btn_ressources:focus, .menu_gauche_boutons .menu_gauche_boutons_btn_ressources:hover, .menu_gauche_boutons .menu_gauche_boutons_btn_ressources:active {
      background-color: #e46556; }

@media (min-width: 768px) and (max-width: 991px) {
  .menu_gauche_boutons .menu_gauche_boutons_btn {
    width: 50%; } }

/*==============================
    LISTING
-------------------------------*/
/* LISTE - Blocs */
.liste_blocs {
  display: block;
  margin: 0 -15px;
  padding: 0;
  list-style: none; }
  .liste_blocs + .liste_blocs {
    margin-top: 30px; }
  .liste_blocs > li {
    display: block;
    float: left;
    margin: 0;
    padding: 0 15px;
    list-style: inherit;
    width: 33.33%; }

@media (min-width: 768px) and (max-width: 991px) {
  .liste_blocs {
    margin-right: -5px;
    margin-left: -5px; }
    .liste_blocs + .liste_blocs {
      margin-top: 10px; }
    .liste_blocs > li {
      padding-right: 5px;
      padding-left: 5px; } }

/* PRODUIT - Bloc - Galerie */
.bloc_produit_mini, .bloc_produit {
  position: relative;
  border: 3px solid #dce5ec;
  background-color: #ffffff;
  padding: 30px 30px 90px 30px;
  height: 440px;
  text-align: center;
  border-radius: 3px; }
  .bloc_produit_mini .unroll_prod > img, .bloc_produit .unroll_prod > img {
    position: absolute;
    right: 10px;
    top: 10px; }
  .bloc_produit_mini .purpleChip, .bloc_produit .purpleChip {
    position: absolute;
    z-index: 5;
    left: 12px;
    top: 12px; }
  .bloc_produit_mini .imagebox_home, .bloc_produit .imagebox_home {
    display: block;
    margin: 0 auto 20px;
    padding: 0;
    list-style: none;
    width: 190px;
    height: 190px;
    text-align: center; }
    .bloc_produit_mini .imagebox_home li, .bloc_produit .imagebox_home li {
      display: block;
      margin: 0;
      padding: 0;
      list-style: none; }
    .bloc_produit_mini .imagebox_home a, .bloc_produit .imagebox_home a {
      display: block; }
      .bloc_produit_mini .imagebox_home a:focus, .bloc_produit .imagebox_home a:focus, .bloc_produit_mini .imagebox_home a:hover, .bloc_produit .imagebox_home a:hover, .bloc_produit_mini .imagebox_home a:active, .bloc_produit .imagebox_home a:active {
        opacity: .7; }
    .bloc_produit_mini .imagebox_home img, .bloc_produit .imagebox_home img {
      width: auto;
      height: auto;
      max-width: 100%; }
  .bloc_produit_mini .desc > div, .bloc_produit .desc > div {
    display: none; }
  .bloc_produit_mini .desc a:focus, .bloc_produit .desc a:focus, .bloc_produit_mini .desc a:hover, .bloc_produit .desc a:hover, .bloc_produit_mini .desc a:active, .bloc_produit .desc a:active {
    opacity: .7; }
  .bloc_produit_mini .desc > .bloc_auteurs, .bloc_produit .desc > .bloc_auteurs {
    display: block; }
  .bloc_produit_mini .bleu_14_b, .bloc_produit .bleu_14_b {
    display: inline-block;
    max-height: 55px;
    margin-bottom: 3px;
    font-weight: 700;
    line-height: 18px !important;
    color: #282d30;
    transition: all 0.5s; }
    .bloc_produit_mini .bleu_14_b:focus, .bloc_produit .bleu_14_b:focus, .bloc_produit_mini .bleu_14_b:hover, .bloc_produit .bleu_14_b:hover, .bloc_produit_mini .bleu_14_b:active, .bloc_produit .bleu_14_b:active {
      color: #7a8896; }
  .bloc_produit_mini .bloc_auteurs, .bloc_produit .bloc_auteurs {
    display: block;
    max-height: 40px;
    font-weight: 400;
    font-family: "Farsan", cursive;
    font-size: 16px;
    line-height: 18px; }
    .bloc_produit_mini .bloc_auteurs a, .bloc_produit .bloc_auteurs a {
      font-weight: inherit;
      color: inherit; }
      .bloc_produit_mini .bloc_auteurs a:focus, .bloc_produit .bloc_auteurs a:focus, .bloc_produit_mini .bloc_auteurs a:hover, .bloc_produit .bloc_auteurs a:hover, .bloc_produit_mini .bloc_auteurs a:active, .bloc_produit .bloc_auteurs a:active {
        opacity: .7; }
  .bloc_produit_mini .prix, .bloc_produit .prix {
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: calc(100% - 60px);
    text-align: left; }
  .bloc_produit_mini .prix_actuel, .bloc_produit .prix_actuel, .bloc_produit_mini .priceLarge, .bloc_produit .priceLarge {
    display: inline-block; }
  .bloc_produit_mini .prix_barre, .bloc_produit .prix_barre {
    display: inline-block;
    margin-left: 15px; }
  .bloc_produit_mini .info_stock, .bloc_produit .info_stock {
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: 60px;
    width: 100%;
    transform: translateX(-50%); }
    .bloc_produit_mini .info_stock br, .bloc_produit .info_stock br {
      display: none; }
    .bloc_produit_mini .info_stock .tooltipBtn, .bloc_produit .info_stock .tooltipBtn {
      margin-left: 10px; }
  .bloc_produit_mini .form_add, .bloc_produit .form_add {
    margin: 0; }
    .bloc_produit_mini .form_add p, .bloc_produit .form_add p {
      margin: 0; }
  .bloc_produit_mini .ajouter_panier, .bloc_produit .ajouter_panier {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    background: #f87868 url("../charte/images/icons/cart.svg") no-repeat 8px center;
    cursor: pointer;
    border-radius: 100%;
    transition: all 0.5s; }
    .bloc_produit_mini .ajouter_panier:focus, .bloc_produit .ajouter_panier:focus, .bloc_produit_mini .ajouter_panier:hover, .bloc_produit .ajouter_panier:hover, .bloc_produit_mini .ajouter_panier:active, .bloc_produit .ajouter_panier:active {
      background-color: #e46556; }

@media (min-width: 768px) and (max-width: 1199px) {
  .bloc_produit_mini, .bloc_produit {
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 10px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .bloc_produit_mini, .bloc_produit {
    height: 390px; }
    .bloc_produit_mini .imagebox_home, .bloc_produit .imagebox_home {
      width: 140px;
      height: 140px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .bloc_produit_mini .prix, .bloc_produit .prix {
    left: 15px; }
  .bloc_produit_mini .ajouter_panier, .bloc_produit .ajouter_panier {
    right: 15px; } }

/* PRODUIT - Bloc - Liste */
.bloc_produit {
  padding-bottom: 30px;
  height: auto;
  text-align: left; }
  .bloc_produit + .bloc_produit {
    margin-top: 30px; }
  .bloc_produit .bloc_produit_left {
    float: left;
    width: 190px;
    height: 190px; }
  .bloc_produit .bloc_produit_right {
    float: right;
    width: calc(100% - 220px); }
  .bloc_produit .bg_bleu {
    margin-bottom: 20px;
    max-height: none; }
  .bloc_produit .bloc_auteurs {
    max-height: none; }
  .bloc_produit .lire_suite {
    margin-top: 10px; }
  .bloc_produit .ajouter_panier {
    right: 30px; }
  .bloc_produit .bloc_produit_bas {
    clear: both;
    margin-top: 20px; }
    .bloc_produit .bloc_produit_bas .prix {
      position: static;
      left: auto;
      bottom: auto;
      width: auto; }
    .bloc_produit .bloc_produit_bas .prix_actuel, .bloc_produit .bloc_produit_bas .priceLarge,
    .bloc_produit .bloc_produit_bas .prix_barre {
      position: relative;
      top: 8px; }
    .bloc_produit .bloc_produit_bas .info_stock {
      position: absolute;
      left: auto;
      right: 90px;
      bottom: 20px;
      width: auto;
      transform: translateX(0); }

@media (min-width: 768px) and (max-width: 1199px) {
  .bloc_produit {
    padding-right: 30px;
    padding-left: 30px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .bloc_produit .imagebox_home {
    width: 190px;
    height: 190px; } }

/* LISTING - Produit */
.listing_produit_header {
  margin-bottom: 30px;
  color: #697785; }
  .listing_produit_header .rose_16_inb {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 50px;
    line-height: 30px;
    white-space: nowrap;
    vertical-align: middle; }
    .listing_produit_header .rose_16_inb .type_vue {
      display: inline-block;
      height: 30px;
      line-height: 30px;
      vertical-align: middle; }
    .listing_produit_header .rose_16_inb .infobulle {
      display: inline-block;
      margin-left: 15px;
      vertical-align: inherit;
      width: 30px;
      height: 30px; }
      .listing_produit_header .rose_16_inb .infobulle + .infobulle {
        margin-left: 20px; }
      .listing_produit_header .rose_16_inb .infobulle a {
        display: inline-block; }
        .listing_produit_header .rose_16_inb .infobulle a .svg {
          position: relative;
          width: inherit;
          height: inherit; }
          .listing_produit_header .rose_16_inb .infobulle a .svg circle, .listing_produit_header .rose_16_inb .infobulle a .svg g, .listing_produit_header .rose_16_inb .infobulle a .svg path, .listing_produit_header .rose_16_inb .infobulle a .svg polygon {
            fill: #697785; }
        .listing_produit_header .rose_16_inb .infobulle a .svgListe {
          top: -2.5px; }
        .listing_produit_header .rose_16_inb .infobulle a .svgGalerie {
          top: -2px; }
      .listing_produit_header .rose_16_inb .infobulle .tooltip {
        top: auto !important;
        bottom: 35px; }

.listing_produits_rang2 {
  margin-bottom: 20px; }

.liste_blocs + .listing_produits_rang2,
.bloc_produit + .listing_produits_rang2 {
  margin-top: 30px; }

@media (min-width: 768px) and (max-width: 991px) {
  .listing_produit_header {
    margin-bottom: 15px; } }

/* LISTING - Editeur */
.all_editeur_item {
  margin-bottom: 30px;
  margin-bottom: 30px;
  height: 196px;
  border: 3px solid #d3dde6;
  text-align: center;
  border-radius: 3px; }
  .all_editeur_item a {
    display: block; }
  .all_editeur_item .image {
    position: relative;
    height: 140px; }
    .all_editeur_item .image img {
      position: absolute;
      left: 50%;
      top: 50%;
      max-width: 100%;
      max-height: 100%;
      transform: translate(-50%, -50%); }
  .all_editeur_item .nom {
    position: relative;
    height: 50px;
    line-height: normal !important; }
    .all_editeur_item .nom a {
      display: inline-block;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }

/* FILTER */
.filter .conteneur_menu_gauche_bloc ~ .collapse {
  margin-top: 30px; }

.filter .menu_fond_blanc + .menu_fond_blanc {
  margin-top: 30px; }

.filter .menu_fond_blanc .titleLvl4, .filter .menu_fond_blanc .popover-title {
  margin-bottom: 10px; }

.filter .menu_professions_list {
  margin-bottom: 0; }
  .filter .menu_professions_list li + li {
    margin-top: 5px; }
  .filter .menu_professions_list .checkbox {
    margin-top: 0;
    margin-bottom: 0; }
    .filter .menu_professions_list .checkbox:focus, .filter .menu_professions_list .checkbox:hover, .filter .menu_professions_list .checkbox:active, .filter .menu_professions_list .checkbox.active {
      color: #005091; }

.filter .menu_professions_list_simplebar {
  height: 280px; }

.filter .btnMain {
  margin-top: 20px; }
  .filter .btnMain .btnTextHidden {
    display: none; }
  .filter .btnMain[aria-expanded="true"] .btnText {
    display: none; }
  .filter .btnMain[aria-expanded="true"] .btnTextHidden {
    display: inline; }

@media (min-width: 768px) and (max-width: 991px) {
  .filter .conteneur_menu_gauche_bloc ~ .collapse {
    margin-top: 20px; }
  .filter .menu_fond_blanc + .menu_fond_blanc {
    margin-top: 20px; }
  .filter .menu_fond_blanc .titleLvl4, .filter .menu_fond_blanc .popover-title {
    margin-bottom: 5px; }
  .filter .menu_professions_list {
    margin-right: -5px;
    margin-left: -5px; }
    .filter .menu_professions_list::before, .filter .menu_professions_list::after {
      content: "";
      display: table; }
    .filter .menu_professions_list::after {
      clear: both; }
    .filter .menu_professions_list li {
      float: left;
      padding-right: 5px;
      padding-left: 5px;
      width: 33.33%; }
      .filter .menu_professions_list li + li {
        margin-top: 0; }
      .filter .menu_professions_list li:nth-child(3n) + li {
        clear: left; }
      .filter .menu_professions_list li:nth-child(3n) ~ li {
        margin-top: 5px; } }

/*==============================
    PRODUCT
-------------------------------*/
/* PRODUCT */
.pageProduct .titleLvl1 {
  margin-top: 30px;
  margin-bottom: 30px; }

@media (min-width: 768px) and (max-width: 991px) {
  .bloc_produit_mini .imagebox_home, .bloc_produit .imagebox_home {
    width: 140px;
    height: 140px; } }

/* PRODUCT - Photo */
.produit_photo {
  position: relative;
  height: 370px;
  text-align: center; }
  .produit_photo a {
    display: block;
    height: inherit; }
    .produit_photo a ~ a {
      visibility: hidden; }
  .produit_photo img {
    max-height: 100%; }
  .produit_photo .bx-wrapper a ~ a {
    visibility: visible; }

/* PRODUCT - Popup */
.modalpopupimage .modal-dialog,
.modal.modalpopupimage.in .modal-dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -30px;
  width: 600px;
  transform: translate(-50%, -50%); }
  .modalpopupimage .modal-dialog .modal-content,
  .modal.modalpopupimage.in .modal-dialog .modal-content {
    padding: 0; }
    .modalpopupimage .modal-dialog .modal-content .btn_fermer_fenetre,
    .modal.modalpopupimage.in .modal-dialog .modal-content .btn_fermer_fenetre {
      z-index: 520; }

.modalpopupimage .bx-viewport,
.modal.modalpopupimage.in .bx-viewport {
  height: auto !important; }

.modalpopupimage .bx-wrapper .bx-controls-direction .bx-prev,
.modal.modalpopupimage.in .bx-wrapper .bx-controls-direction .bx-prev {
  background-image: url("../charte/images/icons/bx-prev-popupimage.png"); }

.modalpopupimage .bx-wrapper .bx-controls-direction .bx-next,
.modal.modalpopupimage.in .bx-wrapper .bx-controls-direction .bx-next {
  background-image: url("../charte/images/icons/bx-next-popupimage.png"); }

.product_image_popup {
  height: 400px; }
  .product_image_popup .product_image_popup_item {
    display: block;
    position: relative;
    width: 100% !important;
    height: inherit;
    text-align: center; }
    .product_image_popup .product_image_popup_item img {
      max-width: 100%; }

/* PRODUCT - Caracteristiques */
.produit_cara .list-unstyled {
  margin-bottom: 0; }
  .produit_cara .list-unstyled > li a,
  .produit_cara .list-unstyled > li .gris_11_b {
    font-weight: 400;
    font-family: "Farsan", cursive;
    font-size: 20px;
    line-height: 22px;
    color: inherit; }
  .produit_cara .list-unstyled > li a:focus, .produit_cara .list-unstyled > li a:hover, .produit_cara .list-unstyled > li a:active {
    opacity: .7; }

.produit_cara hr {
  margin-top: 15px;
  margin-bottom: 15px; }

.produit_cara .bleu_12_g {
  font-weight: 400;
  font-family: "Farsan", cursive;
  font-size: 20px;
  line-height: 22px;
  color: inherit; }

/* PRODUCT - Accroche */
.produit_accroche {
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #005091; }

/* PRODUCT - Partage */
.produit_partage, .produit_avis, .produit_pdf {
  margin-bottom: 15px; }
  .produit_partage .list-inline, .produit_avis .list-inline, .produit_pdf .list-inline {
    margin-bottom: 0;
    margin-left: -2px; }
    .produit_partage .list-inline > li, .produit_avis .list-inline > li, .produit_pdf .list-inline > li {
      padding-right: 2px;
      padding-left: 2px;
      vertical-align: middle; }
    .produit_partage .list-inline a, .produit_avis .list-inline a, .produit_pdf .list-inline a {
      display: inline-block; }
      .produit_partage .list-inline a:focus .svg, .produit_avis .list-inline a:focus .svg, .produit_pdf .list-inline a:focus .svg, .produit_partage .list-inline a:hover .svg, .produit_avis .list-inline a:hover .svg, .produit_pdf .list-inline a:hover .svg, .produit_partage .list-inline a:active .svg, .produit_avis .list-inline a:active .svg, .produit_pdf .list-inline a:active .svg {
        transform: scale(1.25); }
      .produit_partage .list-inline a .svg, .produit_avis .list-inline a .svg, .produit_pdf .list-inline a .svg {
        width: 30px;
        height: 30px;
        transition: all 0.5s; }
        .produit_partage .list-inline a .svg circle, .produit_avis .list-inline a .svg circle, .produit_pdf .list-inline a .svg circle, .produit_partage .list-inline a .svg g, .produit_avis .list-inline a .svg g, .produit_pdf .list-inline a .svg g, .produit_partage .list-inline a .svg path, .produit_avis .list-inline a .svg path, .produit_pdf .list-inline a .svg path, .produit_partage .list-inline a .svg polygon, .produit_avis .list-inline a .svg polygon, .produit_pdf .list-inline a .svg polygon {
          fill: #005091; }

/* PRODUCT - Avis - Partage */
.produit_avis {
  margin-bottom: 0; }

/* PRODUCT - Pdf */
.produit_pdf {
  margin-bottom: 0; }

/* PRODUCT - Right */
.produit_right {
  position: relative; }
  .produit_right .purpleChip {
    position: absolute;
    left: 0;
    top: 0; }

/* PRODUCT - Ajout Panier */
.produit_ajout_panier {
  text-align: center; }
  .produit_ajout_panier .prix_actuel, .produit_ajout_panier .priceLarge {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 34px; }
  .produit_ajout_panier .info_stock {
    margin-bottom: 30px; }
  .produit_ajout_panier .btnMain,
  .produit_ajout_panier .btnSecondary {
    display: block;
    margin-bottom: 30px;
    white-space: normal; }

@media (min-width: 992px) and (max-width: 1199px) {
  .btnCart {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px; }
    .btnCart .svg {
      float: none;
      margin-right: 5px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .btnCart {
    padding-right: 20px;
    padding-left: 20px;
    height: auto;
    text-align: left; }
    .btnCart .svg {
      top: 5px; } }

/* PRODUCT - Options */
.produit_options {
  margin-bottom: 30px; }
  .produit_options .titleLvl3 {
    margin-bottom: 5px;
    text-align: left; }
  .produit_options .msg_warning {
    margin-bottom: 10px; }
  .produit_options .bloc_opt {
    position: relative; }
  .produit_options .bloc_opt_header {
    display: inline-block;
    position: absolute;
    z-index: 10;
    left: 17px;
    top: -9px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: left;
    background-color: #fff; }
  .produit_options .form-group {
    margin-bottom: 10px; }

/* PRODUCT - Details */
.produit_details {
  margin-top: 30px; }

.produit_details_item + .produit_details_item {
  margin-top: 30px; }

.produit_details_item_header {
  margin-bottom: 20px; }
  .produit_details_item_header .list-inline {
    margin-bottom: 0;
    margin-left: 0;
    font-weight: 400;
    font-family: "Farsan", cursive;
    font-size: 30px;
    line-height: 32px;
    color: #8996a5; }
    .produit_details_item_header .list-inline.text-right > li .titleLvl2 {
      padding-right: 20px;
      padding-left: 0;
      background-image: url("../charte/images/icons/titleLvl2-right.svg");
      background-position: right top; }
    .produit_details_item_header .list-inline.text-right > li a.titleLvl2 {
      padding-right: 0;
      background: none; }
    .produit_details_item_header .list-inline > li {
      padding-right: 0;
      padding-left: 0;
      vertical-align: bottom; }
      .produit_details_item_header .list-inline > li + li::before {
        content: "-";
        display: inline-block;
        padding: 0;
        width: 20px;
        text-align: center; }
      .produit_details_item_header .list-inline > li a.titleLvl2 {
        padding-left: 0;
        font-size: inherit;
        line-height: inherit;
        background: none; }

.produit_details_item_body .liste_blocs > li {
  width: 25%; }

/* PRODUCT - Description */
.produit_desc .produit_details_item_body {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #dce5ec; }
  .produit_desc .produit_details_item_body .roll_desc {
    position: relative; }
    .produit_desc .produit_details_item_body .roll_desc .roll_desc_container {
      padding-top: 30px;
      padding-bottom: 30px; }
  .produit_desc .produit_details_item_body .roll_desc_left,
  .produit_desc .produit_details_item_body .roll_video {
    height: 375px;
    max-width: 100%; }
  .produit_desc .produit_details_item_body .roll_desc_left {
    max-height: 375px;
    margin-bottom: 15px; }
    .produit_desc .produit_details_item_body .roll_desc_left .roll_desc_container {
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      transform: translateY(-50%); }
  .produit_desc .produit_details_item_body .roll_video {
    margin: auto;
    position: relative;
    width: 450px;
    text-align: center; }
    .produit_desc .produit_details_item_body .roll_video #video_flash,
    .produit_desc .produit_details_item_body .roll_video a,
    .produit_desc .produit_details_item_body .roll_video object {
      display: block;
      margin-right: auto;
      margin-left: auto;
      height: inherit; }

@media (max-width: 1199px) {
  .produit_desc .produit_details_item_body .roll_desc_left {
    margin-bottom: 30px;
    height: auto;
    max-height: none; }
  .produit_desc .produit_details_item_body .simplebar-scroll-content {
    position: relative;
    overflow: visible;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto; } }

/* PRODUCT - Avis */
.list-inline > li.avis_partage_item {
  padding-left: 80px;
  min-height: 13px;
  background-repeat: no-repeat;
  background-position: left 3px; }
  .list-inline > li.avis_partage_item[data-notation="http://www.mot-a-mot.com/media/notation/note0.png"], .list-inline > li.avis_partage_item[data-notation=""] {
    background-image: url("../media/notation/note0.png"); }
  .list-inline > li.avis_partage_item[data-notation="http://www.mot-a-mot.com/media/notation/note1.png"] {
    background-image: url("../media/notation/note1.png"); }
  .list-inline > li.avis_partage_item[data-notation="http://www.mot-a-mot.com/media/notation/note2.png"] {
    background-image: url("../media/notation/note2.png"); }
  .list-inline > li.avis_partage_item[data-notation="http://www.mot-a-mot.com/media/notation/note3.png"] {
    background-image: url("../media/notation/note3.png"); }
  .list-inline > li.avis_partage_item[data-notation="http://www.mot-a-mot.com/media/notation/note4.png"] {
    background-image: url("../media/notation/note4.png"); }
  .list-inline > li.avis_partage_item[data-notation="http://www.mot-a-mot.com/media/notation/note5.png"] {
    background-image: url("../media/notation/note5.png"); }
  .list-inline > li.avis_partage_item img {
    display: none; }

/* PRODUCT - Avis - Lire */
.produit_avis_lire .titleLvl3 {
  margin-bottom: 15px; }

.produit_avis_lire .div_form_avis + .div_form_avis {
  margin-top: 30px; }

.produit_avis_lire .div_form_avis_header {
  margin-bottom: 3px;
  padding-left: 80px;
  min-height: 13px;
  background-repeat: no-repeat;
  background-position: left 4px; }
  .produit_avis_lire .div_form_avis_header[data-notation="http://www.mot-a-mot.com/media/notation/note0.png"] {
    background-image: url("../media/notation/note0.png"); }
  .produit_avis_lire .div_form_avis_header[data-notation="http://www.mot-a-mot.com/media/notation/note1.png"] {
    background-image: url("../media/notation/note1.png"); }
  .produit_avis_lire .div_form_avis_header[data-notation="http://www.mot-a-mot.com/media/notation/note2.png"] {
    background-image: url("../media/notation/note2.png"); }
  .produit_avis_lire .div_form_avis_header[data-notation="http://www.mot-a-mot.com/media/notation/note3.png"] {
    background-image: url("../media/notation/note3.png"); }
  .produit_avis_lire .div_form_avis_header[data-notation="http://www.mot-a-mot.com/media/notation/note4.png"] {
    background-image: url("../media/notation/note4.png"); }
  .produit_avis_lire .div_form_avis_header[data-notation="http://www.mot-a-mot.com/media/notation/note5.png"] {
    background-image: url("../media/notation/note5.png"); }
  .produit_avis_lire .div_form_avis_header img {
    display: none; }
  .produit_avis_lire .div_form_avis_header .bleu_14_b {
    display: inline-block;
    margin-right: 5px;
    font-size: 16px;
    line-height: 20px; }

/* PRODUCT - Avis - Form */
#conteneur_depose_avis .produit_avis_lire {
  display: none; }

.produit_avis_deposer .msg_success, .produit_avis_deposer .popupAddPanier .msg_erreur, .popupAddPanier .produit_avis_deposer .msg_erreur {
  margin-bottom: 20px; }

.produit_avis_form .produit_avis_form_header {
  margin-bottom: 15px; }

.produit_avis_form .produit_avis_form_body .msg_erreur {
  margin-bottom: 20px; }

.produit_avis_form .produit_avis_form_body .form-group-note {
  margin-bottom: 10px; }
  .produit_avis_form .produit_avis_form_body .form-group-note label {
    float: left;
    margin-right: 20px; }
  .produit_avis_form .produit_avis_form_body .form-group-note .list-inline {
    float: left;
    margin-bottom: 0; }
  .produit_avis_form .produit_avis_form_body .form-group-note .img_note {
    background: url("../charte/images/avis/etoile_off.svg") no-repeat top left;
    width: 15px;
    height: 15px;
    display: block;
    float: left;
    cursor: pointer; }
    .produit_avis_form .produit_avis_form_body .form-group-note .img_note + .img_note {
      margin-left: 2px; }
    .produit_avis_form .produit_avis_form_body .form-group-note .img_note:focus, .produit_avis_form .produit_avis_form_body .form-group-note .img_note:hover, .produit_avis_form .produit_avis_form_body .form-group-note .img_note:active, .produit_avis_form .produit_avis_form_body .form-group-note .img_note.active, .produit_avis_form .produit_avis_form_body .form-group-note .img_note.active_click {
      background-image: url("../charte/images/avis/etoile_on.svg"); }
  .produit_avis_form .produit_avis_form_body .form-group-note .notation_defaut,
  .produit_avis_form .produit_avis_form_body .form-group-note .notation_nom {
    float: left;
    padding-left: 10px;
    color: #01cb9e; }
  .produit_avis_form .produit_avis_form_body .form-group-note .notation_nom {
    display: none; }

.produit_avis_form .produit_avis_form_body .wrapButtonCenter {
  margin-top: 15px; }

/*==============================
    ACCOUNT
-------------------------------*/
/* ACCOUNT */
.pageAccount .titre_inscription {
  margin-top: 30px;
  margin-bottom: 10px; }

.pageAccount .mettre_panier {
  margin-top: 30px; }

.pageAccount .titre_voir_panier {
  margin-top: 30px; }

.pageAccount .afficher_masquer_panier {
  margin-top: 39px;
  text-align: right; }

.pageAccount .masquer_panier {
  margin-top: 10px;
  text-align: right; }

/* ACCOUNT - Desc */
.accountDesc {
  margin-bottom: 30px;
  padding: 30px;
  font-family: "Farsan", cursive;
  font-size: 20px;
  line-height: 22px;
  background-color: #005091;
  color: #fff;
  border-radius: 3px; }
  .accountDesc .titleLvl1 {
    margin-bottom: 5px;
    color: inherit; }

/* ACCOUNT - Aside */
.account_aside .account_opt + .account_opt {
  margin-top: 20px; }

.account_aside .account_opt_modify a::before {
  background-position: 0 0; }

.account_aside .account_opt_modify_id a::before {
  background-position: 0 -30px; }

.account_aside .account_opt_history a::before {
  background-position: 0 -60px; }

.account_aside .account_opt_address_book a::before {
  background-position: 0 -90px; }

.account_aside .account_opt_sav a::before {
  background-position: 0 -120px; }

.account_aside .account_opt_ba a::before {
  background-position: 0 -150px; }

.account_aside .account_opt_annonce a::before {
  background-position: 0 -180px; }

.account_aside .account_opt_wishlist a::before {
  background-position: 0 -210px; }

.account_aside a {
  display: inline-block;
  position: relative;
  padding: 6px 0 0 45px;
  min-height: 30px;
  font-size: 15px;
  line-height: 19px;
  text-transform: uppercase; }
  .account_aside a::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background: url("../charte/images/icons/account_opt.svg") no-repeat; }
  .account_aside a:focus, .account_aside a:hover, .account_aside a:active, .account_aside a.active {
    color: #005091; }

/* ACCOUNT - Header */
.accountHeader {
  margin-bottom: 30px; }

/* ACCOUNT - Body */
.accountBody .msg_erreur,
.accountBody .msg_warning,
.accountBody .msg_success,
.accountBody .popupAddPanier .msg_erreur, .popupAddPanier
.accountBody .msg_erreur {
  margin-bottom: 30px; }

.accountBody .conteneur_panier {
  overflow: hidden;
  height: 0;
  margin-top: 10px; }

.accountBody .bloc_inscription + .bloc_inscription {
  margin-top: 30px; }

.accountBody .bloc_inscription .titleLvl3 {
  margin-bottom: 10px; }

.accountBody .bloc_inscription .bi_centre {
  padding: 20px 30px;
  border: 3px solid #dce5ec;
  border-radius: 3px; }

.accountBody .bloc_inscription_form {
  border-radius: 0; }
  .accountBody .bloc_inscription_form .bi_centre {
    padding: 30px 0 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0; }
    .accountBody .bloc_inscription_form .bi_centre #div_autre_profession,
    .accountBody .bloc_inscription_form .bi_centre #div_autre_etablissement {
      padding-left: 60px; }
    .accountBody .bloc_inscription_form .bi_centre .wrapButtonCenter {
      margin-top: 30px; }

.accountBody .bloc_inscription_form_mode_connexion .checkbox {
  margin-bottom: 0; }

.accountBody .bloc_inscription_champs_obligatoire {
  margin-top: 30px;
  margin-bottom: 30px; }
  .accountBody .bloc_inscription_champs_obligatoire .champs_obligatoire {
    margin-top: 0; }

.accountBody .bloc_inscription_form_mode_livraison, .accountBody .bloc_inscription_form_gain_club, .accountBody .bloc_inscription_form_mode_paiement {
  margin-top: 30px;
  margin-bottom: 30px; }
  .accountBody .bloc_inscription_form_mode_livraison .form-group-checkbox, .accountBody .bloc_inscription_form_gain_club .form-group-checkbox, .accountBody .bloc_inscription_form_mode_paiement .form-group-checkbox,
  .accountBody .bloc_inscription_form_mode_livraison .form-group-radio, .accountBody .bloc_inscription_form_gain_club .form-group-radio, .accountBody .bloc_inscription_form_mode_paiement .form-group-radio {
    margin-bottom: 0; }
  .accountBody .bloc_inscription_form_mode_livraison .checkbox, .accountBody .bloc_inscription_form_gain_club .checkbox, .accountBody .bloc_inscription_form_mode_paiement .checkbox,
  .accountBody .bloc_inscription_form_mode_livraison .radio, .accountBody .bloc_inscription_form_gain_club .radio, .accountBody .bloc_inscription_form_mode_paiement .radio {
    margin-top: 0; }
    .accountBody .bloc_inscription_form_mode_livraison .checkbox + .tooltipBtn, .accountBody .bloc_inscription_form_gain_club .checkbox + .tooltipBtn, .accountBody .bloc_inscription_form_mode_paiement .checkbox + .tooltipBtn,
    .accountBody .bloc_inscription_form_mode_livraison .radio + .tooltipBtn, .accountBody .bloc_inscription_form_gain_club .radio + .tooltipBtn, .accountBody .bloc_inscription_form_mode_paiement .radio + .tooltipBtn {
      position: relative;
      top: 3px; }

.accountBody .bloc_inscription_form_relaisSo {
  text-align: left; }
  .accountBody .bloc_inscription_form_relaisSo hr {
    margin-top: 15px; }
  .accountBody .bloc_inscription_form_relaisSo .form-group-relais-cp .floatLabelInput {
    padding-right: 40px; }
  .accountBody .bloc_inscription_form_relaisSo .form-group-relais-cp img {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer; }
  .accountBody .bloc_inscription_form_relaisSo .list-point-mr-distance {
    position: relative;
    padding-right: 40; }
    .accountBody .bloc_inscription_form_relaisSo .list-point-mr-distance img {
      position: absolute;
      right: 0;
      top: 0; }
  .accountBody .bloc_inscription_form_relaisSo .horaire_sc {
    top: 20px !important;
    right: auto !important;
    width: 300px; }

.accountBody .bloc_inscription_gain_club {
  margin-bottom: 30px; }

.accountBody .bloc_inscription_form_gain_club {
  margin-top: 0; }
  .accountBody .bloc_inscription_form_gain_club .bi_centre {
    padding-right: 15px;
    padding-left: 15px; }

.accountBody .bloc_inscription_form_address_add .gris_12_b {
  display: inline-block;
  margin-bottom: 5px; }

.accountBody .bloc_inscription_form_address_add .text-center .btnMain {
  margin-top: 5px; }

.accountBody .bloc_inscription_form_mode_paiement {
  margin-top: 0; }
  .accountBody .bloc_inscription_form_mode_paiement .bi_centre {
    padding-right: 15px;
    padding-left: 15px; }
    .accountBody .bloc_inscription_form_mode_paiement .bi_centre .form-group {
      display: inline-block; }
      .accountBody .bloc_inscription_form_mode_paiement .bi_centre .form-group + .form-group {
        margin-left: 60px; }
      .accountBody .bloc_inscription_form_mode_paiement .bi_centre .form-group .radio {
        padding-right: 10px; }

.accountBody .bloc_inscription_cgv {
  margin-bottom: 30px; }
  .accountBody .bloc_inscription_cgv .form-group {
    margin-bottom: 0; }
  .accountBody .bloc_inscription_cgv .champs_obligatoire {
    margin-top: 10px; }

.accountBody .bloc_inscription_retractation {
  margin-bottom: 30px; }

.accountBody .bloc_inscription_address_book #adresse_libelle.input187 {
  margin-bottom: 0; }

.accountBody .bloc_inscription_annonce .titleLvl3 .rose_12 {
  font-weight: 400;
  color: #282d30; }

.accountBody .bloc_inscription_annonce .bi_centre hr {
  margin-top: 15px;
  margin-bottom: 15px; }

.accountBody .div_form_retractation .div_form_retractation_date .form-group {
  display: inline-block;
  vertical-align: top; }
  .accountBody .div_form_retractation .div_form_retractation_date .form-group + .form-group {
    margin-left: 15px; }
  .accountBody .div_form_retractation .div_form_retractation_date .form-group .div_form_retractation_date_text {
    display: inline-block;
    position: relative;
    top: 15px;
    font-weight: 400; }
  .accountBody .div_form_retractation .div_form_retractation_date .form-group .wrapLeft,
  .accountBody .div_form_retractation .div_form_retractation_date .form-group .date_commande {
    margin-bottom: 0;
    width: 150px; }

.accountBody .addr_save .wrapButtonCenter,
.accountBody .addr_save .wrapButtonSide {
  margin-top: 15px; }

@media (min-width: 768px) and (max-width: 1199px) {
  .accountBody .bloc_inscription_form_mode_paiement .bi_centre .form-group + .form-group {
    margin-left: 30px; } }

/* ACCOUNT - Footer */
.accountFooter {
  margin-top: 30px;
  margin-bottom: 30px; }

/*==============================
    CONTACT
-------------------------------*/
.pageContact .titleLvl3 {
  margin-bottom: 15px; }

/*==============================
    CART
-------------------------------*/
/* PROCESS */
.btn_payer a {
  display: inline-block;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: 13px;
  text-transform: uppercase;
  background-color: #f87868;
  border-radius: 18px;
  box-shadow: none; }
  .btn_payer a:focus, .btn_payer a:hover, .btn_payer a:active {
    background-color: #e46556;
    color: #fff; }

.msg_warning_process {
  margin-bottom: 20px; }

/* PROCESS - Manquant */
.panier_livraison_manquant {
  position: relative;
  padding-right: 15px;
  padding-left: 40px;
  height: auto;
  line-height: normal;
  text-align: left; }
  .panier_livraison_manquant .tooltipBtn {
    display: block;
    position: absolute;
    left: 15px;
    top: -2px;
    margin-right: 3px;
    width: 20px;
    height: 20px;
    border-color: #01cb9e; }
    .panier_livraison_manquant .tooltipBtn .svg circle, .panier_livraison_manquant .tooltipBtn .svg g, .panier_livraison_manquant .tooltipBtn .svg path, .panier_livraison_manquant .tooltipBtn .svg polygon,
    .btnPanierTool .svg circle, .btnPanierTool .svg g, .btnPanierTool .svg path, .btnPanierTool .svg polygon {
      fill: #01cb9e; }

/* STEPS */
.steps,
div#tunnel_process_surmesure {
  margin-top: 10px;
  padding: 0;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
  color: #8996a5; }
  .steps span,
  div#tunnel_process_surmesure span {
    float: none;
    margin: 0;
    padding: 0;
    height: auto;
    line-height: normal;
    background: none;
    color: inherit; }
  .steps .list-inline,
  div#tunnel_process_surmesure .list-inline {
    margin-bottom: 0;
    margin-left: 0; }
    .steps .list-inline > li + li::before,
    div#tunnel_process_surmesure .list-inline > li + li::before {
      content: "...";
      display: inline-block;
      position: relative;
      margin-left: -10px;
      width: 100px;
      height: 15px;
      font-family: "Farsan", cursive;
      font-size: 25px;
      line-height: 17px;
      text-align: center; }
    .steps .list-inline > .active,
    .steps .list-inline span.actif,
    div#tunnel_process_surmesure .list-inline > .active,
    div#tunnel_process_surmesure .list-inline span.actif {
      float: none;
      margin: 0;
      padding: 0;
      height: auto;
      line-height: normal;
      background: none; }
      .steps .list-inline > .active .litxt,
      .steps .list-inline span.actif .litxt,
      div#tunnel_process_surmesure .list-inline > .active .litxt,
      div#tunnel_process_surmesure .list-inline span.actif .litxt {
        color: #005091; }
      .steps .list-inline > .active .stepIcon .svg circle, .steps .list-inline > .active .stepIcon .svg g, .steps .list-inline > .active .stepIcon .svg path, .steps .list-inline > .active .stepIcon .svg polygon,
      .steps .list-inline span.actif .stepIcon .svg circle,
      .steps .list-inline span.actif .stepIcon .svg g,
      .steps .list-inline span.actif .stepIcon .svg path,
      .steps .list-inline span.actif .stepIcon .svg polygon,
      div#tunnel_process_surmesure .list-inline > .active .stepIcon .svg circle,
      div#tunnel_process_surmesure .list-inline > .active .stepIcon .svg g,
      div#tunnel_process_surmesure .list-inline > .active .stepIcon .svg path,
      div#tunnel_process_surmesure .list-inline > .active .stepIcon .svg polygon,
      div#tunnel_process_surmesure .list-inline span.actif .stepIcon .svg circle,
      div#tunnel_process_surmesure .list-inline span.actif .stepIcon .svg g,
      div#tunnel_process_surmesure .list-inline span.actif .stepIcon .svg path,
      div#tunnel_process_surmesure .list-inline span.actif .stepIcon .svg polygon {
        fill: #005091; }
    .steps .list-inline .litxt,
    div#tunnel_process_surmesure .list-inline .litxt {
      display: inline-block;
      position: relative;
      padding-top: 13px;
      padding-left: 45px;
      min-height: 35px;
      font-family: "Farsan", cursive;
      font-size: 25px;
      line-height: 17px;
      color: inherit; }
      .steps .list-inline .litxt a,
      div#tunnel_process_surmesure .list-inline .litxt a {
        font-weight: 400;
        color: inherit; }
        .steps .list-inline .litxt a:focus, .steps .list-inline .litxt a:hover, .steps .list-inline .litxt a:active,
        div#tunnel_process_surmesure .list-inline .litxt a:focus,
        div#tunnel_process_surmesure .list-inline .litxt a:hover,
        div#tunnel_process_surmesure .list-inline .litxt a:active {
          color: inherit; }
    .steps .list-inline .litxtStepCoordonnees,
    div#tunnel_process_surmesure .list-inline .litxtStepCoordonnees {
      padding-left: 60px; }
    .steps .list-inline .stepIcon,
    div#tunnel_process_surmesure .list-inline .stepIcon {
      position: absolute;
      left: 0;
      top: 0;
      width: 35px;
      height: 35px;
      background-repeat: no-repeat;
      background-position: left center; }
      .steps .list-inline .stepIcon .svg,
      div#tunnel_process_surmesure .list-inline .stepIcon .svg {
        position: relative;
        width: inherit;
        height: inherit; }
        .steps .list-inline .stepIcon .svg circle, .steps .list-inline .stepIcon .svg g, .steps .list-inline .stepIcon .svg path, .steps .list-inline .stepIcon .svg polygon,
        div#tunnel_process_surmesure .list-inline .stepIcon .svg circle,
        div#tunnel_process_surmesure .list-inline .stepIcon .svg g,
        div#tunnel_process_surmesure .list-inline .stepIcon .svg path,
        div#tunnel_process_surmesure .list-inline .stepIcon .svg polygon {
          fill: #8996a5; }
      .steps .list-inline .stepIcon .svgStepCoordonnees,
      div#tunnel_process_surmesure .list-inline .stepIcon .svgStepCoordonnees {
        top: -5px;
        width: 50px;
        height: 50px; }
      .steps .list-inline .stepIcon .svgStepRecapitulatif,
      div#tunnel_process_surmesure .list-inline .stepIcon .svgStepRecapitulatif {
        top: 3px;
        width: 30px;
        height: 30px; }

@media (max-width: 1199px) {
  .steps .list-inline > li + li::before,
  div#tunnel_process_surmesure .list-inline > li + li::before {
    width: 50px; }
  .produit_right .purpleChip {
    position: relative; } }

@media (max-width: 991px) {
  .steps .list-inline > .current .stepIcon,
  div#tunnel_process_surmesure .list-inline > .current .stepIcon {
    top: 0; }
  .steps .list-inline .stepIcon,
  div#tunnel_process_surmesure .list-inline .stepIcon {
    top: 5px; } }

@media (max-width: 767px) {
  .steps,
  div#tunnel_process_surmesure {
    margin-right: -10px;
    margin-bottom: 10px;
    margin-left: -10px; }
    .steps .list-inline > li + li::before,
    div#tunnel_process_surmesure .list-inline > li + li::before {
      content: "..";
      width: auto; }
    .steps .list-inline .litxt,
    div#tunnel_process_surmesure .list-inline .litxt {
      padding-left: 35px; }
    .steps .list-inline .litxtStepCoordonnees,
    div#tunnel_process_surmesure .list-inline .litxtStepCoordonnees {
      padding-left: 55px; }
    .steps .list-inline > .active .litxt,
    .steps .list-inline span.actif .litxt,
    div#tunnel_process_surmesure .list-inline > .active .litxt,
    div#tunnel_process_surmesure .list-inline span.actif .litxt {
      padding-left: 40px; }
    .steps .list-inline > .active .litxtStepCoordonnees,
    .steps .list-inline span.actif .litxtStepCoordonnees,
    div#tunnel_process_surmesure .list-inline > .active .litxtStepCoordonnees,
    div#tunnel_process_surmesure .list-inline span.actif .litxtStepCoordonnees {
      padding-left: 60px; }
    .steps .list-inline > .active .stepIcon,
    .steps .list-inline span.actif .stepIcon,
    div#tunnel_process_surmesure .list-inline > .active .stepIcon,
    div#tunnel_process_surmesure .list-inline span.actif .stepIcon {
      top: 2px; }
    .steps .list-inline > .active .stepText,
    .steps .list-inline span.actif .stepText,
    div#tunnel_process_surmesure .list-inline > .active .stepText,
    div#tunnel_process_surmesure .list-inline span.actif .stepText {
      margin-right: 3px;
      font-size: 18px; }
  .produit_right .purpleChip {
    position: absolute; } }

/* PROCESS - Total */
.panier_totaux,
ul#panier_elts {
  margin: 0;
  margin-bottom: 30px;
  padding: 30px 60px;
  text-align: right;
  background-color: #dce5ec;
  color: #697785;
  border-radius: 3px; }
  .panier_totaux .titleLvl1,
  ul#panier_elts .titleLvl1 {
    margin-bottom: 5px;
    text-transform: none;
    white-space: nowrap;
    color: #f87868; }
  .panier_totaux .pt_tva,
  ul#panier_elts .pt_tva {
    white-space: nowrap; }

ul#panier_elts {
  margin-bottom: 10px;
  padding: 15px;
  font-weight: 400; }
  ul#panier_elts li {
    margin: 0;
    padding: 0; }
    ul#panier_elts li + li {
      margin-top: 5px; }
  ul#panier_elts li.economie {
    color: #005091; }
  ul#panier_elts li.total {
    margin-bottom: 0; }
    ul#panier_elts li.total span {
      font-size: inherit; }

/*==============================
    CART
-------------------------------*/
/* PROCESS */
.pageProcess .titre_panier {
  margin-bottom: 20px; }

.pageProcess .mettre_wishlist {
  margin-top: 10px;
  margin-bottom: 30px;
  text-align: left; }
  .pageProcess .mettre_wishlist button {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: 700;
    background: none;
    color: #282d30;
    transition: all 0.5s; }
    .pageProcess .mettre_wishlist button:focus, .pageProcess .mettre_wishlist button:hover, .pageProcess .mettre_wishlist button:active {
      text-decoration: none;
      color: #01cb9e; }

.pageProcess .vider_panier {
  margin-top: 10px;
  margin-bottom: 30px;
  text-align: right; }

.pageProcess .panier_livraison_select .form-group {
  margin-bottom: 0; }

/* PROCESS - Commande référence */
.cmd_ref {
  margin-bottom: 30px;
  padding: 30px;
  text-align: center;
  background-color: #005091;
  color: #fff;
  border-radius: 3px; }
  .cmd_ref .titre_cmd_reference_off,
  .cmd_ref .conteneur_ref_cmd,
  .cmd_ref .display_form_cmd_ref {
    display: inline-block; }
  .cmd_ref .titleLvl1 {
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 10px;
    margin-bottom: 15px;
    color: inherit; }
  .cmd_ref .form-inline {
    display: inline-block; }
  .cmd_ref .form-group + .form-group {
    margin-left: 10px; }
  .cmd_ref .gris_12_b {
    display: inline-block;
    margin-right: 5px; }
  .cmd_ref .inp_text_news {
    margin-bottom: 0;
    border: none;
    width: 200px; }
  .cmd_ref #cmd_qte_prod {
    width: 90px;
    text-align: center; }

/* PROCESS - Table */
.table_panier {
  width: 100%;
  min-width: 100%; }
  .table_panier .table_panier_col_1 {
    width: 8.33333333%; }
  .table_panier .table_panier_col_2 {
    width: 16.66666667%; }
  .table_panier .table_panier_col_4 {
    width: 33.33333333%; }
  .table_panier .table_panier_col_5 {
    width: 41.66666667%; }
  .table_panier tr > th,
  .table_panier tr > td {
    padding-right: 7.5px;
    padding-left: 7.5px; }
    .table_panier tr > th:first-child,
    .table_panier tr > td:first-child {
      padding-left: 15px; }
    .table_panier tr > th:last-child,
    .table_panier tr > td:last-child {
      padding-right: 15px; }
  .table_panier thead {
    background-color: #dce5ec;
    color: #697785;
    border-radius: 3px; }
    .table_panier thead tr > th,
    .table_panier thead tr > td {
      padding-top: 10px;
      padding-bottom: 10px;
      font-weight: 400; }
  .table_panier tbody tr {
    border-bottom: 3px solid #dce5ec; }
    .table_panier tbody tr > th,
    .table_panier tbody tr > td {
      padding-top: 30px;
      padding-bottom: 30px;
      vertical-align: middle; }
  .table_panier tbody .panier_content + tr {
    border-bottom: 0; }
  .table_panier tbody .panier_content + .ligne0,
  .table_panier tbody .panier_content + .ligne1 {
    border-bottom: 3px solid #dce5ec; }
  .table_panier tbody .panier_content .panier_livraison_manquant {
    padding-right: 0;
    padding-left: 0; }
  .table_panier .panier_image {
    display: block; }
    .table_panier .panier_image a {
      display: block; }
    .table_panier .panier_image img {
      width: auto;
      height: auto;
      max-width: 100%; }
  .table_panier .panier_desc .panier_produit_nom {
    margin-bottom: 3px; }
    .table_panier .panier_desc .panier_produit_nom a:focus, .table_panier .panier_desc .panier_produit_nom a:hover, .table_panier .panier_desc .panier_produit_nom a:active {
      opacity: .7; }
  .table_panier .panier_desc .panier_produit_auteurs {
    margin-bottom: 10px;
    font-weight: 400;
    font-family: "Farsan", cursive;
    font-size: 16px;
    line-height: 18px; }
    .table_panier .panier_desc .panier_produit_auteurs a {
      font-weight: inherit;
      color: inherit; }
      .table_panier .panier_desc .panier_produit_auteurs a:focus, .table_panier .panier_desc .panier_produit_auteurs a:hover, .table_panier .panier_desc .panier_produit_auteurs a:active {
        opacity: .7; }
  .table_panier .panier_buttons_icon a {
    display: inline-block;
    position: relative;
    top: -3px; }
    .table_panier .panier_buttons_icon a + a {
      top: 3px;
      margin-left: 10px; }

.table_panier_livraison tbody tr {
  border-bottom: 0; }

.table_panier_livraison_ba tbody tr {
  border-bottom: 0; }

.table_panier_history {
  margin-bottom: 30px; }

.conteneur_panier + .table_panier_livraison {
  margin-top: 10px; }

@media (min-width: 992px) and (max-width: 1199px) {
  .table_panier .table_panier_col_1 {
    width: 12%; } }

@media (min-width: 768px) and (max-width: 991px) {
  .table_panier .table_panier_col_1 {
    width: 15%; } }

/* PROCESS - Promo code */
.promocode {
  position: relative;
  float: right;
  margin-bottom: 30px; }
  .promocode .msg_erreur {
    margin-bottom: 30px; }
  .promocode .form-group {
    margin-bottom: 0; }
  .promocode label {
    margin-right: 5px; }
  .promocode .inp_texte {
    margin-bottom: 0;
    padding-right: 50px;
    width: 270px; }
  .promocode .inp_submit {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    border: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    background-color: transparent;
    color: #697785;
    outline: 0; }
    .promocode .inp_submit:focus, .promocode .inp_submit:hover, .promocode .inp_submit:active {
      border: 0; }

@media (min-width: 768px) and (max-width: 1199px) {
  .promocode {
    padding-top: 7.5px; }
    .promocode .inp_texte {
      width: 100%; } }

/* PROCESS - Panier */
.process_wishlist .wrapButtonRight {
  margin-top: 30px; }

/* PROCESS - Recapitulatif */
.bloc_inscription_form_ba .checkbox {
  margin-top: 0; }

/*==============================
    SITEMAP
-------------------------------*/
.pageSitemap .titleLvl4, .pageSitemap .popover-title {
  margin-bottom: 5px; }

.pageSitemap .list-unstyled {
  margin-bottom: 0; }
  .pageSitemap .list-unstyled ~ .titleLvl4, .pageSitemap .list-unstyled ~ .popover-title {
    margin-top: 20px; }
  .pageSitemap .list-unstyled > li a {
    font-weight: 400; }

/*==============================
    ANNONCE
-------------------------------*/
/* ANNONCE - Depose */
.conteneur_depose_annonce {
  overflow: hidden;
  height: 0; }

/*==============================
    FOOTER
-------------------------------*/
/* FOOTER - Top */
.wrapFooterTop {
  background-color: #005091;
  color: #ffffff;
  padding: 60px 0 30px; }
  .wrapFooterTop .logo {
    text-align: center; }
  .wrapFooterTop a {
    color: #ffffff;
    transition: all 0.5s; }
    .wrapFooterTop a:focus, .wrapFooterTop a:hover, .wrapFooterTop a:active, .wrapFooterTop a.active {
      text-decoration: underline; }
  .wrapFooterTop .svg {
    position: relative;
    width: 40px;
    height: 40px; }
    .wrapFooterTop .svg g, .wrapFooterTop .svg path, .wrapFooterTop .svg polygon {
      fill: #ffffff; }
  .wrapFooterTop .svgTw {
    top: 2px; }

@media (max-width: 991px) {
  .wrapFooterTop {
    padding-top: 20px;
    padding-bottom: 20px; }
    .wrapFooterTop .logo {
      margin-bottom: 30px; } }

/* FOOTER - List */
.footerList .titleLvl5 {
  margin-bottom: 20px;
  color: inherit; }

.footerList a {
  font-weight: 400; }

.footerListMobileContent .list-unstyled > li + li {
  margin-top: 5px; }

/* FOOTER - Newsletter */
.footerNewsletter .titleLvl5 {
  white-space: nowrap; }

.footerNewsletter a {
  font-weight: 700; }

.blocFormNewsletter {
  margin-top: 20px;
  margin-bottom: 0;
  width: 100%;
  background: #005091;
  position: relative;
  transition: all 0.5s; }
  .blocFormNewsletter label br {
    display: none; }
  .blocFormNewsletter .form-group {
    position: relative;
    margin-bottom: 0; }
    .blocFormNewsletter .form-group input[type=text] {
      margin-bottom: 0;
      padding-right: 50px; }
  .blocFormNewsletter input {
    border: none;
    margin-bottom: 0;
    padding-right: 50px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    /* WebKit, Blink, Edge */
    /* Mozilla Firefox 4 to 18 */
    /* Mozilla Firefox 19+ */
    /* Internet Explorer 10-11 */ }
    .blocFormNewsletter input::-webkit-input-placeholder {
      color: #005091; }
    .blocFormNewsletter input:-moz-placeholder {
      color: #005091;
      opacity: 1; }
    .blocFormNewsletter input::-moz-placeholder {
      color: #005091;
      opacity: 1; }
    .blocFormNewsletter input:-ms-input-placeholder {
      color: #005091; }
    .blocFormNewsletter input:hover, .blocFormNewsletter input:focus, .blocFormNewsletter input:active {
      border: 0; }
  .blocFormNewsletter .inp_submit {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    border: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    background-color: transparent;
    color: #005091;
    outline: 0; }
    .blocFormNewsletter .inp_submit:focus, .blocFormNewsletter .inp_submit:hover, .blocFormNewsletter .inp_submit:active {
      border: 0; }

#cms .blocFormNewsletter {
  margin-bottom: 0; }

@media (max-width: 991px) {
  .footerNewsletter .titleLvl5 {
    margin-bottom: 0; }
  .blocFormNewsletter {
    margin-top: 10px;
    margin-bottom: 15px; } }

@media (max-width: 767px) {
  .footerNewsletter {
    text-align: left; } }

/* FOOTER - Social */
.footerSocial {
  margin-top: 45px;
  white-space: nowrap; }
  .footerSocial .titleLvl5 {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
    padding-top: 20px; }
  .footerSocial .list-inline {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top; }
    .footerSocial .list-inline a:focus .svg, .footerSocial .list-inline a:hover .svg, .footerSocial .list-inline a:active .svg {
      transform: scale(1.25); }
    .footerSocial .list-inline a .svg {
      transition: all 0.5s; }

@media (max-width: 991px) {
  .footerSocial {
    margin-top: 20px; } }

@media (max-width: 767px) {
  .footerSocial {
    text-align: left; }
    .footerSocial .titleLvl5 {
      display: block;
      padding-top: 0; }
    .footerSocial .list-inline {
      display: block;
      margin-top: 15px;
      margin-right: auto;
      margin-left: auto;
      text-align: center; } }

/*==============================
    FOOTER
-------------------------------*/
/* FOOTER - Top */
/*.wrapFooterTop {
    background-color: $footertopbcolor;
    color: $footertopcolor;
    padding: ($gutter*2) 0 $gutter;
    .logo {
        text-align: center;
    }
    a {
        color: $footertopcolor;
        @include transition(all 0.5s);
        &:focus, &:hover, &:active, &.active {
            text-decoration: underline;
        }
    }
    .svg {
        position: relative;
        width: 40px;
        height: 40px;
        g, path, polygon {
            fill: #ffffff;
        }
    }
    .svgFb {}
    .svgTw {
        top: 2px;
    }
}
@include mediaquery-xs-sm {
    .wrapFooterTop {
        padding-top: ($gutter/1.5);
        padding-bottom: ($gutter/1.5);
        .logo {
            margin-bottom: $gutter;
        }
    }
}*/
/* FOOTER - List */
/*.footerList {
    .titleLvl5 {
        margin-bottom: ($gutter/1.5);
        color: inherit;
    }
    a {
        font-weight: $fwregular;
    }
}
    .footerListMobileContent {
        .list-unstyled {
            > li {
                + li {
                    margin-top: ($gutter/6);
                }
            }
        }
    }*/
/* FOOTER - Newsletter */
/*.footerNewsletter {
    .titleLvl5 {
        white-space: nowrap;
    }
    a {
        font-weight: $fwbold;
    }
}
.blocFormNewsletter {
    margin-top: ($gutter/1.5);
    margin-bottom: 0;
    width: 100%;
    //height: 50px;
    //border: $inputbsize solid transparent;
    background: $footertopbcolor;
    position: relative;
    @include transition(all 0.5s);
    &:hover, &:focus, &:active {
        //border: $inputbsize solid darken($inputbordercolor, 5%);
    }
    input {
        border: none;
        margin-bottom: 0;
        padding-right: 50px;
        //width: $searchinputwidth;
        width: 100%;
        height: $searchinputheight;
        line-height: $searchinputlheight;
        @include placeholder($footertopbcolor);
        &:hover, &:focus, &:active {
            border: 0;
        }
    }
    .inp_submit {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
        width: 50px;
        height: 50px;
        border: 0;
        font-weight: $fwbold;
        font-size: 16px;
        line-height: 50px;
        text-align: center;
        background-color: transparent;
        color: $maincolor;
        outline: 0;
        &:focus, &:hover, &:active {
            border: 0;
        }
    }
}
@include mediaquery-xs-sm {
    .footerNewsletter {
        .titleLvl5 {
            margin-bottom: 0;
        }
    }
    .blocFormNewsletter {
        margin-top: ($gutter/3);
        margin-bottom: ($gutter/2);
    }
}*/
/* FOOTER - Social */
/*.footerSocial {
    margin-top: ($gutter*1.5);
    white-space: nowrap;
    .titleLvl5 {
        display: inline-block;
        margin-right: ($gutter/3);
        margin-bottom: 0;
        padding-top: ($gutter/1.5);
    }
    .list-inline {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: top;
        a {
            &:focus, &:hover, &:active {
                .svg {
                    -webkit-transform: scale(1.25);
                    -moz-transform: scale(1.25);
                    -ms-transform: scale(1.25);
                    -o-transform: scale(1.25);
                    transform: scale(1.25);
                }
            }
            .svg {
                @include transition(all 0.5s);
            }
        }
    }
}
@include mediaquery-xs-sm {
    .footerSocial {
        margin-top: ($gutter/1.5);
        .titleLvl5 {
            //display: block;
            //margin-right: 0;
            //padding-top: 0;
        }
        .list-inline {
            //display: block;
            //margin-top: ($gutter/1.5);
            //margin-left: -($gutter/3);
            //text-align: center;
            //> li {
            //    padding-right: ($gutter/3);
            //    padding-left: ($gutter/3);
            //}
        }
    }
}*/
/* FOOTER - Bottom */
.wrapFooterBottom {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 13px;
  background-color: #003d6f;
  color: #ffffff; }
  .wrapFooterBottom a {
    font-weight: 400;
    color: #ffffff; }
    .wrapFooterBottom a:focus, .wrapFooterBottom a:hover, .wrapFooterBottom a:active, .wrapFooterBottom a.active {
      text-decoration: underline;
      /*color: $maincolor;*/ }
  .wrapFooterBottom .list-inline {
    margin-bottom: 0;
    margin-left: -10px; }
    .wrapFooterBottom .list-inline > li {
      position: relative;
      padding-right: 5px;
      padding-left: 10px; }
      .wrapFooterBottom .list-inline > li + li::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 3px;
        width: 1px;
        height: 12px;
        background-color: #ffffff; }
    .wrapFooterBottom .list-inline a {
      display: inline-block;
      color: #ffffff; }

@media (max-width: 991px) {
  .wrapFooterBottom {
    text-align: center; }
    .wrapFooterBottom > .container > .row > [class*='col-'] + [class*='col-'] {
      margin-top: 3px; }
    .wrapFooterBottom > .container > .row > [class*='col-'] > .list-inline {
      margin-left: 0; }
      .wrapFooterBottom > .container > .row > [class*='col-'] > .list-inline > li {
        padding-right: 0;
        padding-left: 0; }
        .wrapFooterBottom > .container > .row > [class*='col-'] > .list-inline > li + li::before {
          display: none; } }

@media (max-width: 767px) {
  .wrapFooterBottom > .container > .row > [class*='col-'] > .list-inline > li:last-child {
    display: block; }
  .wrapFooterBottom #mentions {
    margin-top: 3px; } }

#prod_total_gain {
  margin-top: 4%;
  font-weight: bold;
  color: #01cb9e;
}

.btnStyle {
  margin-top: 4%;
}

.bonAchatMsg {
  border: 1px solid #dce5ec;
  width: 667px;
  height: 112px;
  padding: 33px 15px;
  font-weight: bold;
}

.tdColumn {
  border: 1px solid #dce5ec;
}

.totalGain {
  margin-top: 38px;
  margin-left: 71px;
  position: absolute;
}

.newTop {
  margin-top: 12%;
}

.btnPanierTool {
  margin-top: 7px;
  height: 22px;
}