/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
@font-face {
  font-family: ando-bold;
  src: url("https://www.lecomptoirlocal.fr/font/ando_bold.eot") format("eot"), url("https://www.lecomptoirlocal.fr/font/ando_bold.woff") format("woff"), url("https://www.lecomptoirlocal.fr/font/ando_bold.ttf") format("truetype"); }
@font-face {
  font-family: ando-light;
  src: url("https://www.lecomptoirlocal.fr/font/ando_light.eot") format("eot"), url("https://www.lecomptoirlocal.fr/font/ando_light.woff") format("woff"), url("https://www.lecomptoirlocal.fr/font/ando_light.ttf") format("truetype"); }
@font-face {
  font-family: ando-regular;
  src: url("https://www.lecomptoirlocal.fr/font/ando_regular.eot") format("eot"), url("https://www.lecomptoirlocal.fr/font/ando_regular.woff") format("woff"), url("https://www.lecomptoirlocal.fr/font/ando_regular.ttf") format("truetype"); }
@font-face {
  font-family: ando-semibold;
  src: url("https://www.lecomptoirlocal.fr/font/ando_semibold.eot") format("eot"), url("https://www.lecomptoirlocal.fr/font/ando_semibold.woff") format("woff"), url("https://www.lecomptoirlocal.fr/font/ando_semibold.ttf") format("truetype"); }
@font-face {
  font-family: ando-thin;
  src: url("https://www.lecomptoirlocal.fr/font/ando_thin.eot") format("eot"), url("https://www.lecomptoirlocal.fr/font/ando_thin.woff") format("woff"), url("https://www.lecomptoirlocal.fr/font/ando_thin.ttf") format("truetype"); }
@font-face {
  font-family: flood-std;
  src: url("https://www.lecomptoirlocal.fr/font/floodstd.eot") format("eot"), url("https://www.lecomptoirlocal.fr/font/floodstd.woff") format("woff"), url("https://www.lecomptoirlocal.fr/font/floodstd.ttf") format("truetype"); }
@font-face {
  font-family: signika-bold;
  src: url("https://www.lecomptoirlocal.fr/font/signika-bold.eot") format("eot"), url("https://www.lecomptoirlocal.fr/font/signika-bold.woff") format("woff"), url("https://www.lecomptoirlocal.fr/font/signika-bold.ttf") format("truetype"); }
@font-face {
  font-family: signika-light;
  src: url("https://www.lecomptoirlocal.fr/font/signika-light.eot") format("eot"), url("https://www.lecomptoirlocal.fr/font/signika-light.woff") format("woff"), url("https://www.lecomptoirlocal.fr/font/signika-light.ttf") format("truetype"); }
@font-face {
  font-family: signika-regular;
  src: url("https://www.lecomptoirlocal.fr/font/signika-regular.eot") format("eot"), url("https://www.lecomptoirlocal.fr/font/signika-regular.woff") format("woff"), url("https://www.lecomptoirlocal.fr/font/signika-regular.ttf") format("truetype"); }
@font-face {
  font-family: signika-semibold;
  src: url("https://www.lecomptoirlocal.fr/font/signika-semibold.eot") format("eot"), url("https://www.lecomptoirlocal.fr/font/signika-semibold.woff") format("woff"), url("https://www.lecomptoirlocal.fr/font/signika-semibold.ttf") format("truetype"); }
@font-face {
  font-family: faraco;
  src: url("https://www.lecomptoirlocal.fr/font/faraco_hand.eot") format("eot"), url("https://www.lecomptoirlocal.fr/font/faraco_hand.woff") format("woff"), url("https://www.lecomptoirlocal.fr/font/faraco_hand.ttf") format("truetype"); }
@font-face {
  font-family: moonflower;
  src: url("https://www.lecomptoirlocal.fr/font/moonflower.ttf") format("truetype"); }
@font-face {
  font-family: moonflower-bold;
  src: url("https://www.lecomptoirlocal.fr/font/moonflowerbold.ttf") format("truetype"); }
@font-face {
  font-family: grota-rounded-xtra-bold;
  src: url("../font/GrotaRoundedExtraBold.otf") format("opentype"); }
@font-face {
  font-family: grota-sans-alt-bold;
  src: url("../font/GrotaSansAltBold.otf") format("opentype"); }
@font-face {
  font-family: grota-sans-alt-medium;
  src: url("../font/GrotaSansAltMedium.otf") format("opentype"); }
@font-face {
  font-family: grota-sans-alt-semibold;
  src: url("../font/GrotaSansAltSemiBold.otf") format("opentype"); }
@font-face {
  font-family: grota-rounded-bold;
  src: url("../font/GrotaRoundedBold.otf") format("opentype"); }
/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
header #fixed-logo-area {
  width: 150px;
  height: 100px;
  position: absolute;
  background-color: #FFFFFC;
  left: 0;
  top: 0;
  border: 3px #FFFFFC solid;
  text-align: center;
  z-index: 300;
  display: table; }
  header #fixed-logo-area a {
    display: table-cell;
    vertical-align: middle; }
    header #fixed-logo-area a img {
      width: 74px; }
header #mobile-fixed-header {
  height: 40px;
  background-color: #6EC0AF; }
  header #mobile-fixed-header #mobile-site-name {
    text-align: center;
    height: 40px;
    font-size: 18px;
    font-family: grota-rounded-xtra-bold;
    color: #FFFFFF;
    position: absolute;
    width: 100%;
    line-height: 2.4; }
  header #mobile-fixed-header #mobile-logo {
    display: block;
    height: 40px;
    padding: 5px 15px; }
    header #mobile-fixed-header #mobile-logo img {
      height: 100%; }
  header #mobile-fixed-header #mobile-menu-opener {
    position: absolute;
    right: 9px;
    top: 0px;
    padding: 4px 12px;
    color: #FFFFFF;
    font-size: 25px;
    height: 40px;
    width: 40px; }
  header #mobile-fixed-header.open {
    background-color: #FFFFFC; }
    header #mobile-fixed-header.open #mobile-site-name {
      color: #6EC0AF; }
    header #mobile-fixed-header.open #mobile-logo {
      display: block;
      height: 40px;
      padding: 5px 15px; }
      header #mobile-fixed-header.open #mobile-logo img {
        height: 100%; }
    header #mobile-fixed-header.open #mobile-menu-opener {
      color: #6EC0AF; }
header #mobile-top-nav-content {
  background-color: #FFFFFF;
  top: 0px;
  left: 0;
  right: 0;
  height: 100vh;
  overflow-y: auto;
  padding-top: 40px;
  z-index: 100; }
  header #mobile-top-nav-content #mobile-top-nav-content-list {
    padding: 0;
    padding-bottom: 70px; }
    header #mobile-top-nav-content #mobile-top-nav-content-list li.menu-title {
      background-color: #edeae6;
      font-weight: bolder;
      border-top: 1px solid #d5d4d0;
      padding: 8px 15px; }
    header #mobile-top-nav-content #mobile-top-nav-content-list li.menu-link {
      border-top: 1px solid #d5d4d0; }
      header #mobile-top-nav-content #mobile-top-nav-content-list li.menu-link a {
        display: block;
        width: 100%;
        text-decoration: none;
        color: #333333;
        padding: 8px 15px; }
        header #mobile-top-nav-content #mobile-top-nav-content-list li.menu-link a:hover {
          color: #6EC0AF; }
    header #mobile-top-nav-content #mobile-top-nav-content-list li.category {
      border-top: 1px solid #d5d4d0; }
      header #mobile-top-nav-content #mobile-top-nav-content-list li.category .category-name {
        display: block;
        padding: 8px 15px; }
      header #mobile-top-nav-content #mobile-top-nav-content-list li.category.inactive .category-name:after {
        content: "\f078";
        font-family: FontAwesome;
        font-size: 14px;
        display: inline-block;
        float: right; }
      header #mobile-top-nav-content #mobile-top-nav-content-list li.category.inactive ul.sub-categories-list {
        display: none; }
      header #mobile-top-nav-content #mobile-top-nav-content-list li.category.active .category-name:after {
        content: "\f077";
        font-family: FontAwesome;
        font-size: 14px;
        display: inline-block;
        float: right; }
      header #mobile-top-nav-content #mobile-top-nav-content-list li.category.active ul.sub-categories-list {
        display: block; }
      header #mobile-top-nav-content #mobile-top-nav-content-list li.category ul.sub-categories-list {
        margin: 0;
        padding-left: 6px;
        padding-right: 6px;
        list-style-type: none; }
        header #mobile-top-nav-content #mobile-top-nav-content-list li.category ul.sub-categories-list li {
          border-top: 1px solid #edeae6; }
          header #mobile-top-nav-content #mobile-top-nav-content-list li.category ul.sub-categories-list li a {
            display: block;
            width: 100%;
            text-decoration: none;
            padding-left: 25px;
            padding-top: 5px;
            padding-bottom: 5px;
            color: #333333; }
            header #mobile-top-nav-content #mobile-top-nav-content-list li.category ul.sub-categories-list li a:hover {
              color: #6EC0AF; }
    header #mobile-top-nav-content #mobile-top-nav-content-list .connexion-links {
      font-size: 18px;
      color: #6EC0AF;
      padding: 10px 5px;
      font-weight: normal !important; }
      header #mobile-top-nav-content #mobile-top-nav-content-list .connexion-links a {
        color: #6EC0AF; }
        header #mobile-top-nav-content #mobile-top-nav-content-list .connexion-links a:hover {
          text-decoration: none; }
    header #mobile-top-nav-content #mobile-top-nav-content-list .cart-link {
      font-size: 18px;
      color: #6EC0AF;
      padding: 10px 5px;
      font-weight: normal !important; }
      header #mobile-top-nav-content #mobile-top-nav-content-list .cart-link a {
        color: #6EC0AF; }
        header #mobile-top-nav-content #mobile-top-nav-content-list .cart-link a:hover {
          text-decoration: none; }
header #mobile-product-nav-fixed {
  background-color: #edeae6; }
  header #mobile-product-nav-fixed #mobile-nav-cat {
    padding: 0;
    margin: 0;
    float: left; }
    header #mobile-product-nav-fixed #mobile-nav-cat li {
      display: inline-block;
      padding: 10px;
      font-size: 17px; }
      header #mobile-product-nav-fixed #mobile-nav-cat li.open-dialog:after {
        content: "\f077";
        font-family: FontAwesome;
        padding-left: 5px; }
      header #mobile-product-nav-fixed #mobile-nav-cat li.close-dialog:after {
        content: "\f078";
        font-family: FontAwesome;
        padding-left: 5px; }
header #first-row {
  height: 35px;
  background-color: #FFFFFC;
  color: #6EC0AF;
  font-size: 13px;
  line-height: 1.8;
  z-index: 200; }
  header #first-row .header-site-name {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 35px;
    line-height: 2.2;
    font-family: grota-rounded-xtra-bold;
    font-size: 18px;
    padding-left: 113px;
    z-index: -1; }
  header #first-row a {
    color: #6EC0AF; }
    header #first-row a:hover {
      color: #6EC0AF;
      text-decoration: none; }
  header #first-row .list-inline {
    margin-bottom: 0; }
  header #first-row .left-block {
    float: left;
    font-size: 14px;
    font-family: grota-sans-alt-bold;
    display: table;
    height: 100%;
    padding-left: 15px; }
    header #first-row .left-block li {
      display: table-cell;
      vertical-align: middle;
      line-height: 2.8;
      letter-spacing: 0.01em; }
    header #first-row .left-block a, header #first-row .left-block a:hover, header #first-row .left-block a:focus {
      text-decoration: none; }
  header #first-row .right-block {
    float: right;
    padding-top: 7px;
    padding-right: 10px;
    font-size: 14px;
    font-family: grota-sans-alt-bold;
    letter-spacing: 0.01em; }
    header #first-row .right-block .date-livraison .triangle {
      margin-left: 4px;
      margin-bottom: 2px;
      border-top-color: #6EC0AF;
      display: inline-block; }
    header #first-row .right-block .date-livraison ul.date-livraison-container {
      display: none;
      position: absolute;
      z-index: 100;
      margin-left: -26px;
      background-color: #FFFFFF;
      list-style-type: none;
      padding: 5px 10px;
      border: #6EC0AF 1px solid;
      border-top: none;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px; }
      header #first-row .right-block .date-livraison ul.date-livraison-container li {
        color: #333333; }
        header #first-row .right-block .date-livraison ul.date-livraison-container li .check-container {
          background-color: #FFFFFF;
          border: 1px #6EC0AF solid;
          border-radius: 50%;
          height: 13px;
          width: 13px;
          color: #FFFFFF;
          text-align: center;
          display: inline-block;
          position: relative;
          bottom: -2px;
          margin-right: 2px; }
        header #first-row .right-block .date-livraison ul.date-livraison-container li:hover {
          color: #6EC0AF; }
          header #first-row .right-block .date-livraison ul.date-livraison-container li:hover .check-container {
            background-color: #6EC0AF; }
        header #first-row .right-block .date-livraison ul.date-livraison-container li.checked {
          color: #6EC0AF; }
          header #first-row .right-block .date-livraison ul.date-livraison-container li.checked .check-container {
            background-color: #6EC0AF; }
            header #first-row .right-block .date-livraison ul.date-livraison-container li.checked .check-container:before {
              position: absolute;
              bottom: -2px;
              left: 1px;
              font-size: 9px;
              content: "\f00c";
              font-family: FontAwesome; }
