/* =============================================================================
    Import Compass Core
============================================================================= */
/* =============================================================================
    Responsive
============================================================================= */
@media screen and (max-width: 1279px) {
  #top-site {
    width: 100%; } }
@media screen and (max-width: 1240px) {
  .wrapper {
    width: 960px; }

  #top-site {
    text-align: center; }
    #top-site .logo-resp,
    #top-site .menu-resp {
      display: inline-block; }
    #top-site nav.top-menu ul li {
      width: 120px; }
      #top-site nav.top-menu ul li a {
        padding: 8px 20px; }

  header {
    display: none; }

  .page_back {
    opacity: .6; }

  main {
    padding-left: 0; }
    main .header_cat, main .header_page {
      padding: 38px 40% 0 22px; }
      main .header_cat .texte-header p, main .header_page .texte-header p {
        color: #111; }

  .sidr ul li ul li a,
  .sidr ul li ul li:hover a {
    line-height: 1.2;
    padding: 8px 15px; } }
@media screen and (max-width: 960px) {
  .wrapper {
    width: 100%; }

  #top-site #searchform label, #top-site #searchform #s {
    display: none; }

  #homeBlocks {
    padding-left: 0;
    width: 100%;
    left: 0; }

  .page_back {
    opacity: .3; }

  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%; } }
@media screen and (max-width: 860px) {
  main #homeBlocks {
    width: 100%; }
    main #homeBlocks .block {
      display: block;
      float: none;
      margin: 0 auto; }
      main #homeBlocks .block.block-peau-hommes {
        margin-right: auto;
        margin-bottom: 2em; }

  footer .footer-col {
    width: 54%;
    margin-right: 2%;
    margin-left: 2%; }
    footer .footer-col.col-min {
      border: none;
      width: 38%; }
    footer .footer-col.col-max {
      width: 54%; }
    footer .footer-col.col-last {
      width: 38%; } }
@media screen and (max-width: 700px) {
  #top-site nav.top-menu {
    display: none; }

  main .header_page {
    height: auto;
    min-height: 312px; }
    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;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
    main .efficacite-infographie .prod-left, main .efficacite-infographie .prod-right {
      display: none; }

  .sidr ul li.resp-700 {
    display: block; } }
@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 .listing_produit ul li {
    width: 50%; }
    main .listing_produit ul li:nth-child(2n+1) {
      clear: left; }
  main .articles article:nth-child(2n+1) {
    clear: left; }
  main .content.produit .go-conseils, main .content.produit .relations {
    float: none;
    display: block;
    margin: 32px 0 0;
    width: 100%; }
  main .content.produit .relations ul {
    overflow: auto; }
  main .content.search form label {
    float: none;
    display: block; }
  main .content.search ul.search-list li {
    width: 50%; }
    main .content.search ul.search-list li:nth-child(2n+1) {
      clear: left; }
  main .wpcf7-form label {
    padding-left: 0; }
  main .wpcf7-form .wpcf7-form-control-wrap {
    width: 100%;
    padding-left: 0; }
  main .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; } }
@media screen and (max-width: 400px) {
  #top-site .menu-resp {
    height: 50px;
    width: 70px; }
  #top-site #searchform {
    height: 50px;
    line-height: 50px;
    padding: 0 10px 0 4px; }
  #top-site #lang_sel {
    height: 50px;
    padding: 0 14px 0 14px; }

  main #homeBlocks .block {
    width: 100%; } }

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