@charset "UTF-8";
/* =============================================================================
    Import Compass Core
============================================================================= */
/* =============================================================================
    D├®clarations variables
============================================================================= */
/* =============================================================================
    Responsive
============================================================================= */
@media screen and (max-width: 1240px) {
  .wrapper {
    width: 960px; }

  .cat_back,
  .page_back {
    opacity: 0.6; }

  main .header_cat,
  main .header_page {
    padding-top: 38px; }
    main .header_cat .texte-header p,
    main .header_page .texte-header p {
      color: #111; } }
@media screen and (max-width: 960px) {
  .wrapper {
    width: 100%;
    padding-top: 84px; }

  #top-site {
    position: relative;
    order: 3;
    right: 0; }
    #top-site nav.top-menu {
      display: none; }
    #top-site #lang_sel {
      display: none; }

  header.header .header-container {
    padding: 10px 20px 10px 0;
    justify-content: space-between;
    align-items: center; }
  header.header nav.nav {
    display: none; }
  header.header .menu-resp {
    display: block;
    order: 1; }
  header.header .logo {
    margin-right: 22px;
    order: 2; }
    header.header .logo a img {
      width: 64px; }

  .cat_back,
  .page_back {
    opacity: 0.3; }

  #homeBlocks {
    flex-direction: column;
    padding: 0 30px; }
    #homeBlocks .block {
      height: auto;
      min-height: 186px;
      width: 100%;
      margin: 0 0 20px; }
      #homeBlocks .block .sticky-thumb {
        width: 14%; }
        #homeBlocks .block .sticky-thumb img {
          width: 100%;
          height: auto; }
      #homeBlocks .block .sticky-right {
        width: 84%;
        margin-left: 2%; }

  main {
    width: 100%;
    padding: 0 20px; }
    main .content.produit {
      width: 100%; }
      main .content.produit .img-produit {
        float: none;
        display: block;
        margin-bottom: 20px;
        line-height: 222px;
        width: 222px;
        height: 222px;
        background-size: 100% auto; }
        main .content.produit .img-produit img {
          width: auto;
          max-height: 200px; }
      main .content.produit .content-produit {
        float: none;
        width: 100%; }

  .home .wrapper .listing_produit ul.products li.product {
    width: 50%;
    margin: 0 0 40px; } }
@media screen and (max-width: 768px) {
  .woocommerce-account main .woocommerce-MyAccount-navigation,
  .woocommerce-account main .woocommerce-MyAccount-content {
    width: 100%; }

  main .articles article {
    width: 50%; }

  footer {
    padding-bottom: 0; }
    footer .footer-col,
    footer .footer-col.col-min,
    footer .footer-col.col-max {
      width: 44%;
      margin-right: 3%;
      margin-left: 3%;
      height: auto; }
    footer .footer-col.col-min {
      border: none; } }
@media screen and (max-width: 700px) {
  main .header_page {
    height: auto;
    min-height: 312px; }
    main .header_page.small_header {
      min-height: auto; }
    main .header_page .texte-header {
      width: 100%; }
  main .content.valeurs {
    width: 100%;
    height: auto;
    background-position: right bottom;
    background-size: 100% auto; }
    main .content.valeurs #stars .star,
    main .content.valeurs #stars .star-1,
    main .content.valeurs #stars .star-2,
    main .content.valeurs #stars .star-3,
    main .content.valeurs #stars .star-4,
    main .content.valeurs #stars .star:hover,
    main .content.valeurs #stars .star.active {
      position: initial;
      height: auto;
      opacity: 1;
      margin-bottom: 20px; }
      main .content.valeurs #stars .star .infobulle,
      main .content.valeurs #stars .star-1 .infobulle,
      main .content.valeurs #stars .star-2 .infobulle,
      main .content.valeurs #stars .star-3 .infobulle,
      main .content.valeurs #stars .star-4 .infobulle,
      main .content.valeurs #stars .star:hover .infobulle,
      main .content.valeurs #stars .star.active .infobulle {
        position: initial;
        margin-top: -6px;
        height: auto;
        padding: 22px 14px; }
      main .content.valeurs #stars .star .image,
      main .content.valeurs #stars .star-1 .image,
      main .content.valeurs #stars .star-2 .image,
      main .content.valeurs #stars .star-3 .image,
      main .content.valeurs #stars .star-4 .image,
      main .content.valeurs #stars .star:hover .image,
      main .content.valeurs #stars .star.active .image {
        display: block;
        top: auto;
        left: auto;
        right: auto;
        position: relative;
        margin: -20px 0 0 150px; }
  main .efficacite-infographie {
    width: 100%;
    background: url("../i/back-efficacite-content.jpg") no-repeat center center;
    background-size: 100% auto; }
    main .efficacite-infographie .prod-left,
    main .efficacite-infographie .prod-right {
      display: none; } }