header #second-row {
  background-color: #FFFFFC;
  height: 65px;
  color: #6EC0AF; }
  header #second-row .second-row-container {
    background-color: #6EC0AF;
    height: 65px;
    border-top-left-radius: 30px; }
    header #second-row .second-row-container > .list-inline-block {
      margin-bottom: 0;
      padding-left: 0;
      display: inline-block;
      height: 65px;
      font-size: 12px; }
      header #second-row .second-row-container > .list-inline-block > li {
        display: table-cell;
        width: 82px;
        line-height: 1;
        height: 65px;
        vertical-align: middle;
        text-align: center; }
        header #second-row .second-row-container > .list-inline-block > li#nav-autre #other-sub-nav li {
          display: none; }
        header #second-row .second-row-container > .list-inline-block > li a {
          color: #FFFFFC;
          text-decoration: none; }
      header #second-row .second-row-container > .list-inline-block.left-block {
        border-top-left-radius: 30px;
        margin-left: -1px; }
        header #second-row .second-row-container > .list-inline-block.left-block > li .cat-sub-nav {
          padding: 0;
          padding-bottom: 3px;
          background-color: #FFFFFC;
          position: absolute;
          top: 65px;
          list-style-type: none;
          width: 230px;
          display: none;
          text-align: left;
          border-bottom-right-radius: 30px;
          font-family: grota-sans-alt-medium; }
          header #second-row .second-row-container > .list-inline-block.left-block > li .cat-sub-nav .title {
            margin-top: 5px;
            margin-bottom: 4px;
            color: #6EC0AF;
            font-size: 1.8em;
            display: block;
            padding-left: 15px; }
          header #second-row .second-row-container > .list-inline-block.left-block > li .cat-sub-nav > li > ul {
            list-style-type: none;
            padding: 0;
            padding-top: 3px;
            width: 100%; }
            header #second-row .second-row-container > .list-inline-block.left-block > li .cat-sub-nav > li > ul > li {
              width: 100%;
              display: table; }
              header #second-row .second-row-container > .list-inline-block.left-block > li .cat-sub-nav > li > ul > li a {
                color: #4A4A4A;
                width: 100%;
                display: table-cell;
                vertical-align: middle;
                height: 25px;
                padding-left: 15px;
                font-size: 14px; }
                header #second-row .second-row-container > .list-inline-block.left-block > li .cat-sub-nav > li > ul > li a:hover {
                  color: #6EC0AF; }
          header #second-row .second-row-container > .list-inline-block.left-block > li .cat-sub-nav#other-sub-nav a {
            color: #6EC0AF; }
        header #second-row .second-row-container > .list-inline-block.left-block > li > a.nav-link-container {
          display: table;
          height: 100%;
          width: 100%;
          font-size: 12px;
          font-family: grota-rounded-bold; }
          header #second-row .second-row-container > .list-inline-block.left-block > li > a.nav-link-container:hover {
            background-color: #FFFFFC;
            color: #6EC0AF; }
          header #second-row .second-row-container > .list-inline-block.left-block > li > a.nav-link-container > div {
            display: table-cell;
            vertical-align: middle;
            line-height: 1.2;
            letter-spacing: 0.05em; }
        header #second-row .second-row-container > .list-inline-block.left-block > li.active > a {
          background-color: #FFFFFC;
          color: #6EC0AF; }
        header #second-row .second-row-container > .list-inline-block.left-block #nav-boulangerie {
          width: 100px; }
        header #second-row .second-row-container > .list-inline-block.left-block #nav-autre {
          display: none; }
          header #second-row .second-row-container > .list-inline-block.left-block #nav-autre:hover .cat-sub-nav {
            display: block; }
          header #second-row .second-row-container > .list-inline-block.left-block #nav-autre div {
            height: 65px; }
            header #second-row .second-row-container > .list-inline-block.left-block #nav-autre div img {
              height: 63px; }
      header #second-row .second-row-container > .list-inline-block.right-block {
        float: right;
        padding-right: 15px; }
        header #second-row .second-row-container > .list-inline-block.right-block li {
          height: 65px;
          width: 0;
          vertical-align: middle; }
          header #second-row .second-row-container > .list-inline-block.right-block li #link-search-cancel {
            padding-right: 15px;
            color: #FFFFFF;
            font-family: grota-rounded-bold;
            letter-spacing: 0.05em; }
          header #second-row .second-row-container > .list-inline-block.right-block li.recherche-container {
            display: none; }
          header #second-row .second-row-container > .list-inline-block.right-block li:first-child {
            width: 1px; }
            header #second-row .second-row-container > .list-inline-block.right-block li:first-child div.divider {
              border-left: 1px #FFFFFC dotted;
              height: 60px; }
          header #second-row .second-row-container > .list-inline-block.right-block li.recherche-container {
            padding-right: 15px; }
          header #second-row .second-row-container > .list-inline-block.right-block li > a#recette {
            color: #FFFFFF;
            font-weight: bold;
            padding: 0 15px;
            display: block;
            text-align: center;
            text-decoration: none;
            font-size: 12px;
            font-family: grota-rounded-bold; }
          header #second-row .second-row-container > .list-inline-block.right-block li > div#btn-recherche {
            padding-right: 15px; }
          header #second-row .second-row-container > .list-inline-block.right-block li > .btn-panier {
            display: block;
            height: 37px; }
            header #second-row .second-row-container > .list-inline-block.right-block li > .btn-panier img {
              height: 100%; }
            header #second-row .second-row-container > .list-inline-block.right-block li > .btn-panier > .nb-produits-panier {
              color: #FFFFFC;
              position: absolute;
              width: 17px;
              top: 31px;
              right: 40px;
              font-size: 9px;
              text-align: center;
              font-family: grota-sans-alt-bold; }
        header #second-row .second-row-container > .list-inline-block.right-block .recette-container {
          padding-left: 15px;
          padding-right: 7px; }
          header #second-row .second-row-container > .list-inline-block.right-block .recette-container a {
            padding: 0px 4px !important;
            font-size: 12px;
            font-family: grota-rounded-xtra-bold; }
          header #second-row .second-row-container > .list-inline-block.right-block .recette-container:hover {
            background-color: #FFFFFC; }
            header #second-row .second-row-container > .list-inline-block.right-block .recette-container:hover a {
              color: #6EC0AF !important; }
              header #second-row .second-row-container > .list-inline-block.right-block .recette-container:hover a div.border-top, header #second-row .second-row-container > .list-inline-block.right-block .recette-container:hover a div.border-bottom {
                background-image: url("../img/style/pictos/vague_verte.png"); }
        header #second-row .second-row-container > .list-inline-block.right-block .btn-recherche-container {
          padding-left: 7px; }
        header #second-row .second-row-container > .list-inline-block.right-block.search-enabled {
          width: 100%; }
          header #second-row .second-row-container > .list-inline-block.right-block.search-enabled .divider-container, header #second-row .second-row-container > .list-inline-block.right-block.search-enabled .recette-container, header #second-row .second-row-container > .list-inline-block.right-block.search-enabled .btn-recherche-container {
            display: none; }
          header #second-row .second-row-container > .list-inline-block.right-block.search-enabled .recherche-container {
            width: 100%;
            display: table-cell;
            padding-left: 15px;
            padding-right: 0; }
            header #second-row .second-row-container > .list-inline-block.right-block.search-enabled .recherche-container .input-group {
              width: 100%; }
              header #second-row .second-row-container > .list-inline-block.right-block.search-enabled .recherche-container .input-group input {
                border-radius: 30px;
                background-color: #FFFFFC;
                border: 0 !important;
                color: #6EC0AF;
                font-family: grota-sans-alt-medium; }
                header #second-row .second-row-container > .list-inline-block.right-block.search-enabled .recherche-container .input-group input::placeholder {
                  color: #6EC0AF;
                  font-family: grota-sans-alt-medium; }
              header #second-row .second-row-container > .list-inline-block.right-block.search-enabled .recherche-container .input-group .search-input-feedback {
                position: absolute;
                top: 5px;
                right: 10px;
                z-index: 2;
                display: block;
                cursor: pointer; }
header > div {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1035; }
  header > div > .row .col-xs-12 {
    padding-left: 165px; }

@media (max-width: 1265px) {
  header #second-row .list-inline-block li#nav-autre {
    display: table-cell !important; }
  header #second-row .list-inline-block li#nav-beaute, header #second-row .list-inline-block li#nav-fleur {
    display: none; }
  header #second-row .list-inline-block li#nav-autre #other-sub-nav .beaute, header #second-row .list-inline-block li#nav-autre #other-sub-nav .fleur {
    display: table !important; } }
@media (max-width: 1190px) {
  header #second-row .list-inline-block li#nav-traiteur {
    display: none; }
  header #second-row .list-inline-block li#nav-autre #other-sub-nav .traiteur {
    display: table !important; } }
@media (max-width: 1100px) {
  header #second-row .list-inline-block li#nav-boissons {
    display: none; }
  header #second-row .list-inline-block li#nav-autre #other-sub-nav .boisson {
    display: table !important; } }
@media (max-width: 1110px) {
  header #first-row .friends-sponsoring-link-container, header #first-row .livraison-link-container {
    display: none !important; } }
@media (max-width: 1015px) {
  header #second-row .list-inline-block li#nav-epicerie-sucree {
    display: none; }
  header #second-row .list-inline-block li#nav-autre #other-sub-nav .epicerie-sucree {
    display: table !important; } }
/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
footer {
  background: #6EC0AF;
  width: 100%;
  height: 310px;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 20px 0;
  font-family: grota-sans-alt-semibold;
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 21px; }
  footer h4 {
    display: inline-block; }
  footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    footer ul li a, footer ul li a:hover, footer ul li a:active, footer ul li a:visited {
      color: #FFFFFF;
      text-decoration: none; }
  footer .col {
    float: left;
    width: 20%;
    padding: 0 15px; }
  footer .logo {
    text-align: center; }
    footer .logo img {
      max-width: 186px;
      width: 100%; }
  footer .newsletter input {
    background-color: #6EC0AF;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    outline: 0 !important;
    box-shadow: none !important;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px; }
    footer .newsletter input:focus {
      outline: 0 !important;
      box-shadow: none !important;
      border: 1px solid #FFFFFF; }
    footer .newsletter input::placeholder {
      color: #FFFFFF; }
  footer .newsletter #newsletter-submit-btn {
    background-color: #6EC0AF;
    color: #FFFFFF;
    border: 1px #FFFFFF solid;
    outline: 0 !important;
    box-shadow: none !important;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px; }
    footer .newsletter #newsletter-submit-btn:hover {
      z-index: 0 !important; }
  footer .reseaux-sociaux {
    width: 150px; }
    footer .reseaux-sociaux.mobile {
      margin: auto; }
    footer .reseaux-sociaux ul li {
      display: inline-block;
      width: 30px; }
    footer .reseaux-sociaux .facebook, footer .reseaux-sociaux .twitter, footer .reseaux-sociaux .instagram {
      height: 24px;
      width: 24px;
      background-color: #FFFFFF;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      border-radius: 50%;
      color: #6EC0AF; }
      footer .reseaux-sociaux .facebook .fa, footer .reseaux-sociaux .twitter .fa, footer .reseaux-sociaux .instagram .fa {
        padding-top: 6px; }

@media (max-width: 767px) {
  footer {
    height: 264px; }
    footer .logos-col {
      width: 100%; }
      footer .logos-col .logo {
        text-align: center; }
        footer .logos-col .logo img {
          max-width: 350px; } }
/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
.bottom-padding-1 {
  padding-bottom: 10px !important; }

.bottom-margin-1 {
  margin-bottom: 10px !important; }

.bottom-padding-2 {
  padding-bottom: 20px !important; }

.bottom-margin-2 {
  margin-bottom: 20px !important; }

.bottom-padding-3 {
  padding-bottom: 30px !important; }

.bottom-margin-3 {
  margin-bottom: 30px !important; }

.bottom-padding-4 {
  padding-bottom: 40px !important; }

.bottom-margin-4 {
  margin-bottom: 40px !important; }

.bottom-padding-5 {
  padding-bottom: 50px !important; }

.bottom-margin-5 {
  margin-bottom: 50px !important; }

.bottom-padding-6 {
  padding-bottom: 60px !important; }

.bottom-margin-6 {
  margin-bottom: 60px !important; }

.margin-top-05 {
  margin-top: 5px; }

.uppercase {
  text-transform: uppercase; }

.extend-button-width {
  padding-left: 40px !important;
  padding-right: 40px !important; }

.no-padding {
  padding: 0; }

.no-padding-right {
  padding-right: 0; }

.no-scroll {
  overflow: hidden !important; }

.no-cols-padding {
  padding-left: 0;
  padding-right: 0; }

.signika {
  font-family: signika-light; }

.signika-regular {
  font-family: signika-regular; }

.signika-bold {
  font-family: signika-bold; }

.cliquable {
  cursor: pointer; }

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

.no-margin {
  margin: 0 !important; }

.no-margin-top {
  margin-top: 0 !important; }

.trait {
  background-image: url("https://www.lecomptoirlocal.fr/img/style/lines/trait.png");
  background-repeat: repeat-x;
  background-size: 4px;
  background-position: center 64%;
  text-align: center;
  font-weight: normal; }
  .trait span {
    background-color: #FFFFFC;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 23px; }

.triangle {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #4A4A4A; }

.section-title {
  margin-top: 10px;
  margin-bottom: 30px; }
  .section-title .inner {
    width: fit-content;
    margin: auto; }

.btn-outline-green, .btn-outline-green:hover, .btn-outline-green:focus {
  background-color: transparent;
  color: #6EC0AF;
  border: 1px #6EC0AF solid; }

.btn-outline-red, .btn-outline-red:hover, .btn-outline-red:focus {
  background-color: transparent;
  color: #A31822;
  border: 1px #A31822 solid; }

.btn-outline-orange, .btn-outline-orange:hover, .btn-outline-orange:focus {
  background-color: transparent;
  color: #F69085 !important;
  border: 1px #F69085 solid; }

.btn-outline-white, .btn-outline-white:hover, .btn-outline-white:focus {
  background-color: transparent;
  color: #FFFFFC !important;
  border: 1px #FFFFFC solid; }

.btn-outline-grey, .btn-outline-grey:hover, .btn-outline-grey:focus {
  background-color: transparent;
  color: #7F7F7F;
  border: 1px #7F7F7F solid; }

.btn-green, .btn-green:hover, .btn-green:focus {
  background-color: #6EC0AF;
  color: #FFFFFF; }

.btn-white, .btn-white:hover, .btn-white:focus {
  background-color: #FFFFFF;
  color: #6EC0AF; }

.btn-grey, .btn-grey:hover, .btn-grey:focus {
  margin-left: 5px;
  padding: 2px 20px;
  background-color: #D9D9D9;
  color: #7F7F7F;
  text-transform: uppercase;
  font-size: 12px; }

.btn:focus, select:focus, button:focus, .btn-group:focus {
  outline: 0 !important; }

.green-checkbox {
  display: inline-block;
  margin-right: 15px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px;
  webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  .green-checkbox.active span:after {
    display: block;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #6EC0AF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    content: '';
    position: absolute; }
  .green-checkbox input[type="checkbox"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0); }
  .green-checkbox span {
    border: 2px solid #6EC0AF;
    position: absolute;
    top: 1px;
    left: 0;
    height: 18px;
    width: 18px;
    background: transparent;
    border-radius: 4px !important; }
  .green-checkbox p.explanation {
    color: #969696;
    font-size: 13px;
    width: 70%;
    padding-top: 6px; }

.img-cover {
  width: 100%; }

.font-1-2-em {
  font-size: 1.2em; }

.min-full-height {
  min-height: 100vh; }

.btn-filtre-bio-oui {
  background-color: #6EC0AF;
  border-color: #6EC0AF;
  color: #FFFFFF;
  padding: 2px 4px;
  font-size: 12px;
  box-shadow: none !important; }
  .btn-filtre-bio-oui:hover {
    color: #FFFFFF; }

.btn-filtre-bio-non {
  background-color: #FFFFFC;
  border-color: #c8c8c8 !important;
  color: #333333;
  padding: 2px 4px;
  font-size: 12px;
  box-shadow: none !important; }
  .btn-filtre-bio-non:hover {
    color: #333333; }

.toggle.btn {
  min-height: 20px !important;
  min-width: 30px !important; }
  .toggle.btn .toggle-off {
    padding-left: 16px; }
  .toggle.btn .toggle-on {
    padding-right: 16px; }

.btn-facebook, .btn-facebook:hover, .btn-facebook:focus {
  background-color: #3b5998;
  color: #FFFFFF; }
.btn-facebook i {
  margin-right: 5px; }

.block {
  display: block; }

.loader {
  border: 5px solid #f3f3f3;
  /* Light grey */
  border-top: 5px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: auto;
  animation: spin 1s linear infinite; }

.callout {
  border-left: 3px solid #E0E4E8;
  margin: 15px 0;
  padding: 15px; }

.callout-warning {
  background-color: #FAF8F0;
  border-color: #FAEBCC; }

.callout-danger {
  background-color: #FDF7F7;
  border-color: #EED3D7;
  display: table;
  color: #756f6f;
  width: 100%; }
  .callout-danger .callout-img-container {
    display: table-cell;
    font-size: 30px;
    width: 40px;
    vertical-align: middle; }
  .callout-danger .callout-errors-container {
    display: table-cell;
    vertical-align: middle; }

.callout-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  display: table;
  color: #756f6f;
  width: 100%; }
  .callout-success .callout-img-container {
    display: table-cell;
    font-size: 30px;
    width: 40px;
    vertical-align: middle; }
  .callout-success .callout-message-container {
    display: table-cell;
    vertical-align: middle; }

.text-ccm-container {
  width: 783px;
  margin: auto; }

.badge-perso {
  padding: 16px 32px;
  font-size: 50px;
  color: #FFFFFF;
  background-color: #7dbc90;
  border-radius: 100%; }

.bold {
  font-weight: bold; }

.question {
  font-family: signika-regular;
  font-size: 1.5em;
  padding-bottom: 10px;
  text-align: justify; }

.reponse {
  padding-bottom: 35px;
  font-family: signika-light;
  font-size: 1.3em;
  color: #646464;
  text-align: justify; }

.faraco {
  font-family: faraco; }

div.border-top, div.border-bottom {
  height: 10px;
  background-repeat: repeat-x;
  background-size: 11px; }
  div.border-top.green, div.border-bottom.green {
    background-image: url("../img/style/pictos/vague_verte.png"); }
  div.border-top.white, div.border-bottom.white {
    background-image: url("../img/style/pictos/vague_blanche.png"); }
  div.border-top.orange, div.border-bottom.orange {
    background-image: url("https://www.lecomptoirlocal.fr/img/style/pictos/vague_orange.png"); }
  div.border-top.s7px, div.border-bottom.s7px {
    height: 7px;
    background-repeat: repeat-x;
    background-size: 7px; }

.page-title {
  padding-top: 10px;
  width: fit-content;
  margin: auto; }
  .page-title .inner {
    color: #F69085;
    padding-right: 10px;
    padding-left: 10px;
    font-family: grota-rounded-xtra-bold;
    font-size: 28px; }

.page-sub-title {
  color: #F69085;
  font-family: grota-rounded-xtra-bold;
  font-size: 22px; }

div.border-bottom {
  background-position: 100%; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.cc-icon {
  float: left;
  margin-right: 5px;
  width: 31px; }

@media (min-width: 992px) {
  .no-md-padding-right {
    padding-right: 0px; }

  .no-md-padding {
    padding: 0; } }
@media (max-width: 991px) {
  .title-section-our-description {
    padding: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #F2D8DB; }

  .ccm-close-quote-padding {
    padding-top: 250px; }

  .text-ccm-container {
    width: 100%;
    margin: auto; }

  .text-ccm-sm-w-margin {
    width: 90%;
    margin: auto; }

  .sm-text-center {
    text-align: center; }

  .sm-bottom-space-2 {
    margin-bottom: 20px; }

  .col-sm-only-offset-2 {
    margin-left: 16.66666667%; }

  .sm-no-padding-right {
    padding-right: 0; } }
/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
#page-cart-container .go-to-validation-container .cart-go-to-validation.disabled {
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important; }
#page-cart-container #cart-livraison-options {
  background-color: #EFEFEF;
  padding: 7px 15px; }
  #page-cart-container #cart-livraison-options .picto-camion {
    height: 30px;
    transform: rotate(18deg); }
  #page-cart-container #cart-livraison-options .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    color: #EFEFEF; }
  #page-cart-container #cart-livraison-options .cart-select {
    background-color: #FFFFFF;
    height: 45px; }
  #page-cart-container #cart-livraison-options .selectpicker-container .filter-option .check-container {
    display: none; }
  #page-cart-container #cart-livraison-options .selectpicker-container .dropdown-menu {
    background-color: #EFEFEF; }
    #page-cart-container #cart-livraison-options .selectpicker-container .dropdown-menu a[aria-selected="true"], #page-cart-container #cart-livraison-options .selectpicker-container .dropdown-menu a:focus, #page-cart-container #cart-livraison-options .selectpicker-container .dropdown-menu a:hover {
      outline: 0 !important;
      background-color: transparent;
      background-image: none; }
    #page-cart-container #cart-livraison-options .selectpicker-container .dropdown-menu a:hover .check-container {
      background-color: #6EC0AF; }
  #page-cart-container #cart-livraison-options .selectpicker-container .check-container {
    background-color: #FFFFFF;
    border: 1px #6EC0AF solid;
    border-radius: 50%;
    height: 13px;
    width: 13px;
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
    position: relative;
    bottom: -2px; }
    #page-cart-container #cart-livraison-options .selectpicker-container .check-container.checked {
      background-color: #6EC0AF; }
      #page-cart-container #cart-livraison-options .selectpicker-container .check-container.checked:before {
        position: absolute;
        bottom: -1px;
        left: 1px;
        font-size: 9px;
        content: "\f00c";
        font-family: FontAwesome; }
  #page-cart-container #cart-livraison-options .right-block {
    float: right; }
    #page-cart-container #cart-livraison-options .right-block div {
      display: table-cell;
      height: 45px;
      vertical-align: middle;
      padding-right: 15px; }
      #page-cart-container #cart-livraison-options .right-block div.total {
        padding-right: 25px;
        font-size: 16px; }
#page-cart-container .category-title span {
  padding-left: 0px; }
#page-cart-container #cart-products-content .bottom-cart {
  display: table;
  width: 100%; }
  #page-cart-container #cart-products-content .bottom-cart div {
    display: table-cell; }
  #page-cart-container #cart-products-content .bottom-cart .cart-totals-container {
    width: 270px; }
    #page-cart-container #cart-products-content .bottom-cart .cart-totals-container table {
      font-size: 16px;
      width: 100%; }
      #page-cart-container #cart-products-content .bottom-cart .cart-totals-container table .shipping-condition-block {
        font-size: 12px;
        margin-top: -4px;
        display: block; }
        #page-cart-container #cart-products-content .bottom-cart .cart-totals-container table .shipping-condition-block .shipping-condition-link {
          font-size: 12px;
          display: inline-block;
          color: #999999;
          text-decoration: none; }
      #page-cart-container #cart-products-content .bottom-cart .cart-totals-container table .cart-go-to-validation-container {
        text-align: right;
        padding-top: 15px;
        padding-bottom: 15px; }
#page-cart-container #cart-products-content .cart-btn-empty-container {
  padding-top: 10px; }
#page-cart-container #cart-products-content .product-content-line {
  display: table;
  width: 100%; }
  #page-cart-container #cart-products-content .product-content-line.separator {
    border-bottom: 1px solid #c8c8c8;
    margin-top: 3px;
    padding-bottom: 3px; }
  #page-cart-container #cart-products-content .product-content-line.top-separator {
    border-top: 1px solid #c8c8c8;
    padding-top: 3px; }
  #page-cart-container #cart-products-content .product-content-line .cart-select {
    background-color: #FFFFFF;
    border: 1px #c8c8c8 solid;
    color: #646464; }
  #page-cart-container #cart-products-content .product-content-line .img-container, #page-cart-container #cart-products-content .product-content-line .product-infos, #page-cart-container #cart-products-content .product-content-line .nb-in-cart-container, #page-cart-container #cart-products-content .product-content-line .product-price, #page-cart-container #cart-products-content .product-content-line .product-delete-container {
    display: table-cell;
    vertical-align: middle; }
  #page-cart-container #cart-products-content .product-content-line .nb-in-cart-container {
    width: 80px; }
  #page-cart-container #cart-products-content .product-content-line .img-container {
    width: 120px; }
    #page-cart-container #cart-products-content .product-content-line .img-container img {
      width: 100%; }
  #page-cart-container #cart-products-content .product-content-line .product-infos {
    padding-left: 10px; }
    #page-cart-container #cart-products-content .product-content-line .product-infos .product-name {
      font-size: 20px; }
    #page-cart-container #cart-products-content .product-content-line .product-infos p {
      margin: 0; }
  #page-cart-container #cart-products-content .product-content-line .product-line-right-block {
    display: table-cell;
    vertical-align: middle;
    width: 185px; }
    @media (max-width: 991px) {
      #page-cart-container #cart-products-content .product-content-line .product-line-right-block {
        width: 105px; }
        #page-cart-container #cart-products-content .product-content-line .product-line-right-block .product-line-right-block-table {
          display: block; }
          #page-cart-container #cart-products-content .product-content-line .product-line-right-block .product-line-right-block-table .nb-in-cart-container {
            display: block;
            margin: auto;
            width: 60px; }
          #page-cart-container #cart-products-content .product-content-line .product-line-right-block .product-line-right-block-table .product-price {
            display: inline-block;
            margin-bottom: 0;
            margin-top: 10px; }
          #page-cart-container #cart-products-content .product-content-line .product-line-right-block .product-line-right-block-table .product-delete-container {
            display: inline-block;
            width: 25px; } }
    #page-cart-container #cart-products-content .product-content-line .product-line-right-block .product-line-right-block-table {
      display: table; }
      #page-cart-container #cart-products-content .product-content-line .product-line-right-block .product-line-right-block-table .product-price {
        width: 55px;
        font-size: 16px;
        text-align: right; }
      #page-cart-container #cart-products-content .product-content-line .product-line-right-block .product-line-right-block-table .product-delete-container {
        height: 32px;
        width: 50px; }
        #page-cart-container #cart-products-content .product-content-line .product-line-right-block .product-line-right-block-table .product-delete-container .product-delete {
          font-size: 2em;
          color: #c8c8c8;
          padding-left: 5px;
          padding-right: 5px; }

#page-cart-validation-container {
  display: table; }
  #page-cart-validation-container #cart-livraison-options {
    background-color: #EFEFEF;
    padding: 7px 15px; }
    #page-cart-validation-container #cart-livraison-options .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
      color: #EFEFEF; }
    #page-cart-validation-container #cart-livraison-options .cart-select {
      background-color: #FFFFFF; }
    #page-cart-validation-container #cart-livraison-options .selectpicker-container {
      display: block; }
      #page-cart-validation-container #cart-livraison-options .selectpicker-container .filter-option .check-container {
        display: none; }
      #page-cart-validation-container #cart-livraison-options .selectpicker-container .dropdown-menu {
        background-color: #EFEFEF; }
        #page-cart-validation-container #cart-livraison-options .selectpicker-container .dropdown-menu a[aria-selected="true"], #page-cart-validation-container #cart-livraison-options .selectpicker-container .dropdown-menu a:focus, #page-cart-validation-container #cart-livraison-options .selectpicker-container .dropdown-menu a:hover {
          outline: 0 !important;
          background-color: transparent;
          background-image: none; }
        #page-cart-validation-container #cart-livraison-options .selectpicker-container .dropdown-menu a:hover .check-container {
          background-color: #6EC0AF; }
      #page-cart-validation-container #cart-livraison-options .selectpicker-container .check-container {
        background-color: #FFFFFF;
        border: 1px #6EC0AF solid;
        border-radius: 50%;
        height: 13px;
        width: 13px;
        color: #fff;
        text-align: center;
        display: inline-block;
        position: relative;
        bottom: -2px; }
        #page-cart-validation-container #cart-livraison-options .selectpicker-container .check-container.checked {
          background-color: #6EC0AF; }
          #page-cart-validation-container #cart-livraison-options .selectpicker-container .check-container.checked:before {
            position: absolute;
            bottom: -1px;
            left: 1px;
            font-size: 9px;
            content: "\f00c";
            font-family: FontAwesome; }
  #page-cart-validation-container .category-title span {
    padding-left: 0px; }
  #page-cart-validation-container .left-col {
    display: table-cell; }
    #page-cart-validation-container .left-col #code-promo-link {
      color: #333333;
      padding-left: 10px; }
    #page-cart-validation-container .left-col #cart-shipping-address-block {
      padding-top: 7px; }
      #page-cart-validation-container .left-col #cart-shipping-address-block .address-block {
        border: 1px solid #EFEFEF;
        border-radius: 5px;
        display: table;
        padding-top: 10px;
        padding-left: 10px;
        width: 100%; }
        #page-cart-validation-container .left-col #cart-shipping-address-block .address-block .left-block {
          display: table-cell; }
        #page-cart-validation-container .left-col #cart-shipping-address-block .address-block .right-block {
          display: table-cell;
          width: 110px; }
      #page-cart-validation-container .left-col #cart-shipping-address-block .address-change-content .cart-change-address-block {
        border: 1px solid #EFEFEF;
        border-radius: 5px;
        padding: 10px;
        width: 100%;
        position: relative; }
        #page-cart-validation-container .left-col #cart-shipping-address-block .address-change-content .cart-change-address-block .close-block {
          font-size: 30px;
          color: #EFEFEF;
          position: absolute;
          top: -2px;
          right: 10px; }
        #page-cart-validation-container .left-col #cart-shipping-address-block .address-change-content .cart-change-address-block .title {
          font-weight: bold; }
        #page-cart-validation-container .left-col #cart-shipping-address-block .address-change-content .cart-change-address-block .address-list {
          list-style-type: none;
          padding: 0; }
          #page-cart-validation-container .left-col #cart-shipping-address-block .address-change-content .cart-change-address-block .address-list .address-item {
            display: table;
            padding: 4px 0;
            width: 100%; }
            #page-cart-validation-container .left-col #cart-shipping-address-block .address-change-content .cart-change-address-block .address-list .address-item .state, #page-cart-validation-container .left-col #cart-shipping-address-block .address-change-content .cart-change-address-block .address-list .address-item .address-container {
              display: table-cell; }
            #page-cart-validation-container .left-col #cart-shipping-address-block .address-change-content .cart-change-address-block .address-list .address-item .address-container {
              padding-left: 7px;
              vertical-align: bottom; }
            #page-cart-validation-container .left-col #cart-shipping-address-block .address-change-content .cart-change-address-block .address-list .address-item .state {
              vertical-align: middle;
              width: 20px;
              padding-left: 5px; }
              #page-cart-validation-container .left-col #cart-shipping-address-block .address-change-content .cart-change-address-block .address-list .address-item .state .round {
                display: block;
                border-radius: 100%;
                border: 1px #6EC0AF solid;
                height: 15px;
                width: 15px; }
            #page-cart-validation-container .left-col #cart-shipping-address-block .address-change-content .cart-change-address-block .address-list .address-item.active {
              border: 1px #6EC0AF solid; }
              #page-cart-validation-container .left-col #cart-shipping-address-block .address-change-content .cart-change-address-block .address-list .address-item.active .state .round {
                background-color: #6EC0AF; }
        #page-cart-validation-container .left-col #cart-shipping-address-block .address-change-content .cart-change-address-block .btn-choose-this-address {
          margin-bottom: 7px; }
        #page-cart-validation-container .left-col #cart-shipping-address-block .address-change-content .cart-change-address-block .add-address {
          color: #333333; }
          #page-cart-validation-container .left-col #cart-shipping-address-block .address-change-content .cart-change-address-block .add-address:hover {
            color: #6EC0AF; }
    #page-cart-validation-container .left-col #cart-payment-method-block {
      padding-top: 7px; }
      #page-cart-validation-container .left-col #cart-payment-method-block .card-change-content .cart-change-payment-method-block {
        border: 1px solid #EFEFEF;
        border-radius: 5px;
        padding: 10px;
        width: 100%;
        position: relative; }
        #page-cart-validation-container .left-col #cart-payment-method-block .card-change-content .cart-change-payment-method-block .close-block {
          font-size: 30px;
          color: #EFEFEF;
          position: absolute;
          top: -2px;
          right: 10px; }
        #page-cart-validation-container .left-col #cart-payment-method-block .card-change-content .cart-change-payment-method-block .title {
          font-weight: bold; }
        #page-cart-validation-container .left-col #cart-payment-method-block .card-change-content .cart-change-payment-method-block .payment-method-list {
          list-style-type: none;
          padding: 0; }
          #page-cart-validation-container .left-col #cart-payment-method-block .card-change-content .cart-change-payment-method-block .payment-method-list .payment-method-item {
            display: table;
            padding: 4px 0;
            width: 100%; }
            #page-cart-validation-container .left-col #cart-payment-method-block .card-change-content .cart-change-payment-method-block .payment-method-list .payment-method-item .brand-img-container, #page-cart-validation-container .left-col #cart-payment-method-block .card-change-content .cart-change-payment-method-block .payment-method-list .payment-method-item .last-card-number, #page-cart-validation-container .left-col #cart-payment-method-block .card-change-content .cart-change-payment-method-block .payment-method-list .payment-method-item .card-owner {
              display: table-cell; }
              #page-cart-validation-container .left-col #cart-payment-method-block .card-change-content .cart-change-payment-method-block .payment-method-list .payment-method-item .brand-img-container img, #page-cart-validation-container .left-col #cart-payment-method-block .card-change-content .cart-change-payment-method-block .payment-method-list .payment-method-item .last-card-number img, #page-cart-validation-container .left-col #cart-payment-method-block .card-change-content .cart-change-payment-method-block .payment-method-list .payment-method-item .card-owner img {
                height: 17px; }
            #page-cart-validation-container .left-col #cart-payment-method-block .card-change-content .cart-change-payment-method-block .payment-method-list .payment-method-item .state {
              display: table-cell;
              vertical-align: middle;
              width: 20px;
              padding-left: 5px;
              padding-right: 10px; }
              #page-cart-validation-container .left-col #cart-payment-method-block .card-change-content .cart-change-payment-method-block .payment-method-list .payment-method-item .state .round {
                display: block;
                border-radius: 100%;
                border: 1px #6EC0AF solid;
                height: 15px;
                width: 15px; }
            #page-cart-validation-container .left-col #cart-payment-method-block .card-change-content .cart-change-payment-method-block .payment-method-list .payment-method-item.active {
              border: 1px #6EC0AF solid; }
              #page-cart-validation-container .left-col #cart-payment-method-block .card-change-content .cart-change-payment-method-block .payment-method-list .payment-method-item.active .state .round {
                background-color: #6EC0AF; }
        #page-cart-validation-container .left-col #cart-payment-method-block .card-change-content .cart-change-payment-method-block .btn-choose-this-payment-method {
          margin-bottom: 7px; }
        #page-cart-validation-container .left-col #cart-payment-method-block .card-change-content .cart-change-payment-method-block .add-card {
          color: #333333; }
          #page-cart-validation-container .left-col #cart-payment-method-block .card-change-content .cart-change-payment-method-block .add-card:hover {
            color: #6EC0AF; }
      #page-cart-validation-container .left-col #cart-payment-method-block .payment-method-block {
        border: 1px solid #EFEFEF;
        border-radius: 5px;
        display: table;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        width: 100%; }
        #page-cart-validation-container .left-col #cart-payment-method-block .payment-method-block .left-block {
          display: table-cell; }
          #page-cart-validation-container .left-col #cart-payment-method-block .payment-method-block .left-block .brand_img {
            height: 17px; }
        #page-cart-validation-container .left-col #cart-payment-method-block .payment-method-block .right-block {
          display: table-cell;
          width: 110px; }
      #page-cart-validation-container .left-col #cart-payment-method-block .cart-payment-form-block {
        border: 1px solid #d6d4d4;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 7px;
        padding-bottom: 7px;
        background: #fbfbfb;
        position: relative; }
        #page-cart-validation-container .left-col #cart-payment-method-block .cart-payment-form-block .close-block {
          font-size: 30px;
          color: #7F7F7F;
          position: absolute;
          top: -2px;
          right: 10px; }
        #page-cart-validation-container .left-col #cart-payment-method-block .cart-payment-form-block .inner {
          width: 150px;
          padding-top: 10px; }
          #page-cart-validation-container .left-col #cart-payment-method-block .cart-payment-form-block .inner .card-icons-container {
            padding-bottom: 10px; }
          #page-cart-validation-container .left-col #cart-payment-method-block .cart-payment-form-block .inner input[type="text"] {
            width: 100%; }
          #page-cart-validation-container .left-col #cart-payment-method-block .cart-payment-form-block .inner #register-card-label {
            padding-left: 5px; }
    #page-cart-validation-container .left-col #code-promo-block .promo-block #code-promo-input {
      width: 110px; }
    #page-cart-validation-container .left-col #cart-products-content .product-content-line {
      display: table;
      width: 100%; }
      #page-cart-validation-container .left-col #cart-products-content .product-content-line.separator {
        border-bottom: 1px solid #c8c8c8;
        margin-top: 3px;
        padding-bottom: 3px; }
      #page-cart-validation-container .left-col #cart-products-content .product-content-line.top-separator {
        border-top: 1px solid #c8c8c8;
        padding-top: 3px; }
      #page-cart-validation-container .left-col #cart-products-content .product-content-line .cart-select {
        background-color: #fff;
        border: 1px #c8c8c8 solid;
        color: #646464; }
      #page-cart-validation-container .left-col #cart-products-content .product-content-line .img-container, #page-cart-validation-container .left-col #cart-products-content .product-content-line .product-infos, #page-cart-validation-container .left-col #cart-products-content .product-content-line .nb-in-cart-container, #page-cart-validation-container .left-col #cart-products-content .product-content-line .product-price, #page-cart-validation-container .left-col #cart-products-content .product-content-line .product-delete-container {
        display: table-cell;
        vertical-align: middle; }
      #page-cart-validation-container .left-col #cart-products-content .product-content-line .img-container {
        width: 120px; }
        #page-cart-validation-container .left-col #cart-products-content .product-content-line .img-container img {
          width: 100%; }
      #page-cart-validation-container .left-col #cart-products-content .product-content-line .product-infos {
        padding-left: 10px; }
        #page-cart-validation-container .left-col #cart-products-content .product-content-line .product-infos .product-name {
          font-size: 20px; }
        #page-cart-validation-container .left-col #cart-products-content .product-content-line .product-infos p {
          margin: 0; }
      #page-cart-validation-container .left-col #cart-products-content .product-content-line .product-line-right-block {
        display: table-cell;
        vertical-align: middle;
        width: 185px; }
        @media (max-width: 991px) {
          #page-cart-validation-container .left-col #cart-products-content .product-content-line .product-line-right-block {
            width: 105px; }
            #page-cart-validation-container .left-col #cart-products-content .product-content-line .product-line-right-block .product-line-right-block-table {
              display: block; }
              #page-cart-validation-container .left-col #cart-products-content .product-content-line .product-line-right-block .product-line-right-block-table .nb-in-cart-container {
                display: block;
                margin: auto;
                width: 60px; }
              #page-cart-validation-container .left-col #cart-products-content .product-content-line .product-line-right-block .product-line-right-block-table .product-price {
                display: inline-block;
                margin-bottom: 0;
                margin-top: 10px; }
              #page-cart-validation-container .left-col #cart-products-content .product-content-line .product-line-right-block .product-line-right-block-table .product-delete-container {
                display: inline-block;
                width: 25px; } }
        #page-cart-validation-container .left-col #cart-products-content .product-content-line .product-line-right-block .product-line-right-block-table {
          display: table; }
          #page-cart-validation-container .left-col #cart-products-content .product-content-line .product-line-right-block .product-line-right-block-table .product-price {
            width: 55px;
            text-align: right;
            padding-right: 10px;
            font-size: 16px; }
          #page-cart-validation-container .left-col #cart-products-content .product-content-line .product-line-right-block .product-line-right-block-table .nb-in-cart-container {
            width: 80px; }
          #page-cart-validation-container .left-col #cart-products-content .product-content-line .product-line-right-block .product-line-right-block-table .product-delete-container {
            height: 32px;
            width: 50px; }
            #page-cart-validation-container .left-col #cart-products-content .product-content-line .product-line-right-block .product-line-right-block-table .product-delete-container .product-delete {
              font-size: 2em;
              color: #A1A1A1;
              padding-left: 5px;
              padding-right: 5px; }
    #page-cart-validation-container .left-col .cart-totals-container {
      width: 260px;
      float: right; }
      #page-cart-validation-container .left-col .cart-totals-container table {
        font-size: 16px;
        width: 100%; }
        #page-cart-validation-container .left-col .cart-totals-container table .shipping-condition-link {
          font-size: 12px;
          display: block;
          color: #999999;
          text-decoration: none; }
    #page-cart-validation-container .left-col #payment-btn-container {
      border: 1px solid #EFEFEF;
      border-radius: 5px;
      display: table;
      padding: 30px;
      width: 100%; }
      #page-cart-validation-container .left-col #payment-btn-container .left-col {
        display: table-cell;
        vertical-align: middle;
        width: 1%; }
        #page-cart-validation-container .left-col #payment-btn-container .left-col .submit-payment {
          padding-left: 40px;
          padding-right: 40px; }
      #page-cart-validation-container .left-col #payment-btn-container .right-col {
        display: table-cell;
        padding-left: 20px;
        vertical-align: middle; }
        #page-cart-validation-container .left-col #payment-btn-container .right-col .cgv-text {
          color: #999999;
          font-size: 12px; }
          #page-cart-validation-container .left-col #payment-btn-container .right-col .cgv-text .cart-cgv-link {
            text-decoration: none;
            color: #999999; }
            #page-cart-validation-container .left-col #payment-btn-container .right-col .cgv-text .cart-cgv-link:hover {
              color: #6EC0AF; }
  #page-cart-validation-container .right-col {
    display: table-cell;
    width: 300px;
    padding: 5px 10px; }
    #page-cart-validation-container .right-col .inner-content {
      border: 1px solid #EFEFEF;
      border-radius: 5px;
      padding: 5px 10px; }
    #page-cart-validation-container .right-col .content-submit-payment, #page-cart-validation-container .right-col .content-create-payment-method, #page-cart-validation-container .right-col .content-create-address, #page-cart-validation-container .right-col .content-use-this-address, #page-cart-validation-container .right-col .content-use-this-payment-method {
      border-bottom: 1px dotted #EFEFEF; }
      #page-cart-validation-container .right-col .content-submit-payment button, #page-cart-validation-container .right-col .content-create-payment-method button, #page-cart-validation-container .right-col .content-create-address button, #page-cart-validation-container .right-col .content-use-this-address button, #page-cart-validation-container .right-col .content-use-this-payment-method button {
        width: 100%; }
    #page-cart-validation-container .right-col .desc-text {
      font-size: 12px;
      text-align: center;
      color: #999999;
      padding-top: 10px; }
    #page-cart-validation-container .right-col .title-recap-cmd {
      padding-top: 5px;
      padding-bottom: 5px; }
    #page-cart-validation-container .right-col .pre-total-cart-tr {
      border-bottom: 1px dotted #EFEFEF;
      width: 100%; }
    #page-cart-validation-container .right-col .pre-total-cart-space {
      height: 5px; }
    #page-cart-validation-container .right-col .cart-total-cost-container {
      font-size: 14px; }
    #page-cart-validation-container .right-col .totals-cart {
      font-size: 12px;
      width: 100%; }
    #page-cart-validation-container .right-col .total-cost {
      margin: 0; }
    #page-cart-validation-container .right-col .cart-cgv-link {
      text-decoration: none;
      color: #999999; }
      #page-cart-validation-container .right-col .cart-cgv-link:hover {
        color: #6EC0AF; }