@media screen and (max-width: 640px) {
  main .wpcf7-form label {
    padding-left: 0; }
  main .wpcf7-form .wpcf7-form-control-wrap textarea {
    width: 100%; } }
@media screen and (max-width: 520px) {
  img.alignright,
  img.alignleft,
  .alignright,
  .alignleft,
  .aligncenter,
  img.aligncenter {
    display: block;
    float: none;
    margin: 1em auto; }

  main .wrapper .listing_produit ul.products li.product {
    width: 50%;
    margin: 0 0 40px; }
    main .wrapper .listing_produit ul.products li.product:nth-child(2n + 1) {
      clear: left; }
  main .wrapper .content.produit .geste_beaute,
  main .wrapper .content.produit .relations {
    float: none;
    display: block;
    margin: 32px 0 0;
    width: 100%; }
  main .wrapper .content.produit .relations ul {
    overflow: auto; }
  main .wrapper .content.search form label {
    float: none;
    display: block; }
  main .wrapper .content.search ul.search-list li {
    width: 50%; }
    main .wrapper .content.search ul.search-list li:nth-child(2n + 1) {
      clear: left; }
  main .wrapper .wpcf7-form label {
    padding-left: 0; }
  main .wrapper .wpcf7-form .wpcf7-form-control-wrap {
    width: 100%;
    padding-left: 0; }
  main .wrapper .wpcf7-form .captcha img {
    margin-left: 0; }

  #tabs li,
  #tabs2 li,
  #tabs3 li,
  #tabs4 li,
  #tabs5 li {
    float: none;
    display: block; }
    #tabs li a,
    #tabs2 li a,
    #tabs3 li a,
    #tabs4 li a,
    #tabs5 li a {
      border-left: 1px solid #cbc7c0; }

  .home .wrapper .listing_produit ul.products li.product {
    width: 50%;
    margin: 0 0 40px; } }
#sidr {
  position: fixed;
  left: 0;
  transform: translateX(-100%);
  top: 0;
  height: 100%;
  width: 85%;
  padding: 20px;
  z-index: 9999;
  background: white;
  overflow-y: auto;
  box-shadow: 5px 0 5px 0px rgba(0, 0, 0, 0.1);
  transition-duration: 400ms;
  transition-property: transform; }
  #sidr.open {
    transform: translateX(0); }
  #sidr .sidr-header {
    display: flex;
    align-items: center; }
    #sidr .sidr-header .sidr-close {
      cursor: pointer; }
    #sidr .sidr-header .sidr-logo {
      margin: 0 auto;
      width: 64px; }
  #sidr ul {
    margin-top: 40px; }
    #sidr ul li {
      border-bottom: 2px solid rgba(202, 45, 146, 0.1); }
      #sidr ul li a {
        display: block;
        font-size: 1.3em;
        padding: 12px 0; }
      #sidr ul li.menu-item-has-children > a {
        background-image: url("../i/chevron.png");
        background-size: 20px;
        background-position: right 12px center;
        background-repeat: no-repeat; }
      #sidr ul li.menu-item-has-children.open > a {
        background-image: url("../i/chevron-up.png"); }
      #sidr ul li.menu-item-has-children.open > .sub-menu {
        display: block; }
    #sidr ul .sub-menu {
      display: none;
      margin-top: 0;
      margin-bottom: 20px;
      margin-left: 20px; }
      #sidr ul .sub-menu li {
        border: none; }
      #sidr ul .sub-menu a {
        display: block;
        font-size: 1em;
        padding: 5px 0; }
      #sidr ul .sub-menu .sub-menu {
        margin-bottom: 0; }
  #sidr .sidr-lang ul {
    text-align: right; }
  #sidr .sidr-lang li {
    border: none;
    display: inline-block;
    color: #ca2d92;
    margin: 0 1px; }

@media screen and (max-width: 440px) {
  main .articles article {
    width: 100%; } }

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