#payment-ok-container .cover-img-container {
  height: 60vh;
  background-image: url("https://www.lecomptoirlocal.fr/img/style/paiement/ok.png");
  background-repeat: no-repeat;
  background-size: cover; }
#payment-ok-container .command-informations {
  font-size: 20px; }

/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
.margin-top-header {
  padding-top: 110px !important; }

#page-container {
  display: table;
  width: 100%; }
  #page-container #left-navbar {
    display: table-cell;
    width: 150px;
    padding-left: 5px; }
    #page-container #left-navbar .fixed {
      position: fixed;
      width: 140px;
      height: 100vh;
      padding-bottom: 25px;
      overflow-y: auto;
      overflow-x: hidden; }
      #page-container #left-navbar .fixed h1 {
        margin: 0;
        padding-top: 7px;
        padding-bottom: 7px;
        font-size: 18px;
        padding-left: 11px; }
      #page-container #left-navbar .fixed ul {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        #page-container #left-navbar .fixed ul li {
          padding: 1px 0;
          border-left: transparent 4px solid; }
          #page-container #left-navbar .fixed ul li.active {
            border-left: #6EC0AF 4px solid; }
          #page-container #left-navbar .fixed ul li a {
            color: #333333;
            text-decoration: none;
            width: 100%;
            display: block;
            padding-left: 7px;
            padding-top: 5px;
            padding-bottom: 5px; }
  #page-container #inner-content {
    display: table-cell; }
    #page-container #inner-content h1, #page-container #inner-content h2 {
      margin-top: 0;
      padding-top: 7px;
      font-size: 18px; }
      #page-container #inner-content h1 span, #page-container #inner-content h2 span {
        font-size: 18px;
        padding-left: 0px; }
    #page-container #inner-content #account-add-address-block {
      padding: 0 15px; }
      #page-container #inner-content #account-add-address-block form {
        border: 2px solid #EFEFEF;
        padding: 5px 15px;
        border-radius: 5px;
        display: table;
        width: 100%; }
        #page-container #inner-content #account-add-address-block form .title {
          font-size: 18px; }
        #page-container #inner-content #account-add-address-block form .subtext {
          font-size: 13px;
          color: #969696; }
        #page-container #inner-content #account-add-address-block form p {
          margin: 0; }
        #page-container #inner-content #account-add-address-block form .left-block {
          display: table-cell;
          width: 50%;
          padding: 0 10px; }
        #page-container #inner-content #account-add-address-block form .right-block {
          display: table-cell;
          width: 50%;
          padding: 0 10px; }
        @media (max-width: 991px) {
          #page-container #inner-content #account-add-address-block form .left-block, #page-container #inner-content #account-add-address-block form .right-block {
            display: block;
            width: 100%;
            padding: 0; } }
    #page-container #inner-content #account-add-payment-methods-block #card_crypto {
      width: 100px; }
    #page-container #inner-content #about-block ul {
      list-style-type: none;
      padding-left: 0;
      padding-top: 10px; }
      #page-container #inner-content #about-block ul li {
        padding-bottom: 20px; }
        #page-container #inner-content #about-block ul li a {
          color: #333333; }
          #page-container #inner-content #about-block ul li a:hover {
            text-decoration: none; }
    #page-container #inner-content #account-informations-index-block .field-label {
      margin-bottom: 0; }
    #page-container #inner-content #account-informations-index-block .field-value {
      color: #969696;
      text-decoration: none;
      display: block; }
    #page-container #inner-content #account-preferences-block #mes-gouts-container .btn-outline-green {
      text-transform: uppercase;
      width: 23.6%;
      margin-right: 7px;
      margin-bottom: 5px; }
      #page-container #inner-content #account-preferences-block #mes-gouts-container .btn-outline-green input[type="checkbox"] {
        display: none; }
      #page-container #inner-content #account-preferences-block #mes-gouts-container .btn-outline-green.active, #page-container #inner-content #account-preferences-block #mes-gouts-container .btn-outline-green:active {
        box-shadow: none; }
      #page-container #inner-content #account-preferences-block #mes-gouts-container .btn-outline-green.active {
        background-color: #6EC0AF;
        color: #FFFFFC; }
    #page-container #inner-content #account-payment-methods-block {
      padding-right: 15px; }
      #page-container #inner-content #account-payment-methods-block .payment-method-block {
        display: table;
        border: 1px solid #969696;
        border-radius: 5px;
        width: 100%; }
        #page-container #inner-content #account-payment-methods-block .payment-method-block .left-block {
          display: table-cell;
          padding: 0 7px; }
          #page-container #inner-content #account-payment-methods-block .payment-method-block .left-block .brand_img {
            height: 17px; }
        #page-container #inner-content #account-payment-methods-block .payment-method-block .right-block {
          display: table-cell;
          width: 90px;
          padding-top: 7px;
          padding-right: 14px; }
          #page-container #inner-content #account-payment-methods-block .payment-method-block .right-block .btn {
            width: 100%;
            margin-bottom: 7px; }
    #page-container #inner-content #account-orders-block {
      padding-right: 15px; }
      #page-container #inner-content #account-orders-block .order-block {
        display: table;
        border: 1px solid #bfbfbf;
        border-radius: 5px;
        width: 100%; }
        #page-container #inner-content #account-orders-block .order-block .left-block {
          display: table-cell;
          padding: 0 7px; }
        #page-container #inner-content #account-orders-block .order-block .right-block {
          display: table-cell;
          width: 90px;
          padding-top: 7px;
          padding-right: 7px; }
          #page-container #inner-content #account-orders-block .order-block .right-block .btn {
            width: 100%; }
      #page-container #inner-content #account-orders-block .order-content-block {
        display: table;
        width: 100%;
        border-bottom: 1px solid #c8c8c8;
        margin-top: 3px;
        padding-bottom: 3px; }
        #page-container #inner-content #account-orders-block .order-content-block:first-child {
          border-top: 1px solid #c8c8c8;
          padding-top: 3px; }
        #page-container #inner-content #account-orders-block .order-content-block .picture-cell {
          display: table-cell;
          vertical-align: top;
          width: 120px; }
          #page-container #inner-content #account-orders-block .order-content-block .picture-cell img {
            width: 100%; }
        #page-container #inner-content #account-orders-block .order-content-block .info-cell {
          display: table-cell;
          vertical-align: middle;
          padding-left: 10px; }
          #page-container #inner-content #account-orders-block .order-content-block .info-cell p {
            margin: 0; }
          #page-container #inner-content #account-orders-block .order-content-block .info-cell .product-name {
            font-size: 20px; }
        #page-container #inner-content #account-orders-block .order-content-block .price-cell {
          display: table-cell;
          vertical-align: middle;
          width: 55px;
          font-size: 16px;
          text-align: right; }
    #page-container #inner-content #edit-order-date-dialog .left-block, #page-container #inner-content #edit-order-date-dialog .right-block {
      display: inline-block;
      width: 49%;
      vertical-align: top; }
      #page-container #inner-content #edit-order-date-dialog .left-block p, #page-container #inner-content #edit-order-date-dialog .right-block p {
        margin: 0; }
      #page-container #inner-content #edit-order-date-dialog .left-block ul.change-shipping-date-container, #page-container #inner-content #edit-order-date-dialog .left-block ul.change-delivery-slot-container, #page-container #inner-content #edit-order-date-dialog .right-block ul.change-shipping-date-container, #page-container #inner-content #edit-order-date-dialog .right-block ul.change-delivery-slot-container {
        list-style-type: none;
        padding: 5px 0px;
        display: inline-block; }
        #page-container #inner-content #edit-order-date-dialog .left-block ul.change-shipping-date-container li, #page-container #inner-content #edit-order-date-dialog .left-block ul.change-delivery-slot-container li, #page-container #inner-content #edit-order-date-dialog .right-block ul.change-shipping-date-container li, #page-container #inner-content #edit-order-date-dialog .right-block ul.change-delivery-slot-container li {
          color: #333333; }
          #page-container #inner-content #edit-order-date-dialog .left-block ul.change-shipping-date-container li .check-container, #page-container #inner-content #edit-order-date-dialog .left-block ul.change-delivery-slot-container li .check-container, #page-container #inner-content #edit-order-date-dialog .right-block ul.change-shipping-date-container li .check-container, #page-container #inner-content #edit-order-date-dialog .right-block ul.change-delivery-slot-container li .check-container {
            background-color: #FFFFFF;
            border: 1px #6EC0AF solid;
            border-radius: 50%;
            height: 13px;
            width: 13px;
            color: #FFFFFF;
            text-align: center;
            display: inline-block;
            position: relative;
            bottom: -2px; }
          #page-container #inner-content #edit-order-date-dialog .left-block ul.change-shipping-date-container li:hover, #page-container #inner-content #edit-order-date-dialog .left-block ul.change-delivery-slot-container li:hover, #page-container #inner-content #edit-order-date-dialog .right-block ul.change-shipping-date-container li:hover, #page-container #inner-content #edit-order-date-dialog .right-block ul.change-delivery-slot-container li:hover {
            color: #6c9174; }
            #page-container #inner-content #edit-order-date-dialog .left-block ul.change-shipping-date-container li:hover .check-container, #page-container #inner-content #edit-order-date-dialog .left-block ul.change-delivery-slot-container li:hover .check-container, #page-container #inner-content #edit-order-date-dialog .right-block ul.change-shipping-date-container li:hover .check-container, #page-container #inner-content #edit-order-date-dialog .right-block ul.change-delivery-slot-container li:hover .check-container {
              background-color: #6EC0AF; }
          #page-container #inner-content #edit-order-date-dialog .left-block ul.change-shipping-date-container li.checked, #page-container #inner-content #edit-order-date-dialog .left-block ul.change-delivery-slot-container li.checked, #page-container #inner-content #edit-order-date-dialog .right-block ul.change-shipping-date-container li.checked, #page-container #inner-content #edit-order-date-dialog .right-block ul.change-delivery-slot-container li.checked {
            color: #6c9174; }
            #page-container #inner-content #edit-order-date-dialog .left-block ul.change-shipping-date-container li.checked .check-container, #page-container #inner-content #edit-order-date-dialog .left-block ul.change-delivery-slot-container li.checked .check-container, #page-container #inner-content #edit-order-date-dialog .right-block ul.change-shipping-date-container li.checked .check-container, #page-container #inner-content #edit-order-date-dialog .right-block ul.change-delivery-slot-container li.checked .check-container {
              background-color: #6EC0AF; }
              #page-container #inner-content #edit-order-date-dialog .left-block ul.change-shipping-date-container li.checked .check-container:before, #page-container #inner-content #edit-order-date-dialog .left-block ul.change-delivery-slot-container li.checked .check-container:before, #page-container #inner-content #edit-order-date-dialog .right-block ul.change-shipping-date-container li.checked .check-container:before, #page-container #inner-content #edit-order-date-dialog .right-block ul.change-delivery-slot-container li.checked .check-container:before {
                position: absolute;
                bottom: -1px;
                left: 1px;
                font-size: 9px;
                content: "\f00c";
                font-family: FontAwesome; }
    #page-container #inner-content #edit-order-address-dialog .choosen-address-container .address-block .btn-change-address {
      display: none; }
    #page-container #inner-content #account-addresses-block {
      padding-right: 15px; }
      #page-container #inner-content #account-addresses-block .address-block {
        display: table;
        border: 1px solid #bfbfbf;
        border-radius: 5px;
        width: 100%; }
        #page-container #inner-content #account-addresses-block .address-block .left-block {
          display: table-cell;
          padding: 0 7px; }
        #page-container #inner-content #account-addresses-block .address-block .right-block {
          display: table-cell;
          width: 90px;
          padding-top: 7px;
          padding-right: 14px; }
          #page-container #inner-content #account-addresses-block .address-block .right-block .btn {
            width: 100%;
            margin-bottom: 7px; }
    #page-container #inner-content #friends-sponsoring-block .friends-sponsoring-container {
      width: 100%;
      padding-top: 30px; }
      #page-container #inner-content #friends-sponsoring-block .friends-sponsoring-container .text-container {
        background-color: #F69085;
        color: #FFFFFC;
        border-radius: 10px;
        width: fit-content;
        padding: 15px;
        padding-top: 50px;
        margin: auto; }
        #page-container #inner-content #friends-sponsoring-block .friends-sponsoring-container .text-container .h3 {
          font-family: grota-rounded-xtra-bold; }
        #page-container #inner-content #friends-sponsoring-block .friends-sponsoring-container .text-container #friend-sponsoring-copy-button {
          font-family: grota-rounded-xtra-bold;
          font-size: 10px;
          margin-bottom: 60px; }
        #page-container #inner-content #friends-sponsoring-block .friends-sponsoring-container .text-container #btn-invit-friends {
          font-family: grota-rounded-xtra-bold;
          font-size: 18px;
          margin-bottom: 60px; }
        #page-container #inner-content #friends-sponsoring-block .friends-sponsoring-container .text-container .footer-text {
          font-size: 11px; }

#reset-password-block form #email {
  width: 200px;
  float: left;
  margin-right: 5px; }

#reset-password-mail-block form .btn-confirm-new-mdp {
  margin-top: 10px; }

/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
#banner-block {
  background-image: url("../img/style/home_banner/le-meilleur-des-producteurs-livre-a-domicile.jpg");
  background-size: cover;
  background-position: 0% 0%;
  background-repeat: no-repeat; }
  #banner-block, #banner-block:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px; }
  #banner-block #introduction-block {
    width: 460px;
    max-width: 100%;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 150;
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 5px; }
    #banner-block #introduction-block h1 {
      margin: 15px;
      font-weight: normal;
      font-family: grota-rounded-xtra-bold;
      font-size: 40px;
      text-shadow: 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF, 0 0 6px #6EC0AF;
      line-height: 46px;
      letter-spacing: 0.03em;
      padding-bottom: 50px;
      color: #FFFFFC; }
    #banner-block #introduction-block a {
      padding: 10px 15px;
      border: #6EC0AF 1px solid;
      border-radius: 10px;
      display: inline-block;
      color: #FFFFFC;
      background-color: #6EC0AF;
      text-decoration: none;
      font-family: grota-rounded-xtra-bold;
      font-size: 18px; }
      #banner-block #introduction-block a:hover {
        color: #6EC0AF;
        background-color: #FFFFFC; }

/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
#home-ccm {
  background-image: url("../img/style/svg/desktop_home_background.svg");
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 991px) {
    #home-ccm {
      background-image: none; } }

#comment-ca-marche-block {
  padding-bottom: 15px; }
  @media (max-width: 991px) {
    #comment-ca-marche-block {
      padding-bottom: 0 !important; } }
  #comment-ca-marche-block .section-title {
    font-size: 28px;
    font-family: grota-rounded-xtra-bold;
    color: #F69085;
    padding-top: 30px;
    padding-bottom: 30px; }
  #comment-ca-marche-block .comment-ca-marche-container {
    max-width: 1000px;
    margin: auto; }
    #comment-ca-marche-block .comment-ca-marche-container .concept-part .img-container {
      position: relative;
      height: 150px;
      display: table;
      width: 100%; }
      #comment-ca-marche-block .comment-ca-marche-container .concept-part .img-container .inner {
        display: table-cell;
        vertical-align: bottom; }
        #comment-ca-marche-block .comment-ca-marche-container .concept-part .img-container .inner img#computer {
          width: 169px; }
        #comment-ca-marche-block .comment-ca-marche-container .concept-part .img-container .inner img#clock-2h {
          width: 84px; }
        #comment-ca-marche-block .comment-ca-marche-container .concept-part .img-container .inner img#balloon {
          width: 58px;
          position: absolute;
          bottom: 45px; }
        #comment-ca-marche-block .comment-ca-marche-container .concept-part .img-container .inner img#house {
          width: 106px; }
    #comment-ca-marche-block .comment-ca-marche-container .concept-part h4 {
      padding-bottom: 15px;
      padding-top: 15px;
      margin: 0;
      font-family: grota-rounded-xtra-bold;
      font-size: 18px;
      color: #6EC0AF;
      line-height: 20px;
      letter-spacing: 0.03em; }
      @media (max-width: 991px) {
        #comment-ca-marche-block .comment-ca-marche-container .concept-part h4 {
          max-width: none; } }
    #comment-ca-marche-block .comment-ca-marche-container .concept-part .legend {
      font-family: grota-sans-alt-semibold;
      font-size: 14px;
      line-height: 17px;
      letter-spacing: 0.032em; }
  #comment-ca-marche-block .pourquoi-nous-container {
    max-width: 1000px;
    margin: auto;
    position: relative;
    min-height: 400px; }
    #comment-ca-marche-block .pourquoi-nous-container .col {
      padding: 0; }
      #comment-ca-marche-block .pourquoi-nous-container .col.col-1 .inner .bloc-title {
        padding-top: 15px; }
      #comment-ca-marche-block .pourquoi-nous-container .col.col-1 .inner .bloc-title, #comment-ca-marche-block .pourquoi-nous-container .col.col-1 .inner .bloc-legend {
        width: 160px; }
      #comment-ca-marche-block .pourquoi-nous-container .col.col-2 .inner {
        text-align: right;
        padding-right: 13px; }
        #comment-ca-marche-block .pourquoi-nous-container .col.col-2 .inner .bloc-legend {
          width: 150px; }
      #comment-ca-marche-block .pourquoi-nous-container .col.col-3 .inner {
        padding-top: 58px;
        text-align: right; }
        #comment-ca-marche-block .pourquoi-nous-container .col.col-3 .inner .bloc-legend {
          width: 190px; }
      #comment-ca-marche-block .pourquoi-nous-container .col .inner {
        background-repeat: no-repeat;
        background-size: 100%;
        position: relative; }
        #comment-ca-marche-block .pourquoi-nous-container .col .inner .bloc-title {
          font-family: grota-rounded-xtra-bold;
          font-size: 18px;
          margin: 0;
          line-height: 20px; }
        #comment-ca-marche-block .pourquoi-nous-container .col .inner .bloc-legend {
          font-family: grota-sans-alt-semibold;
          font-size: 13px;
          padding-top: 10px;
          line-height: 17px; }
        #comment-ca-marche-block .pourquoi-nous-container .col .inner .bloc-title, #comment-ca-marche-block .pourquoi-nous-container .col .inner .bloc-legend {
          padding-left: 15px;
          padding-right: 15px; }
    @media (min-width: 992px) {
      #comment-ca-marche-block .pourquoi-nous-container .col {
        padding: 0; }
        #comment-ca-marche-block .pourquoi-nous-container .col.col-1, #comment-ca-marche-block .pourquoi-nous-container .col.col-2, #comment-ca-marche-block .pourquoi-nous-container .col.col-3 {
          color: #FFFFFF; }
        #comment-ca-marche-block .pourquoi-nous-container .col.col-1 .inner:before {
          background-image: url("../img/style/svg/biscuit_vert.svg"); }
        #comment-ca-marche-block .pourquoi-nous-container .col.col-1 .inner .bloc-title {
          padding-top: 15px; }
        #comment-ca-marche-block .pourquoi-nous-container .col.col-1 .inner .bloc-title, #comment-ca-marche-block .pourquoi-nous-container .col.col-1 .inner .bloc-legend {
          width: 160px; }
        #comment-ca-marche-block .pourquoi-nous-container .col.col-2 {
          top: 137px;
          left: -30px; }
          #comment-ca-marche-block .pourquoi-nous-container .col.col-2 .inner {
            text-align: right;
            padding-right: 13px; }
            #comment-ca-marche-block .pourquoi-nous-container .col.col-2 .inner:before {
              background-image: url("../img/style/svg/biscuit_rouge.svg"); }
            #comment-ca-marche-block .pourquoi-nous-container .col.col-2 .inner .bloc-legend {
              width: 150px;
              float: right; }
        #comment-ca-marche-block .pourquoi-nous-container .col.col-3 {
          left: -43px; }
          #comment-ca-marche-block .pourquoi-nous-container .col.col-3 .inner {
            padding-top: 58px;
            text-align: right; }
            #comment-ca-marche-block .pourquoi-nous-container .col.col-3 .inner:before {
              background-image: url("../img/style/svg/biscuit_vert.svg");
              transform: rotate(180deg); }
            #comment-ca-marche-block .pourquoi-nous-container .col.col-3 .inner .bloc-legend {
              width: 190px;
              float: right; }
        #comment-ca-marche-block .pourquoi-nous-container .col.col-4 .inner {
          color: #6EC0AF; }
          #comment-ca-marche-block .pourquoi-nous-container .col.col-4 .inner:before {
            background-image: url("../img/style/svg/biscuit_jaune.svg"); }
        #comment-ca-marche-block .pourquoi-nous-container .col .inner {
          background-repeat: no-repeat;
          background-size: 100%;
          position: relative; }
          #comment-ca-marche-block .pourquoi-nous-container .col .inner:before {
            content: "";
            position: absolute;
            min-height: 300px;
            width: 100%;
            background-repeat: no-repeat;
            background-size: 100%;
            top: -15px;
            left: 0;
            z-index: -1; }
          #comment-ca-marche-block .pourquoi-nous-container .col .inner .bloc-title {
            font-family: grota-rounded-xtra-bold;
            margin: 0; }
          #comment-ca-marche-block .pourquoi-nous-container .col .inner .bloc-legend {
            font-family: grota-sans-alt-semibold;
            font-size: 13px;
            padding-top: 10px; }
          #comment-ca-marche-block .pourquoi-nous-container .col .inner .bloc-title, #comment-ca-marche-block .pourquoi-nous-container .col .inner .bloc-legend {
            padding-left: 15px;
            padding-right: 15px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #comment-ca-marche-block .pourquoi-nous-container {
        max-width: 520px;
        height: 725px; }
        #comment-ca-marche-block .pourquoi-nous-container .col {
          padding: 0; }
          #comment-ca-marche-block .pourquoi-nous-container .col.col-1, #comment-ca-marche-block .pourquoi-nous-container .col.col-2, #comment-ca-marche-block .pourquoi-nous-container .col.col-3 {
            color: #FFFFFF; }
          #comment-ca-marche-block .pourquoi-nous-container .col.col-1 .inner:before {
            background-image: url("../img/style/svg/biscuit_vert.svg"); }
          #comment-ca-marche-block .pourquoi-nous-container .col.col-1 .inner .bloc-title {
            padding-top: 15px; }
          #comment-ca-marche-block .pourquoi-nous-container .col.col-1 .inner .bloc-title, #comment-ca-marche-block .pourquoi-nous-container .col.col-1 .inner .bloc-legend {
            width: 160px; }
          #comment-ca-marche-block .pourquoi-nous-container .col.col-2 {
            top: 137px;
            left: -30px; }
            #comment-ca-marche-block .pourquoi-nous-container .col.col-2 .inner {
              text-align: right;
              padding-right: 13px; }
              #comment-ca-marche-block .pourquoi-nous-container .col.col-2 .inner:before {
                background-image: url("../img/style/svg/biscuit_rouge.svg"); }
              #comment-ca-marche-block .pourquoi-nous-container .col.col-2 .inner .bloc-legend {
                width: 150px;
                float: right; }
          #comment-ca-marche-block .pourquoi-nous-container .col.col-3 {
            clear: left;
            top: 115px; }
            #comment-ca-marche-block .pourquoi-nous-container .col.col-3 .inner {
              padding-top: 50px;
              text-align: right; }
              #comment-ca-marche-block .pourquoi-nous-container .col.col-3 .inner:before {
                background-image: url("../img/style/svg/biscuit_vert.svg");
                transform: rotate(180deg); }
              #comment-ca-marche-block .pourquoi-nous-container .col.col-3 .inner .bloc-legend {
                width: 190px;
                float: right; }
          #comment-ca-marche-block .pourquoi-nous-container .col.col-4 {
            clear: left;
            left: 259px;
            top: 35px; }
            #comment-ca-marche-block .pourquoi-nous-container .col.col-4 .inner {
              color: #6EC0AF; }
              #comment-ca-marche-block .pourquoi-nous-container .col.col-4 .inner:before {
                background-image: url("../img/style/svg/biscuit_jaune.svg");
                background-size: 95%; }
          #comment-ca-marche-block .pourquoi-nous-container .col .inner {
            background-repeat: no-repeat;
            background-size: 100%;
            position: relative; }
            #comment-ca-marche-block .pourquoi-nous-container .col .inner:before {
              content: "";
              position: absolute;
              min-height: 300px;
              width: 100%;
              background-repeat: no-repeat;
              background-size: 100%;
              top: -15px;
              left: 0;
              z-index: -1; }
            #comment-ca-marche-block .pourquoi-nous-container .col .inner .bloc-title {
              font-family: grota-rounded-xtra-bold;
              margin: 0; }
            #comment-ca-marche-block .pourquoi-nous-container .col .inner .bloc-legend {
              font-family: grota-sans-alt-semibold;
              font-size: 13px;
              padding-top: 10px; }
            #comment-ca-marche-block .pourquoi-nous-container .col .inner .bloc-title, #comment-ca-marche-block .pourquoi-nous-container .col .inner .bloc-legend {
              padding-left: 15px;
              padding-right: 15px; } }
    @media (max-width: 767px) {
      #comment-ca-marche-block .pourquoi-nous-container {
        overflow: hidden;
        background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/phone_home_background.svg");
        background-size: 101%;
        color: #FFFFFC; }
        #comment-ca-marche-block .pourquoi-nous-container .col .inner {
          padding-bottom: 50px; }
          #comment-ca-marche-block .pourquoi-nous-container .col .inner .bloc-legend, #comment-ca-marche-block .pourquoi-nous-container .col .inner .bloc-title {
            text-align: left;
            width: 100% !important; }
        #comment-ca-marche-block .pourquoi-nous-container .col.col-2 .inner .bloc-legend, #comment-ca-marche-block .pourquoi-nous-container .col.col-2 .inner .bloc-title, #comment-ca-marche-block .pourquoi-nous-container .col.col-4 .inner .bloc-legend, #comment-ca-marche-block .pourquoi-nous-container .col.col-4 .inner .bloc-title {
          text-align: right; } }

/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
#page-connexion-container .connexion-block {
  margin: auto;
  max-width: 500px;
  background-color: #F69085;
  color: #FFFFFC;
  border-radius: 20px;
  padding-top: 40px;
  font-size: 16px;
  font-family: grota-rounded-xtra-bold;
  text-align: left;
  position: relative;
  z-index: 50; }
  #page-connexion-container .connexion-block .connexion-form .alert.alert-danger {
    background-color: #FFFFFC !important;
    background-image: none !important;
    font-family: grota-sans-alt-medium;
    font-size: 14px; }
  #page-connexion-container .connexion-block .connexion-form input, #page-connexion-container .connexion-block .connexion-form input:-webkit-autofill {
    font-family: grota-sans-alt-medium !important;
    text-align: center;
    color: #4A4A4A;
    background-color: #FFFFFC;
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFC inset; }
  #page-connexion-container .connexion-block .connexion-form .forgotten-passwd {
    font-size: 13px;
    font-family: grota-sans-alt-medium;
    text-align: center;
    display: block;
    padding-top: 7px; }
    #page-connexion-container .connexion-block .connexion-form .forgotten-passwd, #page-connexion-container .connexion-block .connexion-form .forgotten-passwd:hover, #page-connexion-container .connexion-block .connexion-form .forgotten-passwd:active, #page-connexion-container .connexion-block .connexion-form .forgotten-passwd:focus {
      text-decoration: none;
      color: #FFFFFC; }
  #page-connexion-container .connexion-block .connexion-form .btn-submit-connexion {
    font-size: 18px;
    margin: auto;
    display: block;
    margin-top: 20px; }
  #page-connexion-container .connexion-block .first-visit-container {
    font-family: grota-sans-alt-medium;
    font-size: 13px;
    color: #FFFFFC; }
    #page-connexion-container .connexion-block .first-visit-container a {
      font-family: grota-rounded-xtra-bold;
      font-size: 10px; }
#page-connexion-container .nuage-jaune {
  height: 200px;
  width: 290px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: -15px;
  top: 95px;
  background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/nuage_jaune.svg");
  z-index: 10; }
#page-connexion-container .nuage-vert {
  height: 250px;
  width: 350px;
  transform: rotate(180deg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -25px;
  bottom: 276px;
  background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/nuage_vert.svg");
  z-index: 10; }
#page-connexion-container .papillon1 {
  height: 105px;
  width: 92px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 150px;
  top: 204px;
  background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/logo_vert.svg");
  z-index: 10; }
#page-connexion-container .papillon2 {
  height: 165px;
  width: 150px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 150px;
  bottom: 400px;
  background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/logo_vert.svg");
  z-index: 10; }

/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
#page-register-container .register-block {
  margin: auto;
  max-width: 500px;
  background-color: #F69085;
  color: #FFFFFC;
  border-radius: 20px;
  padding-top: 40px;
  font-size: 16px;
  font-family: grota-rounded-xtra-bold;
  text-align: left;
  position: relative;
  z-index: 50; }
  #page-register-container .register-block .register-form .alert.alert-danger {
    background-color: #FFFFFC !important;
    background-image: none !important;
    font-family: grota-sans-alt-medium;
    font-size: 14px; }
    #page-register-container .register-block .register-form .alert.alert-danger a, #page-register-container .register-block .register-form .alert.alert-danger a:hover, #page-register-container .register-block .register-form .alert.alert-danger a:focus {
      color: #a94442; }
  #page-register-container .register-block .register-form input, #page-register-container .register-block .register-form input:-webkit-autofill {
    font-family: grota-sans-alt-medium !important;
    text-align: center;
    color: #4A4A4A;
    background-color: #FFFFFC;
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFC inset; }
  #page-register-container .register-block .register-form .forgotten-passwd {
    font-size: 13px;
    font-family: grota-sans-alt-medium;
    text-align: center;
    display: block;
    padding-top: 7px; }
    #page-register-container .register-block .register-form .forgotten-passwd, #page-register-container .register-block .register-form .forgotten-passwd:hover, #page-register-container .register-block .register-form .forgotten-passwd:active, #page-register-container .register-block .register-form .forgotten-passwd:focus {
      text-decoration: none;
      color: #FFFFFC; }
  #page-register-container .register-block .register-form .btn-submit-connexion {
    font-size: 18px;
    margin: auto;
    display: block;
    margin-top: 20px; }
  #page-register-container .register-block .first-visit-container {
    font-family: grota-sans-alt-medium;
    font-size: 13px;
    color: #FFFFFC; }
    #page-register-container .register-block .first-visit-container a {
      font-family: grota-rounded-xtra-bold;
      font-size: 10px; }
#page-register-container .nuage-jaune {
  height: 200px;
  width: 290px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: -15px;
  top: 95px;
  background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/nuage_jaune.svg");
  z-index: 10; }
#page-register-container .nuage-vert {
  height: 250px;
  width: 350px;
  transform: rotate(180deg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -25px;
  bottom: 276px;
  background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/nuage_vert.svg");
  z-index: 10; }
#page-register-container .papillon1 {
  height: 105px;
  width: 92px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 150px;
  top: 204px;
  background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/logo_vert.svg");
  z-index: 10; }
#page-register-container .papillon2 {
  height: 165px;
  width: 150px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 150px;
  bottom: 400px;
  background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/logo_vert.svg");
  z-index: 10; }

/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
.product-block {
  margin-bottom: 10px; }
  .product-block .img-block {
    position: relative; }
    .product-block .img-block .cart-container {
      position: absolute;
      width: 100%;
      height: 100%;
      text-align: center;
      z-index: 20;
      display: none;
      font-size: 12px;
      text-decoration: none; }
      .product-block .img-block .cart-container div {
        margin: auto;
        color: #FFFFFF;
        font-size: 2em; }
        .product-block .img-block .cart-container div .cart-quantity {
          font-size: 35px; }
    .product-block .img-block.grisage:before {
      content: " ";
      height: 100%;
      width: 100%;
      background-color: #4A4A4A;
      opacity: 0.5;
      position: absolute;
      z-index: 10; }
    .product-block .img-block.grisage .cart-container {
      display: flex; }
    .product-block .img-block.grisage .tools .btn-no-grisage {
      display: none; }
    .product-block .img-block.grisage .tools .btn-group-griser {
      display: block;
      width: 80%;
      margin: auto; }
      .product-block .img-block.grisage .tools .btn-group-griser .btn {
        display: inline-block;
        width: 49%;
        margin: 0;
        font-size: 2.2em;
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 1; }
      .product-block .img-block.grisage .tools .btn-group-griser .btn-enlever-panier {
        border-bottom-left-radius: 20px;
        border-top-left-radius: 20px;
        border-right: 1px solid #FFFFFF; }
      .product-block .img-block.grisage .tools .btn-group-griser .btn-ajouter-panier {
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px; }
      .product-block .img-block.grisage .tools .btn-group-griser .btn-enlever-panier:hover, .product-block .img-block.grisage .tools .btn-group-griser .btn-ajouter-panier:hover {
        color: #6EC0AF;
        background-color: #FFFFFF; }
    .product-block .img-block .img-couverture {
      width: 100%; }
    .product-block .img-block .img-producteur {
      width: 17%;
      position: absolute;
      left: 10px;
      bottom: 10px;
      border: 1px #FFFFFF solid; }
      .product-block .img-block .img-producteur img {
        width: 100%; }
    .product-block .img-block .produit-favori {
      position: absolute;
      top: 10px;
      left: 10px;
      width: 20px;
      height: 20px;
      background: url("https://www.lecomptoirlocal.fr/img/style/pictos/coeur_transparent.png");
      background-size: contain;
      background-repeat: no-repeat; }
      .product-block .img-block .produit-favori.active, .product-block .img-block .produit-favori:hover {
        background-image: url("../img/style/pictos/coeur.png"); }
    .product-block .img-block .produit-bio {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 28px;
      height: 25px;
      background-image: url("https://www.lecomptoirlocal.fr/img/style/pictos/produit_bio.png");
      background-size: cover;
      background-repeat: no-repeat; }
    .product-block .img-block .tools {
      position: absolute;
      width: 100%;
      z-index: 30;
      bottom: 6px; }
      .product-block .img-block .tools .btn-no-grisage {
        display: block;
        text-align: right;
        margin-right: 7px; }
      .product-block .img-block .tools .btn-group-griser {
        display: none; }
      .product-block .img-block .tools .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
        color: #6EC0AF; }
      .product-block .img-block .tools .calibre-select {
        background-color: rgba(221, 221, 221, 0.78); }
  .product-block .informations-block {
    background-color: #FFFFFF;
    padding-top: 6px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    border-left: #6EC0AF solid 1px;
    border-right: #6EC0AF solid 1px;
    border-bottom: #6EC0AF solid 1px;
    font-family: grota-sans-alt-medium;
    border-bottom-right-radius: 10px; }
    .product-block .informations-block ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: table;
      width: 100%; }
      .product-block .informations-block ul.premiere-ligne .nom-producteur a, .product-block .informations-block ul.premiere-ligne .nom-producteur a:hover {
        color: #6EC0AF;
        text-decoration: none; }
      .product-block .informations-block ul.premiere-ligne .dispo-a-partir {
        width: 88px;
        font-size: 13px;
        color: #A1A1A1; }
      .product-block .informations-block ul.deuxieme-ligne {
        padding-bottom: 4px; }
        .product-block .informations-block ul.deuxieme-ligne .nom-produit {
          font-size: 19px; }
          .product-block .informations-block ul.deuxieme-ligne .nom-produit a {
            text-decoration: none;
            color: #333333; }
        .product-block .informations-block ul.deuxieme-ligne .prix-produit {
          width: 60px;
          text-align: right;
          font-size: 19px; }
          .product-block .informations-block ul.deuxieme-ligne .prix-produit small {
            font-size: 13px;
            vertical-align: top;
            display: inline-block;
            padding-top: 2px;
            padding-left: 3px; }
      .product-block .informations-block ul.derniere-ligne {
        padding-top: 4px;
        font-size: 13px; }
        .product-block .informations-block ul.derniere-ligne .prix-au-kilo {
          color: #646464; }
      .product-block .informations-block ul li {
        display: table-cell; }
        .product-block .informations-block ul li.quantite-unitaire {
          text-align: right; }
  @media (max-width: 767px) {
    .product-block .img-block {
      width: 45%;
      display: table-cell; }
      .product-block .img-block .cart-container div {
        font-size: 1em;
        padding-bottom: 26px; }
        .product-block .img-block .cart-container div .cart-quantity {
          font-size: 22px; }
    .product-block .informations-block {
      width: 55%;
      display: table-cell;
      border-left: 0;
      border-top: #6EC0AF solid 1px;
      vertical-align: top;
      position: relative; }
      .product-block .informations-block ul {
        display: block; }
      .product-block .informations-block .nom-producteur {
        font-size: 10px;
        display: block !important; }
      .product-block .informations-block .nom-produit {
        font-size: 13px !important;
        display: block !important; }
      .product-block .informations-block .prix-produit {
        width: 100% !important;
        font-size: 14px !important;
        display: block !important; }
      .product-block .informations-block .derniere-ligne {
        position: absolute;
        bottom: 5px;
        left: 10px;
        right: 10px;
        display: block;
        width: auto;
        font-size: 10px; }
        .product-block .informations-block .derniere-ligne .prix-au-kilo {
          float: left;
          font-size: 10px; }
        .product-block .informations-block .derniere-ligne .quantite-unitaire {
          float: right;
          font-size: 10px; } }

/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
.citation {
  padding-top: 10px; }
  .citation .content .text {
    padding-top: 14px;
    margin-left: 35px;
    margin-right: 35px;
    text-align: center;
    font-size: 18px; }
    .citation .content .text .author {
      display: block;
      text-align: right;
      font-size: 13px;
      padding-right: 20px;
      color: #646464; }
  .citation .content:before {
    content: " ";
    height: 20px;
    width: 30px;
    position: absolute;
    background-size: 30px 20px;
    background-image: url("https://www.lecomptoirlocal.fr/img/style/pictos/guillemet-vert-ouvrant.png"); }
  .citation .content:after {
    content: " ";
    height: 20px;
    width: 30px;
    position: absolute;
    right: 15px;
    bottom: -10px;
    background-size: 30px 20px;
    background-image: url("https://www.lecomptoirlocal.fr/img/style/pictos/guillemet-vert-fermant.png");
    margin-bottom: 15px; }

/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
#free-shipping-block {
  border-bottom: #ddd 1px solid; }
  #free-shipping-block p {
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px; }
    #free-shipping-block p .picto-camion {
      display: inline-block;
      height: 30px; }

/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
#cart-block {
  position: absolute;
  right: 14px;
  top: 65px;
  background-color: #FFFFFC;
  border-bottom: 1px #6EC0AF solid;
  border-left: 1px #6EC0AF solid;
  width: 315px;
  border-bottom-left-radius: 30px; }
  #cart-block .cart-header {
    height: 30px;
    border-bottom: 1px #6EC0AF solid; }
    #cart-block .cart-header .text-header {
      color: #6EC0AF;
      float: left;
      width: 100%;
      text-align: right;
      line-height: 10px;
      letter-spacing: 0.03em;
      font-size: 14px;
      font-family: grota-sans-alt-bold;
      padding-top: 11px; }
  #cart-block .first-content-row {
    max-height: 243px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px #6EC0AF solid; }
    #cart-block .first-content-row #cart-product-list {
      color: #333333; }
      #cart-block .first-content-row #cart-product-list .product-img-container {
        padding-left: 0; }
        #cart-block .first-content-row #cart-product-list .product-img-container .product-img {
          width: 100%;
          margin: 5px 0 0 5px; }
      #cart-block .first-content-row #cart-product-list .name-and-price-container {
        line-height: 14px;
        padding-top: 10px;
        font-family: grota-sans-alt-bold;
        font-size: 12px; }
        #cart-block .first-content-row #cart-product-list .name-and-price-container .name-container {
          padding-left: 0px; }
      #cart-block .first-content-row #cart-product-list .quantity-container {
        padding-left: 0px;
        font-family: grota-sans-alt-medium;
        font-size: 12px;
        line-height: 14px; }
  #cart-block .cart-shipping-cost-container {
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 12px;
    color: #333333;
    display: table;
    width: 150px;
    float: right;
    padding-right: 15px;
    font-family: grota-sans-alt-medium; }
    #cart-block .cart-shipping-cost-container div {
      display: table-cell; }
    #cart-block .cart-shipping-cost-container .value {
      text-align: right;
      font-family: grota-sans-alt-bold; }
  #cart-block .total-container {
    padding-bottom: 10px;
    font-size: 12px;
    color: #333333;
    display: table;
    width: 100px;
    float: right;
    padding-right: 15px;
    font-family: grota-sans-alt-medium; }
    #cart-block .total-container div {
      display: table-cell; }
    #cart-block .total-container .cart-total-products {
      font-family: grota-sans-alt-bold; }
  #cart-block .btn-commander-container {
    padding-bottom: 10px; }
    #cart-block .btn-commander-container .btn-mon-panier {
      font-family: grota-rounded-xtra-bold;
      font-size: 16px; }
  #cart-block .date-max-cmd-container {
    padding-bottom: 10px; }
    #cart-block .date-max-cmd-container .date-max-content {
      font-size: 1em;
      color: #646464; }

/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
.margin-top-produit {
  padding-top: 110px !important; }

@media (max-width: 991px) {
  .margin-top-produit {
    padding-top: 85px !important; } }
#page-produit-container {
  display: table;
  width: 100%; }
  #page-produit-container #left-navbar {
    display: table-cell;
    width: 150px;
    padding-left: 5px; }
    #page-produit-container #left-navbar .fixed {
      position: fixed;
      width: 150px;
      height: 100vh;
      padding-bottom: 110px;
      overflow: auto;
      font-family: grota-sans-alt-medium;
      font-size: 13px; }
      #page-produit-container #left-navbar .fixed h1 {
        font-family: grota-sans-alt-bold;
        margin: 0;
        padding-top: 7px;
        font-size: 13px;
        padding-left: 11px;
        padding-bottom: 5px;
        color: #F69085; }
      #page-produit-container #left-navbar .fixed .filtres {
        padding: 10px 0px;
        padding-left: 11px;
        color: #F69085; }
        #page-produit-container #left-navbar .fixed .filtres .filtre-title {
          line-height: 1.7; }
      #page-produit-container #left-navbar .fixed ul {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        #page-produit-container #left-navbar .fixed ul > li > a {
          border-left: transparent 4px solid;
          color: #333333;
          text-decoration: none;
          width: 100%;
          display: block;
          padding-left: 7px;
          padding-top: 5px;
          padding-bottom: 5px; }
        #page-produit-container #left-navbar .fixed ul > li ul.sub-sub-cat-nav {
          display: none !important;
          padding-left: 10px; }
          #page-produit-container #left-navbar .fixed ul > li ul.sub-sub-cat-nav > li > a {
            border-left: #D9D9D9 4px solid !important;
            color: #333333;
            text-decoration: none;
            width: 100%;
            display: block;
            padding-left: 7px;
            padding-top: 5px;
            padding-bottom: 5px; }
            #page-produit-container #left-navbar .fixed ul > li ul.sub-sub-cat-nav > li > a:hover {
              background-color: #eee; }
        #page-produit-container #left-navbar .fixed ul > li.active > a {
          border-left: #6EC0AF 4px solid;
          font-weight: bold; }
          #page-produit-container #left-navbar .fixed ul > li.active > a.has-sub-sub-cat {
            border-left: transparent 4px solid !important; }
        #page-produit-container #left-navbar .fixed ul > li.active ul.sub-sub-cat-nav {
          display: block !important; }
          #page-produit-container #left-navbar .fixed ul > li.active ul.sub-sub-cat-nav > li > a {
            font-weight: normal; }
          #page-produit-container #left-navbar .fixed ul > li.active ul.sub-sub-cat-nav > li.active a {
            border-left: #6EC0AF 4px solid !important; }
  #page-produit-container #products-container {
    display: table-cell; }
    #page-produit-container #products-container .category-anchor {
      position: relative;
      top: -105px; }
    #page-produit-container #products-container h2.category-title {
      margin: 0;
      text-align: left;
      font-size: 22px !important;
      padding: 0px 15px;
      font-family: grota-sans-alt-bold;
      color: #F69085;
      width: fit-content;
      margin-top: 5px;
      margin-bottom: 9px; }
      #page-produit-container #products-container h2.category-title .inner .text {
        padding-right: 30px; }
    #page-produit-container #products-container h3.category-title {
      margin: 0;
      text-align: left;
      margin-bottom: 15px;
      font-size: 20px;
      font-family: grota-sans-alt-semibold; }
      #page-produit-container #products-container h3.category-title .btn-far-products-explication {
        display: inline;
        font-size: 12px;
        cursor: pointer; }
      #page-produit-container #products-container h3.category-title span {
        padding: 0px 15px; }

/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
.producer-list-title {
  padding-top: 10px;
  width: fit-content;
  margin: auto; }
  .producer-list-title .inner {
    color: #F69085;
    padding-right: 10px;
    padding-left: 10px;
    font-family: grota-rounded-xtra-bold;
    font-size: 28px; }

.producer-list-sub-title {
  color: #F69085;
  font-family: grota-rounded-xtra-bold;
  font-size: 22px;
  padding-bottom: 24px; }

#page-producer-container .nuage-vert {
  height: 100px;
  width: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: -64px;
  top: 96px;
  background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/nuage_vert.svg"); }
#page-producer-container #googlemap-container {
  height: 350px; }
#page-producer-container .producer-list-description-container .description-title {
  font-family: grota-rounded-xtra-bold;
  font-size: 16px;
  color: #6EC0AF;
  padding-bottom: 15px; }
#page-producer-container .producer-list-description-container .description-text {
  font-family: grota-sans-alt-medium;
  font-size: 14px;
  line-height: 1.3; }
#page-producer-container #producers-container .producer-block {
  margin-bottom: 25px; }
  #page-producer-container #producers-container .producer-block .img-block .img-producteur img {
    width: 100%; }
  #page-producer-container #producers-container .producer-block .informations-block {
    background-color: #FFFFFF;
    padding-top: 6px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    border-left: #6EC0AF solid 1px;
    border-right: #6EC0AF solid 1px;
    border-bottom: #6EC0AF solid 1px;
    border-bottom-right-radius: 10px; }
    #page-producer-container #producers-container .producer-block .informations-block .first-row {
      display: table;
      width: 100%; }
      #page-producer-container #producers-container .producer-block .informations-block .first-row .nom-producteur {
        display: table-cell;
        font-size: 19px;
        text-decoration: none;
        color: #333333; }
      #page-producer-container #producers-container .producer-block .informations-block .first-row .travail-producteur {
        display: table-cell;
        color: #F69085;
        text-align: right;
        max-width: 50%;
        width: fit-content; }
    #page-producer-container #producers-container .producer-block .informations-block .short-description {
      color: #6EC0AF; }

/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
#producer-description-container {
  padding-top: 10px !important; }
  #producer-description-container .photo_producteur {
    width: 100%; }
  #producer-description-container .nom_exploitation {
    margin-bottom: 5px;
    margin-top: 0;
    font-family: grota-sans-alt-bold;
    font-size: 3em; }
  #producer-description-container #producer_activity_table tr {
    border-bottom: 1px solid #7F7F7F;
    color: #7F7F7F; }
    #producer-description-container #producer_activity_table tr td.first-col {
      border-right: 1px solid #7F7F7F;
      padding-right: 10px; }
    #producer-description-container #producer_activity_table tr td.second-col {
      padding-left: 10px; }
      #producer-description-container #producer_activity_table tr td.second-col img {
        width: 20px;
        padding-bottom: 5px; }
  #producer-description-container .category-title {
    text-align: left;
    padding-left: 15px; }

/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
#product-description-container h2.trait {
  margin-bottom: 10px !important; }
#product-description-container .nom-exploitation {
  color: #6EC0AF;
  text-decoration: none;
  font-size: 21px;
  display: block;
  padding-top: 10px; }
#product-description-container .nom-produit {
  font-size: 19px; }
#product-description-container .divider {
  border-top: 1px dotted #333333;
  margin-top: 10px;
  margin-bottom: 10px; }
#product-description-container .prix-quantite-container {
  font-size: 19px; }
  #product-description-container .prix-quantite-container .prix-produit {
    font-size: 26px; }
    #product-description-container .prix-quantite-container .prix-produit small {
      font-size: 17px;
      vertical-align: top;
      display: inline-block;
      padding-top: 2px;
      padding-left: 3px; }
#product-description-container .prix-au-kilo {
  color: #646464; }
#product-description-container .dispo-a-partir {
  color: #ca7748;
  font-size: 12px; }
#product-description-container .propriete-produit {
  width: 100%; }
  #product-description-container .propriete-produit .ingredients p {
    margin: 0; }
  #product-description-container .propriete-produit .dispo-hebdo .head {
    width: 55px;
    line-height: 1.25; }
  #product-description-container .propriete-produit .dispo-hebdo .dispo-marker {
    height: 12px;
    width: 25px;
    background-color: #F07A52;
    border-radius: 3px; }
    #product-description-container .propriete-produit .dispo-hebdo .dispo-marker.active {
      background-color: #6EC0AF; }
#product-description-container .producer-informations .producer-photo {
  width: 100%; }
#product-description-container .producer-informations .nom-producteur {
  font-size: 22px; }
#product-description-container .producer-informations .localisation {
  padding-bottom: 10px; }
  #product-description-container .producer-informations .localisation img {
    width: 13px;
    float: left; }
  #product-description-container .producer-informations .localisation .localisation-text {
    float: left;
    line-height: 1.5;
    padding-left: 5px;
    color: #7F7F7F; }

/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
#category-mobile-popover ul, #sub-category-mobile-popover ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  #category-mobile-popover ul li a, #sub-category-mobile-popover ul li a {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #edeae6;
    display: block;
    color: #646464;
    text-decoration: none; }

/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
#how-it-works-dialog .modal-dialog {
  width: 800px; }
  #how-it-works-dialog .modal-dialog .modal-header {
    padding: 0; }
    #how-it-works-dialog .modal-dialog .modal-header .close {
      margin-top: 10px;
      margin-right: 10px; }
    #how-it-works-dialog .modal-dialog .modal-header .nav.nav-tabs {
      border: 0;
      background-color: #6EC0AF;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      font-size: 18px; }
      #how-it-works-dialog .modal-dialog .modal-header .nav.nav-tabs li a {
        color: #FFFFFF;
        margin-right: 0;
        border-radius: 0px; }
        #how-it-works-dialog .modal-dialog .modal-header .nav.nav-tabs li a:hover, #how-it-works-dialog .modal-dialog .modal-header .nav.nav-tabs li a:focus {
          background-color: #6EC0AF;
          color: #FFFFFF;
          border-color: #6EC0AF #6EC0AF #FFFFFF #6EC0AF;
          border-bottom: 0; }
      #how-it-works-dialog .modal-dialog .modal-header .nav.nav-tabs li:first-child {
        border-top-left-radius: 5px; }
        #how-it-works-dialog .modal-dialog .modal-header .nav.nav-tabs li:first-child a {
          border-top-left-radius: 5px; }
      #how-it-works-dialog .modal-dialog .modal-header .nav.nav-tabs li.active a {
        color: #6EC0AF;
        background-color: #FFFFFF; }
        #how-it-works-dialog .modal-dialog .modal-header .nav.nav-tabs li.active a:hover, #how-it-works-dialog .modal-dialog .modal-header .nav.nav-tabs li.active a:focus {
          border-color: #FFFFFF;
          border-bottom: #FFFFFF 1px solid; }
  #how-it-works-dialog .modal-dialog .modal-body {
    height: 450px; }
    #how-it-works-dialog .modal-dialog .modal-body #pourquoi-lcl-container .section-title {
      font-size: 2em;
      margin-bottom: 5px;
      margin-top: 20px; }
    #how-it-works-dialog .modal-dialog .modal-body #pourquoi-lcl-container .section-description-container {
      text-align: center;
      margin-bottom: 20px; }
      #how-it-works-dialog .modal-dialog .modal-body #pourquoi-lcl-container .section-description-container .section-description {
        font-size: 18px;
        color: #646464;
        max-width: 500px;
        margin: auto; }
    #how-it-works-dialog .modal-dialog .modal-body #pourquoi-lcl-container .hiw-picto-table {
      display: table;
      margin: auto;
      width: 100%; }
      #how-it-works-dialog .modal-dialog .modal-body #pourquoi-lcl-container .hiw-picto-table .hiw-row {
        display: table-cell;
        padding-left: 10px;
        padding-right: 10px; }
        #how-it-works-dialog .modal-dialog .modal-body #pourquoi-lcl-container .hiw-picto-table .hiw-row .hiw-img-container {
          height: 100px;
          text-align: center; }
          #how-it-works-dialog .modal-dialog .modal-body #pourquoi-lcl-container .hiw-picto-table .hiw-row .hiw-img-container img {
            height: 100%; }
        #how-it-works-dialog .modal-dialog .modal-body #pourquoi-lcl-container .hiw-picto-table .hiw-row .hiw-img-description {
          width: 132px;
          text-align: center;
          padding-top: 5px;
          margin: auto;
          font-size: 17px; }
    #how-it-works-dialog .modal-dialog .modal-body #hiw-container {
      padding-top: 80px; }
      #how-it-works-dialog .modal-dialog .modal-body #hiw-container .hiw-picto-table {
        display: table;
        margin: auto;
        width: 100%; }
        #how-it-works-dialog .modal-dialog .modal-body #hiw-container .hiw-picto-table .hiw-row {
          display: table-cell;
          padding-left: 10px;
          padding-right: 10px; }
          #how-it-works-dialog .modal-dialog .modal-body #hiw-container .hiw-picto-table .hiw-row .hiw-img-container {
            height: 100px;
            text-align: center; }
            #how-it-works-dialog .modal-dialog .modal-body #hiw-container .hiw-picto-table .hiw-row .hiw-img-container img {
              height: 100%; }
          #how-it-works-dialog .modal-dialog .modal-body #hiw-container .hiw-picto-table .hiw-row .hiw-img-description {
            width: 210px;
            text-align: center;
            padding-top: 20px;
            font-size: 18px;
            margin: auto; }
          #how-it-works-dialog .modal-dialog .modal-body #hiw-container .hiw-picto-table .hiw-row .hiw-img-sub-description {
            width: 210px;
            text-align: center;
            padding-top: 5px;
            color: #646464;
            margin: auto; }
    #how-it-works-dialog .modal-dialog .modal-body #shipping-conditions-container ul {
      font-size: 18px; }
      #how-it-works-dialog .modal-dialog .modal-body #shipping-conditions-container ul li {
        padding-top: 15px; }
        #how-it-works-dialog .modal-dialog .modal-body #shipping-conditions-container ul li#shipping-condition-place-item {
          list-style-image: url("https://www.lecomptoirlocal.fr/img/style/how_it_works_picto/emoticon-camion.png"); }
        #how-it-works-dialog .modal-dialog .modal-body #shipping-conditions-container ul li#shipping-condition-when-item {
          list-style-image: url("https://www.lecomptoirlocal.fr/img/style/how_it_works_picto/emoticon-agenda.png"); }
        #how-it-works-dialog .modal-dialog .modal-body #shipping-conditions-container ul li#shipping-condition-order-min {
          list-style-image: url("https://www.lecomptoirlocal.fr/img/style/how_it_works_picto/emoticon-carotte.png"); }
        #how-it-works-dialog .modal-dialog .modal-body #shipping-conditions-container ul li#shipping-condition-franco {
          list-style-image: url("https://www.lecomptoirlocal.fr/img/style/how_it_works_picto/emoticon-champ.png"); }
          #how-it-works-dialog .modal-dialog .modal-body #shipping-conditions-container ul li#shipping-condition-franco .info-sup {
            color: #646464;
            font-size: 15px; }
        #how-it-works-dialog .modal-dialog .modal-body #shipping-conditions-container ul li#shipping-condition-cold {
          list-style-image: url("https://www.lecomptoirlocal.fr/img/style/how_it_works_picto/emoticon-flocon.png"); }

#products-not-available-dialog .modal-body .products-container .product-content-line, #change-shipping-date-products-not-available-dialog .modal-body .products-container .product-content-line {
  display: table;
  width: 100%; }
  #products-not-available-dialog .modal-body .products-container .product-content-line .table-container .img-container, #change-shipping-date-products-not-available-dialog .modal-body .products-container .product-content-line .table-container .img-container {
    display: table-cell; }
  #products-not-available-dialog .modal-body .products-container .product-content-line .table-container .product-infos, #change-shipping-date-products-not-available-dialog .modal-body .products-container .product-content-line .table-container .product-infos {
    display: table-cell;
    vertical-align: top;
    padding-left: 5px; }
    #products-not-available-dialog .modal-body .products-container .product-content-line .table-container .product-infos .product-name, #change-shipping-date-products-not-available-dialog .modal-body .products-container .product-content-line .table-container .product-infos .product-name {
      font-size: 17px; }

/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
#distant-product-dialog .modal-dialog {
  max-width: 800px;
  width: 100%;
  background-color: #6EC0AF; }
  #distant-product-dialog .modal-dialog .modal-content {
    background-color: transparent; }
    #distant-product-dialog .modal-dialog .modal-content .modal-body {
      text-align: center;
      color: #FFFFFF;
      font-size: 18px;
      line-height: 2; }
      #distant-product-dialog .modal-dialog .modal-content .modal-body .close {
        color: #FFFFFF;
        opacity: 0.7; }

/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
#recipe-page-wrapper {
  padding-top: 45px; }
  #recipe-page-wrapper .img-responsive {
    width: 100% !important; }
  #recipe-page-wrapper .btn-green {
    background-color: #6EC0AF !important; }
  #recipe-page-wrapper header {
    /* Tablet */ }
    #recipe-page-wrapper header .first-row {
      width: 100%;
      background-color: #ffffff;
      color: #6EC0AF;
      box-shadow: none; }
      #recipe-page-wrapper header .first-row .menu-list {
        margin: 0;
        padding: 0;
        display: table; }
        #recipe-page-wrapper header .first-row .menu-list li {
          display: table-cell;
          height: 45px; }
          #recipe-page-wrapper header .first-row .menu-list li.logo {
            width: 200px;
            background-color: #6EC0AF;
            height: 45px;
            font-family: grota-rounded-xtra-bold;
            font-size: 20px;
            text-align: center;
            vertical-align: middle;
            letter-spacing: 0.02em; }
            #recipe-page-wrapper header .first-row .menu-list li.logo a {
              color: #ffffff;
              text-decoration: none;
              padding-top: 3px;
              display: block; }
              #recipe-page-wrapper header .first-row .menu-list li.logo a .logo-first-part {
                font-size: 11px;
                text-decoration: underline;
                vertical-align: text-top; }
          #recipe-page-wrapper header .first-row .menu-list li.menu-link {
            font-family: grota-rounded-xtra-bold;
            font-size: 15px;
            padding: 0 15px;
            padding-top: 3px;
            color: #6EC0AF;
            vertical-align: middle; }
            #recipe-page-wrapper header .first-row .menu-list li.menu-link a {
              color: #6EC0AF;
              text-decoration: none;
              letter-spacing: 0.03em; }
    @media (max-width: 991px) {
      #recipe-page-wrapper header .first-row .menu-list {
        width: 200px;
        float: left; }
        #recipe-page-wrapper header .first-row .menu-list li.logo {
          background-color: #ffffff; }
          #recipe-page-wrapper header .first-row .menu-list li.logo a {
            color: #6EC0AF;
            background-color: #ffffff; }
            #recipe-page-wrapper header .first-row .menu-list li.logo a .logo-first-part {
              font-size: 11px;
              text-decoration: underline;
              vertical-align: text-top; }
      #recipe-page-wrapper header .first-row .mobile-menu-opener {
        background-color: #6EC0AF;
        color: #ffffff;
        height: 45px;
        width: 45px;
        font-size: 25px;
        padding: 7px 12px;
        cursor: pointer; } }
    #recipe-page-wrapper header .menu-mobile {
      width: 100%;
      background-color: #6EC0AF;
      position: fixed;
      height: 100%;
      z-index: 50;
      padding-top: 50px; }
      #recipe-page-wrapper header .menu-mobile .menu-mobile-list {
        padding: 0 15px;
        width: 100%;
        list-style-type: none;
        overflow-y: auto;
        max-height: 100%; }
        #recipe-page-wrapper header .menu-mobile .menu-mobile-list .menu-mobile-item a, #recipe-page-wrapper header .menu-mobile .menu-mobile-list .menu-mobile-item a:hover {
          display: block;
          width: 100%;
          color: #fff;
          text-decoration: none;
          font-size: 20px;
          font-family: grota-rounded-xtra-bold;
          text-align: center;
          padding: 15px 0;
          border-bottom: 1px #fff solid;
          letter-spacing: 0.03em; }
  #recipe-page-wrapper .cover-recipe {
    position: relative; }
    #recipe-page-wrapper .cover-recipe .cover-recipe-img {
      background-size: cover;
      width: 100%;
      height: 400px;
      background-position-y: 39%; }
    #recipe-page-wrapper .cover-recipe .cover-recipe-description-block {
      max-width: 600px;
      padding: 10px 15px;
      position: absolute;
      top: 0; }
      #recipe-page-wrapper .cover-recipe .cover-recipe-description-block .cover-recipe-title {
        font-size: 50px;
        font-family: grota-rounded-xtra-bold;
        line-height: 1.1; }
        #recipe-page-wrapper .cover-recipe .cover-recipe-description-block .cover-recipe-title:hover {
          filter: brightness(130%); }
      #recipe-page-wrapper .cover-recipe .cover-recipe-description-block .cover-recipe-nb-pers {
        font-family: grota-rounded-xtra-bold;
        font-size: 20px;
        padding-top: 5px;
        color: #fff;
        letter-spacing: 0.03em; }
    #recipe-page-wrapper .cover-recipe .discover-other-recipe-ideas {
      position: absolute;
      bottom: 0;
      left: 15px;
      background-color: #fff;
      padding: 5px 15px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px; }
      #recipe-page-wrapper .cover-recipe .discover-other-recipe-ideas a {
        font-size: 20px;
        font-family: grota-rounded-xtra-bold;
        text-decoration: none; }
        #recipe-page-wrapper .cover-recipe .discover-other-recipe-ideas a:hover {
          filter: brightness(130%); }
    #recipe-page-wrapper .cover-recipe .btn-i-cook {
      color: #6EC0AF;
      background-color: #fff;
      position: absolute;
      bottom: 15px;
      left: 15px;
      font-size: 20px;
      font-family: grota-rounded-xtra-bold;
      border-radius: 10px !important; }
      #recipe-page-wrapper .cover-recipe .btn-i-cook:hover {
        color: #fff;
        background-color: #6EC0AF; }
  #recipe-page-wrapper .other-recipes-container, #recipe-page-wrapper .discover-recipes-container {
    background-color: #fff;
    padding: 0 7px; }
    #recipe-page-wrapper .other-recipes-container .discover-other-recipe-ideas-mobile, #recipe-page-wrapper .discover-recipes-container .discover-other-recipe-ideas-mobile {
      font-size: 20px;
      font-family: grota-rounded-xtra-bold;
      text-decoration: none;
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 7px;
      display: inline-block; }
    #recipe-page-wrapper .other-recipes-container .recipe-block, #recipe-page-wrapper .discover-recipes-container .recipe-block {
      position: relative;
      margin-top: 14px !important;
      padding: 0 7px !important; }
      #recipe-page-wrapper .other-recipes-container .recipe-block a, #recipe-page-wrapper .other-recipes-container .recipe-block a:hover, #recipe-page-wrapper .discover-recipes-container .recipe-block a, #recipe-page-wrapper .discover-recipes-container .recipe-block a:hover {
        text-decoration: none; }
      #recipe-page-wrapper .other-recipes-container .recipe-block .recipe-block-content, #recipe-page-wrapper .discover-recipes-container .recipe-block .recipe-block-content {
        position: relative; }
        #recipe-page-wrapper .other-recipes-container .recipe-block .recipe-block-content:hover img, #recipe-page-wrapper .discover-recipes-container .recipe-block .recipe-block-content:hover img {
          filter: brightness(70%);
          transition: filter .5s; }
        #recipe-page-wrapper .other-recipes-container .recipe-block .recipe-block-content .recipe-title:hover, #recipe-page-wrapper .discover-recipes-container .recipe-block .recipe-block-content .recipe-title:hover {
          filter: brightness(130%); }
        #recipe-page-wrapper .other-recipes-container .recipe-block .recipe-block-content .recipe-title, #recipe-page-wrapper .other-recipes-container .recipe-block .recipe-block-content .recipe-title:hover, #recipe-page-wrapper .discover-recipes-container .recipe-block .recipe-block-content .recipe-title, #recipe-page-wrapper .discover-recipes-container .recipe-block .recipe-block-content .recipe-title:hover {
          background-color: #fff;
          color: #6EC0AF;
          position: absolute;
          bottom: 0;
          left: 0;
          padding-top: 5px;
          padding-right: 12px;
          font-family: grota-rounded-xtra-bold;
          font-size: 18px;
          max-width: 66%;
          text-decoration: none;
          border-top-right-radius: 10px;
          /* Tablet */ }
          @media (max-width: 991px) {
            #recipe-page-wrapper .other-recipes-container .recipe-block .recipe-block-content .recipe-title, #recipe-page-wrapper .other-recipes-container .recipe-block .recipe-block-content .recipe-title:hover, #recipe-page-wrapper .discover-recipes-container .recipe-block .recipe-block-content .recipe-title, #recipe-page-wrapper .discover-recipes-container .recipe-block .recipe-block-content .recipe-title:hover {
              position: relative;
              max-width: 100%; } }
  #recipe-page-wrapper #discover-recipes-title {
    font-size: 20px;
    font-family: grota-rounded-xtra-bold;
    color: #EE6055;
    margin-bottom: 0; }
  #recipe-page-wrapper .show-recipe-banner {
    position: relative; }
    #recipe-page-wrapper .show-recipe-banner .show-recipe-banner-img {
      background-size: cover;
      width: 100%;
      height: 400px;
      background-position-y: 39%; }
    #recipe-page-wrapper .show-recipe-banner .show-recipe-banner-description-block {
      max-width: 600px;
      padding: 10px 15px;
      position: absolute;
      top: 0; }
      #recipe-page-wrapper .show-recipe-banner .show-recipe-banner-description-block .recipe-title {
        font-size: 50px;
        font-family: grota-rounded-xtra-bold;
        padding-bottom: 5px;
        line-height: 1.1; }
      #recipe-page-wrapper .show-recipe-banner .show-recipe-banner-description-block .recipe-infos {
        font-family: grota-rounded-xtra-bold;
        font-size: 20px;
        color: #fff;
        line-height: 1.3; }
    #recipe-page-wrapper .show-recipe-banner .show-recipe-banner-menu {
      position: absolute;
      bottom: 0;
      width: 100%; }
      #recipe-page-wrapper .show-recipe-banner .show-recipe-banner-menu .menu-item {
        position: absolute;
        bottom: 0;
        left: 15px;
        background-color: #fff;
        padding: 5px 15px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        font-size: 20px;
        font-family: grota-rounded-xtra-bold;
        color: #6EC0AF;
        letter-spacing: 0.03em; }
  #recipe-page-wrapper .show-recipe-description-container {
    padding-top: 15px; }
    #recipe-page-wrapper .show-recipe-description-container #ingredients, #recipe-page-wrapper .show-recipe-description-container #preparation, #recipe-page-wrapper .show-recipe-description-container #en-images {
      position: relative;
      top: -55px; }
    #recipe-page-wrapper .show-recipe-description-container .section-title {
      font-size: 20px;
      font-family: grota-rounded-xtra-bold;
      color: #6EC0AF;
      margin-top: 0;
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #6EC0AF; }
      #recipe-page-wrapper .show-recipe-description-container .section-title.with-border-top {
        border-top: 1px solid #6EC0AF;
        padding-top: 12px;
        margin-top: 10px; }
    #recipe-page-wrapper .show-recipe-description-container .recipe-ingredients-list {
      font-size: 19px;
      font-family: grota-sans-alt-medium;
      line-height: 1.4; }
    #recipe-page-wrapper .show-recipe-description-container .products-container .product-block {
      position: relative; }
      @media (min-width: 768px) {
        #recipe-page-wrapper .show-recipe-description-container .products-container .product-block.reduce-inner-left-padding-md {
          padding-left: 7px; } }
      @media (min-width: 768px) {
        #recipe-page-wrapper .show-recipe-description-container .products-container .product-block.reduce-inner-right-padding-md {
          padding-right: 7px; } }
      #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content {
        position: relative; }
        #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content .first-product-block-content-row {
          position: relative; }
          #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content .first-product-block-content-row .recipe-nb-in-cart-container {
            display: none; }
          #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content .first-product-block-content-row .btn-recipe-add-product {
            position: absolute;
            right: 5px;
            bottom: 5px; }
          #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content .first-product-block-content-row .prev, #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content .first-product-block-content-row .next {
            color: #fff;
            font-size: 22px;
            position: absolute;
            top: 41%;
            cursor: pointer; }
          #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content .first-product-block-content-row .prev {
            left: 10px; }
          #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content .first-product-block-content-row .next {
            right: 10px; }
        #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content .btn-group-recipe-container .btn-group-recipe {
          display: none; }
        #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content.has-in-cart img {
          filter: brightness(45%);
          transition: filter .5s; }
        #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content.has-in-cart .recipe-nb-in-cart-container {
          display: block;
          color: #fff;
          position: absolute;
          top: 45%;
          width: 100%;
          text-align: center; }
          #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content.has-in-cart .recipe-nb-in-cart-container .nb-span {
            padding-left: 2px;
            vertical-align: middle; }
        #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content.has-in-cart .btn-recipe-add-product {
          display: none; }
        #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content.has-in-cart .btn-group-recipe-container {
          position: absolute;
          bottom: 5px;
          width: 100%;
          text-align: center; }
          #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content.has-in-cart .btn-group-recipe-container .btn-group-recipe {
            display: inline-block;
            width: 80%; }
            #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content.has-in-cart .btn-group-recipe-container .btn-group-recipe button {
              width: 50%;
              background-color: #6EC0AF;
              color: #fff; }
              #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content.has-in-cart .btn-group-recipe-container .btn-group-recipe button.btn-group-recipe-remove-product {
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
                border-right: 1px #fff solid; }
              #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content.has-in-cart .btn-group-recipe-container .btn-group-recipe button.btn-group-recipe-add-product {
                border-left: 1px #fff solid;
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px; }
        #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content .second-product-block-content-row .producer-name {
          color: #6EC0AF;
          font-size: 13px;
          font-family: grota-sans-alt-medium;
          padding-top: 3px; }
        #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content .second-product-block-content-row .product-info {
          display: table;
          line-height: 1;
          width: 100%; }
          #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content .second-product-block-content-row .product-info .product-name {
            display: table-cell;
            font-size: 17px;
            font-family: grota-sans-alt-bold; }
          #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content .second-product-block-content-row .product-info .product-price {
            display: table-cell;
            color: #23395B;
            font-family: grota-sans-alt-bold;
            width: 55px;
            text-align: right; }
            #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content .second-product-block-content-row .product-info .product-price .first-part {
              font-size: 17px; }
            #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content .second-product-block-content-row .product-info .product-price .second-part {
              font-size: 11px;
              vertical-align: top; }
        #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content .second-product-block-content-row .separator {
          height: 1px;
          background-color: #6EC0AF;
          opacity: 0.5;
          width: 100%;
          margin-top: 2px;
          margin-bottom: 5px; }
        #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content .second-product-block-content-row .second-product-info {
          display: table;
          line-height: 1;
          width: 100%;
          color: #23395B;
          font-size: 11px;
          font-family: grota-sans-alt-medium; }
          #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content .second-product-block-content-row .second-product-info .kg-price {
            display: table-cell; }
          #recipe-page-wrapper .show-recipe-description-container .products-container .product-block .product-block-content .second-product-block-content-row .second-product-info .unit-quantity {
            display: table-cell;
            text-align: right; }
  #recipe-page-wrapper .show-recipe-instructions-container {
    list-style-type: none;
    padding: 0; }
    #recipe-page-wrapper .show-recipe-instructions-container .show-recipe-instruction {
      font-size: 19px;
      font-family: grota-sans-alt-medium;
      padding-bottom: 10px;
      line-height: 1.2; }
      #recipe-page-wrapper .show-recipe-instructions-container .show-recipe-instruction .show-recipe-instruction-count {
        font-size: 28px;
        font-family: grota-rounded-xtra-bold; }
  #recipe-page-wrapper .video-container {
    position: relative;
    padding-bottom: 57.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-bottom: 15px; }
    #recipe-page-wrapper .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  #recipe-page-wrapper .photos-container img {
    margin-bottom: 15px;
    width: 100%; }

/*$green: #bd1914;
$green2: #91393a;
$green3: #bc5e55;
$green4: #e97f7c;
$green5: #f0d2c2;*/
/* new colors */
#page-philosophy-container {
  padding-bottom: 80px !important; }
  #page-philosophy-container .philosophy-block {
    font-size: 16px; }
    #page-philosophy-container .philosophy-block .papillon-vert {
      height: 105px;
      width: 92px;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      left: 150px;
      margin-top: 9px;
      background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/logo_vert.svg"); }
    #page-philosophy-container .philosophy-block .philosophy-title {
      color: #6EC0AF;
      font-family: grota-rounded-xtra-bold;
      padding-bottom: 15px; }
    #page-philosophy-container .philosophy-block .philosophy-content {
      font-family: grota-sans-alt-medium;
      padding-bottom: 15px;
      line-height: 1.3;
      font-size: 14px; }
  #page-philosophy-container .nuage-jaune {
    height: 145px;
    width: 220px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: -20px;
    top: 97px;
    background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/nuage_jaune.svg"); }
  #page-philosophy-container .nuage-rouge {
    height: 131px;
    width: 200px;
    transform: rotate(180deg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -25px;
    bottom: 276px;
    background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/nuage_rouge.svg"); }

#page-shipping-conditions-container {
  padding-bottom: 30px !important; }
  #page-shipping-conditions-container .shipping-block {
    font-size: 16px; }
    #page-shipping-conditions-container .shipping-block .papillon-vert {
      height: 105px;
      width: 92px;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      left: 150px;
      margin-top: 9px;
      background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/logo_vert.svg"); }
    #page-shipping-conditions-container .shipping-block .shipping-title {
      color: #6EC0AF;
      font-family: grota-rounded-xtra-bold;
      padding-bottom: 15px; }
    #page-shipping-conditions-container .shipping-block .shipping-content {
      font-family: grota-sans-alt-medium;
      padding-bottom: 15px;
      line-height: 1.3;
      font-size: 14px; }
  #page-shipping-conditions-container .nuage-vert {
    height: 145px;
    width: 220px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: -20px;
    top: 97px;
    background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/nuage_vert.svg"); }
  #page-shipping-conditions-container .boule-verte-1 {
    height: 15px;
    width: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 40px;
    top: 50px;
    background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/boule_verte.svg"); }
  #page-shipping-conditions-container .boule-verte-2 {
    height: 50px;
    width: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 35px;
    bottom: -50px;
    background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/boule_verte.svg"); }
  #page-shipping-conditions-container .boule-verte-3 {
    height: 23px;
    width: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 40px;
    margin-top: 120px;
    background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/boule_verte.svg"); }
  #page-shipping-conditions-container .boule-verte-4 {
    height: 20px;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 80px;
    margin-top: 90px;
    background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/boule_verte.svg"); }
  #page-shipping-conditions-container .boule-verte-5 {
    height: 20px;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 40px;
    top: 70px;
    background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/boule_verte.svg"); }
  #page-shipping-conditions-container .boule-verte-6 {
    height: 37px;
    width: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 160px;
    margin-top: -16px;
    background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/boule_verte.svg"); }
  #page-shipping-conditions-container .nuage-rouge {
    height: 430px;
    width: 440px;
    transform: rotate(150deg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 30%;
    bottom: 105px;
    background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/nuage_rouge.svg"); }
    @media (max-width: 1064px) {
      #page-shipping-conditions-container .nuage-rouge {
        bottom: -445px; } }

#page-faq-container .faq-block {
  font-size: 16px; }
  #page-faq-container .faq-block .faq-item .faq-question {
    color: #6EC0AF;
    font-family: grota-rounded-xtra-bold;
    padding-bottom: 15px; }
  #page-faq-container .faq-block .faq-item .faq-answer {
    font-family: grota-sans-alt-medium;
    padding-bottom: 15px;
    line-height: 1.3;
    font-size: 14px; }
#page-faq-container .nuage-jaune {
  height: 250px;
  width: 300px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: -20px;
  top: 42px;
  background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/nuage_jaune.svg"); }
#page-faq-container .nuage-jaune2 {
  height: 430px;
  width: 440px;
  transform: rotate(150deg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -25px;
  bottom: -265px;
  background-image: url("https://www.lecomptoirlocal.fr/img/style/svg/nuage_jaune.svg"); }

html, body {
  background-color: #FFFFFC;
  margin: 0;
  padding: 0;
  font-family: grota-sans-alt-medium;
  height: 100%;
  color: #4A4A4A; }

body {
  position: relative; }

#grisage-page {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100; }

#global-page-container {
  height: 100%; }

#page-wrapper {
  min-height: 100%;
  position: relative;
  padding-bottom: 315px; }
  #page-wrapper > div {
    padding: 0; }
    #page-wrapper > div:not(.modal) {
      z-index: 10; }
    #page-wrapper > div#home-banner {
      height: 100vh; }
  #page-wrapper .header-padding {
    padding-top: 110px; }
  #page-wrapper .header-margin {
    margin-top: 110px; }
  #page-wrapper .hiw-menu a {
    color: #333333; }
    #page-wrapper .hiw-menu a.active {
      font-weight: bolder; }
    #page-wrapper .hiw-menu a:hover {
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

@media (max-width: 991px) {
  #page-wrapper .header-padding {
    padding-top: 50px; }
  #page-wrapper .header-margin {
    margin-top: 50px; }

  .margin-top-header {
    padding-top: 40px !important; } }
@media (max-width: 767px) {
  #page-wrapper {
    padding-bottom: 263px; } }

/*# sourceMappingURL=style.css.map */