/* CSS/RWD - 19/09/2018 */
/* 21/02/2018
*/
/* ------ VARIABLES ------ */
/* ------ MIXINS ------ */
.clearfix {
  display: block;
}
.clearfix:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  content: ".";
  line-height: 0;
}
.image {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.ratio-box {
  display: block;
  content: "";
  padding-top: 75%;
}
.ratio-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
/* ------ BUTTON ------ */
.button,
.address-book__operations,
.cart-block--contents__links {
  margin: 0;
  text-align: center;
}
.button a,
.address-book__operations a,
.cart-block--contents__links a {
  position: relative;
  display: inline-block;
  padding: 0 50px;
  font: 0.9em/50px 'Gibson', sans-serif;
  color: #FFF;
  text-decoration: none;
  border: 1px solid #1494cf;
  cursor: pointer;
  background: #1494cf;
}
.button a:hover,
.address-book__operations a:hover,
.cart-block--contents__links a:hover {
  color: #1494cf;
  background: #FFF;
}
.layout-region-checkout-footer a,
a.address-book__delete-link,
.cart-form a.button,
input[data-drupal-selector="edit-brgm-shipping-information-recalculate-shipping"],
.form-actions a.button,
.view-commerce-user-orders .bill a {
  display: inline-block;
  position: relative;
  padding: 0 50px;
  font: 0.9em/48px 'Gibson', sans-serif;
  color: #1494cf;
  text-decoration: none;
  border: 1px solid #1494cf;
  cursor: pointer;
  background: #FFF;
}
.layout-region-checkout-footer a:hover,
a.address-book__delete-link:hover,
.cart-form a.button:hover,
input[data-drupal-selector="edit-brgm-shipping-information-recalculate-shipping"]:hover,
.form-actions a.button:hover,
.view-commerce-user-orders .bill a:hover {
  color: #FFF;
  background: #1494cf;
}
/* All Responsive
================================================== */
@media only screen and (min-width: 1px) and (max-width: 1299px) {
  body {
    min-width: initial;
  }
  body:before {
    z-index: 999;
    position: fixed;
    width: 1px;
    height: 1px;
    left: 0;
    top: 0;
    content: "";
    background: red;
  }
  .inner,
  .inner,
  .tabs {
    width: 95%;
  }
  /* ------ STRUCTURE ------ */
  .column {
    flex-wrap: wrap;
  }
  .column .main-column,
  .column .right-column {
    width: 100%;
  }
  /* ------ EDITO & FAQ ------ */
  #edito .main-column,
  #faq .main-column {
    padding: 0 0 70px;
  }
  #edito details .faq-answer,
  #faq details .faq-answer {
    margin-right: 0;
  }
  /* ------ SEARCH ------ */
  /*   #search-result, #search-carto {
          ------ search, row and column list (like row-list) ------
         .right-column { width: 25% }
         &.row .main-column .product-list .views-row, &.column .main-column .product-list .views-row {
            width: 100%; display: grid; grid-template-columns: 120px auto; grid-template-rows: auto auto auto auto;
            h3 { width: 100%; grid-column: ~"2 / 3" ; grid-row: ~"1 / 2"; padding: 0 0 5px 25px }
            .product-view { height: 120px; margin: 0; grid-column: ~"1 / 2" ; grid-row: ~"1 / 5" }
            .product-desc {
               width: 100%; height: auto; padding: 0 70px 0 25px; margin: 0; grid-column: ~"2 / 3"; grid-row: ~"2 / 3";
               .product-desc-more { display: none }
               &:before { top: 50%; .translate(0, -50%) }
            }
            .product-price { text-align: left; padding-left: 25px; grid-column: ~"2 / 3" ; grid-row: ~"3 / 4"; height: initial; align-self: flex-start }
            &:nth-child(n) {
               margin: 30px 0; padding: 0 25px; border-right: none;
               &:before { display: block; width: calc(~"100% - 50px"); height: 1px; right: 25px; left: initial }
            }
            &:nth-child(1) {
               margin: 0 0 30px;
               &:before { display: none }
            }
            &:hover .product-desc { text-decoration: underline; text-decoration-color: #d4d4d4; }
         }
      }*/
  /* ------ search list column map ------ */
  #search-carto .main-column {
    width: 100%;
    padding: 0 0 70px;
  }
  #search-carto .right-column {
    width: 100%;
    overflow-y: visible;
    height: auto;
  }
  #search-carto .right-column .views-rows .views-row {
    width: 100%;
    margin: 0;
  }
  #search-carto .right-column .views-rows .views-row .product-view {
    width: 120px;
    height: 120px;
  }
  #search-carto .right-column .views-rows .views-row .product-content {
    width: 80%;
  }
  #search-carto .right-column .views-rows .views-row .product-content .product-price {
    align-self: flex-start;
  }
  #search-carto .right-column .views-rows .views-row:hover .product-desc:before {
    color: #e87b1c;
    background: #FFF;
  }
  /* ------ PRODUCT ------ */
  /* ------ Basic List ------ */
  .product-list .views-row .product-desc,
  #related-product .views-row .product-desc,
  .field--name-field-products-highlight .views-row .product-desc,
  .product-list .field__item .product-desc,
  #related-product .field__item .product-desc,
  .field--name-field-products-highlight .field__item .product-desc {
    min-height: initial;
    width: calc(100% - 70px);
    margin-bottom: 20px;
  }
  .product-list .views-row .product-desc:before,
  #related-product .views-row .product-desc:before,
  .field--name-field-products-highlight .views-row .product-desc:before,
  .product-list .field__item .product-desc:before,
  #related-product .field__item .product-desc:before,
  .field--name-field-products-highlight .field__item .product-desc:before {
    position: absolute;
    right: 25px;
    width: 45px;
    height: 45px;
    content: "\E823";
    font: 1.5em/45px 'fontello', sans-serif;
    background: #e87b1c;
    color: #FFF;
    text-align: center;
  }
  .product-list .views-row .product-price,
  #related-product .views-row .product-price,
  .field--name-field-products-highlight .views-row .product-price,
  .product-list .field__item .product-price,
  #related-product .field__item .product-price,
  .field--name-field-products-highlight .field__item .product-price {
    height: initial;
    align-self: flex-start;
    text-align: left;
  }
  .product-list .views-row:after,
  #related-product .views-row:after,
  .field--name-field-products-highlight .views-row:after,
  .product-list .field__item:after,
  #related-product .field__item:after,
  .field--name-field-products-highlight .field__item:after {
    display: none;
  }
  #search-result.result-row article .product-list .views-row > div .product-desc:before {
    right: 0;
  }
  /* ------ product-details ------ */
  #product-details .column {
    flex-wrap: nowrap;
  }
  /* ------ ASIDE & RELATED (like front-list) ------ */
  .right-column .product-list .views-rows,
  #related-product .views-rows {
    margin: 0 -25px;
  }
  .right-column .product-list .views-rows .views-row,
  #related-product .views-rows .views-row {
    width: 33.33%;
    padding: 0 25px 0;
    margin: 25px 0 30px;
    border-bottom: none;
    border-right: 1px solid #c9c9c9;
  }
  .right-column .product-list .views-rows .views-row:before,
  #related-product .views-rows .views-row:before {
    display: block;
  }
  .right-column .product-list .views-rows .views-row:nth-child(3n),
  #related-product .views-rows .views-row:nth-child(3n) {
    border-right: none;
  }
  .right-column .product-list .views-rows .views-row:nth-child(3n):before,
  #related-product .views-rows .views-row:nth-child(3n):before {
    width: calc(100% - 25px);
  }
  .right-column .product-list .views-rows .views-row:nth-child(3n+1):before,
  #related-product .views-rows .views-row:nth-child(3n+1):before {
    width: calc(100% - 25px);
    left: initial;
    right: 0px;
  }
  .right-column .product-list .views-rows .views-row:nth-child(-n+3),
  #related-product .views-rows .views-row:nth-child(-n+3) {
    margin: 0 0 30px;
  }
  .right-column .product-list .views-rows .views-row:nth-child(-n+3):before,
  #related-product .views-rows .views-row:nth-child(-n+3):before {
    display: none;
  }
  #related-product .views-rows .views-row:last-child {
    display: none;
  }
  /* ------ CART ------ */
  .cart.cart-form table {
    border: none;
  }
  .cart.cart-form table thead {
    display: none;
  }
  .cart.cart-form table tbody tr {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 2fr repeat(2, 0.5fr);
    grid-column-gap: 0;
    grid-row-gap: 0;
    border-bottom: 1px solid #898989;
    padding: 20px 0 10px 0;
  }
  .cart.cart-form table tbody td {
    padding: 0;
    border: none;
    width: initial;
  }
  .cart.cart-form table tbody .views-field-purchased-entity {
    grid-area: 1 / 1 / 2 / 3;
    padding-bottom: 0;
  }
  .cart.cart-form table tbody .views-field-unit-price__number {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: end;
    align-self: center;
  }
  .cart.cart-form table tbody .views-field-unit-price__number:before {
    content: "Prix unitaire :";
    font-weight: bold;
    padding-right: 10px;
  }
  .cart.cart-form table tbody .views-field-ajustment-tva {
    display: none;
  }
  .cart.cart-form table tbody .views-field-edit-quantity {
    grid-area: 2 / 2 / 3 / 3;
    justify-self: end;
    align-self: center;
  }
  .cart.cart-form table tbody .views-field-total-price__number {
    grid-area: 3 / 2 / 4 / 3;
    justify-self: end;
    padding-top: 20px;
  }
  #edit-discount {
    flex-wrap: wrap;
  }
  #edit-discount .form-item-discount-code {
    flex-wrap: wrap;
  }
  /* ------ FOOTER ------ */
  footer .footer-bloc {
    flex: initial;
    width: 25%;
    margin-left: 40px;
  }
}
/* TABLETTE
================================================== */
@media only screen and (min-width: 1px) and (max-width: 900px) {
  body:before {
    background: orange;
  }
  /* ------ COMMON ------ */
  h1 {
    margin: 60px 0 25px;
  }
  /* ------ STRUCTURE ------ */
  .column .main-column,
  .column .main-column {
    padding-right: 0;
    padding-bottom: 70px;
  }
  /* ------ HEADER ------ */
  #header-top ul {
    justify-content: center;
  }
  /*    section:before { position: absolute; z-index: 2; content:""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3) }*/
  /* ------ BREADCRUMB ------ */
  .breadcrumb {
    margin: 0 0 35px;
  }
  .breadcrumb #block-breadcrumb {
    display: none;
  }
  /* ------ SLIDE ------ */
  #slide {
    height: 220px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
  }
  /* ------ EDITO ------ */
  #edito .date {
    margin-bottom: 60px;
  }
  /* ------ SEARCH ------ */
  .search-filter .filter-list {
    display: none;
  }
  #search-result,
  #search-carto {
    /* ------ search list ------ */
  }
  #search-result .search-info .text-formatted,
  #search-carto .search-info .text-formatted {
    padding-bottom: 20px;
    margin: 0;
  }
  #search-result aside,
  #search-carto aside {
    width: 50%;
    padding: 20px 25px;
    margin: 0 0 25px;
    border: 1px solid #b8b8b8;
  }
  #search-result aside .facet-label,
  #search-carto aside .facet-label {
    display: block;
  }
  #search-result aside .form-actions,
  #search-carto aside .form-actions {
    display: flex;
    justify-content: center;
  }
  #search-result aside .facet-content,
  #search-carto aside .facet-content {
    display: none;
  }
  #search-result aside.open .facet-content,
  #search-carto aside.open .facet-content {
    display: block;
  }
  #search-result aside.open .facet-content .facet-label,
  #search-carto aside.open .facet-content .facet-label {
    margin-bottom: 20px;
  }
  #search-result article,
  #search-carto article {
    width: 100%;
    border-left: 0;
    padding-left: 0;
  }
  #search-result article .search-performance,
  #search-carto article .search-performance {
    display: none;
  }
  #search-result.result-column article .product-list .views-rows,
  #search-carto.result-column article .product-list .views-rows {
    display: block;
  }
  #search-result.result-column article .product-list .views-rows:after,
  #search-carto.result-column article .product-list .views-rows:after {
    display: none;
  }
  #search-result.result-column article .product-list .views-row,
  #search-carto.result-column article .product-list .views-row {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #b8b8b8;
    padding: 25px 0;
    margin: 0;
  }
  #search-result.result-column article .product-list .views-row:after,
  #search-carto.result-column article .product-list .views-row:after {
    display: none;
  }
  #search-result.result-column article .product-list .views-row:before,
  #search-carto.result-column article .product-list .views-row:before {
    display: none;
  }
  #search-result.result-column article .product-list .views-row:before,
  #search-carto.result-column article .product-list .views-row:before {
    display: none;
  }
  #search-result.result-column article .product-list .views-row > div,
  #search-carto.result-column article .product-list .views-row > div {
    width: 100%;
    display: grid;
    margin: 0;
    grid-template-columns: 120px auto;
    grid-template-rows: auto auto auto auto;
  }
  #search-result.result-column article .product-list .views-row > div .product-category,
  #search-carto.result-column article .product-list .views-row > div .product-category {
    width: 100%;
    padding: 0 0 0 25px;
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }
  #search-result.result-column article .product-list .views-row > div .product-view,
  #search-carto.result-column article .product-list .views-row > div .product-view {
    height: 120px;
    margin: 0;
    grid-column: 1 / 2;
    grid-row: 1 / 5;;
  }
  #search-result.result-column article .product-list .views-row > div .product-desc,
  #search-carto.result-column article .product-list .views-row > div .product-desc {
    width: 100%;
    min-height: auto;
    padding: 0 55px 0 25px;
    line-height: 1.8em;
    grid-column: 2 / 3;
    grid-row: 2 / 4;
  }
  #search-result.result-column article .product-list .views-row > div .product-desc:before,
  #search-carto.result-column article .product-list .views-row > div .product-desc:before {
    right: 0;
  }
  #search-result.result-column article .product-list .views-row > div .product-price,
  #search-carto.result-column article .product-list .views-row > div .product-price {
    text-align: left;
    padding-left: 25px;
    grid-column: 2 / 3;
    grid-row: 4 / 5;
    align-self: end;
    height: initial;
  }
  #search-result.result-column article .product-list .views-row > div:hover .product-desc,
  #search-carto.result-column article .product-list .views-row > div:hover .product-desc {
    text-decoration: none;
  }
  #search-result.result-column article .product-list .views-row:nth-child(-n+3),
  #search-carto.result-column article .product-list .views-row:nth-child(-n+3) {
    margin-top: 0;
  }
  .search-filter label {
    display: block;
  }
  .search-filter select {
    width: 100%;
    background: #FFF;
    border: 1px solid #b8b8b8;
    margin: 0;
    color: #888888;
    font: 1.2em/1em 'GibsonSemiBold', sans-serif;
  }
  .search-filter select option {
    color: #000000;
    font: 0.9em/1.4em 'Gibson', sans-serif;
  }
  .search-options {
    margin-bottom: 30px;
  }
  .search-options .search-performance div {
    font-size: 0;
  }
  .search-options .search-performance div .mention {
    font-size: 15px;
  }
  #search-carto .search-form {
    display: block;
  }
  .search-info.img .text-formatted {
    padding-left: 0px;
  }
  .search-form {
    display: none;
  }
  /* ------ PRODUCT ------ */
  /* ------ Front & Aside List ------ */
  .main-column .product-list .views-row:nth-child(3n) {
    border-right: 1px solid #b8b8b8;
  }
  .right-column .product-list .views-rows .views-row:nth-child(3n) {
    border-right: 1px solid #c9c9c9;
  }
  .main-column .product-list .views-rows .views-row,
  .right-column .product-list .views-rows .views-row {
    width: 50%;
  }
  .main-column .product-list .views-rows .views-row:nth-child(3n+1):before,
  .right-column .product-list .views-rows .views-row:nth-child(3n+1):before {
    width: calc(100% + 1px);
    left: -1px;
    right: initial;
  }
  .main-column .product-list .views-rows .views-row:nth-child(3),
  .right-column .product-list .views-rows .views-row:nth-child(3) {
    margin-top: 25px;
  }
  .main-column .product-list .views-rows .views-row:nth-child(3):before,
  .right-column .product-list .views-rows .views-row:nth-child(3):before {
    display: block;
  }
  .main-column .product-list .views-rows .views-row:nth-child(2n),
  .right-column .product-list .views-rows .views-row:nth-child(2n) {
    border-right: none;
  }
  .main-column .product-list .views-rows .views-row:nth-child(2n):before,
  .right-column .product-list .views-rows .views-row:nth-child(2n):before {
    width: calc(100% - 25px);
    left: -1px;
  }
  .main-column .product-list .views-rows .views-row:nth-child(2n+1):before,
  .right-column .product-list .views-rows .views-row:nth-child(2n+1):before {
    width: calc(100% - 25px);
    left: initial;
    right: 0px;
  }
  /* ------ Related List ------ */
  #related-product .views-rows .views-row {
    width: 50%;
  }
  /*   #related-product .views-rows .views-row {
         width: 100%; display: grid; grid-template-columns: 120px auto; grid-template-rows: auto auto auto auto;
         h3 { width: 100%; grid-column: ~"2 / 3" ; grid-row: ~"1 / 2"; padding: 0 0 5px 25px }
         .product-view { height: 120px; margin: 0; grid-column: ~"1 / 2" ; grid-row: ~"1 / 5" }
         .product-desc {
            width: 100%; height: auto; padding: 0 70px 0 25px; margin: 0; grid-column: ~"2 / 3"; grid-row: ~"2 / 3";
            &:before { top: 50%; .translate(0, -50%) }
         }
         .product-price { text-align: left; padding-left: 25px; grid-column: ~"2 / 3" ; grid-row: ~"3 / 4"; height: initial }
         &:last-child { display: grid }
         &:nth-child(n) {
            margin: 30px 0; padding: 0 25px; border-right: none;
            &:before { display: block; width: calc(~"100% - 50px"); height: 1px; right: 25px; left: initial }
         }
         &:nth-child(1) {
            margin: 0 0 30px;
            &:before { display: none }
         }
      }*/
  /* ------ product-details ------ */
  #product-details {
    margin-top: 60px;
    /* ------ Main-column ------ */
    /* ------ Right-column ------ */
  }
  #product-details .column {
    flex-wrap: wrap;
  }
  #product-details .column .main-column {
    padding-bottom: 50px;
  }
  #product-details .column .main-column .product-basket {
    display: block;
  }
  #product-details .product-basket .form-type-number {
    justify-content: flex-start;
  }
  #product-details .product-basket .form-actions {
    width: 50%;
  }
  #product-details .gallery {
    flex-direction: column-reverse;
  }
  #product-details .gallery .gallery-thumbnail {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 50px 0 0;
  }
  #product-details .gallery .gallery-thumbnail div {
    margin: 0 70px 0 0;
  }
  #product-details .gallery .gallery-thumbnail div:last-child {
    margin: 0;
  }
  #product-details .gallery .gallery-view {
    width: inherit;
  }
  #product-details details:last-child {
    margin-bottom: 0;
  }
  #product-details .right-column {
    width: 100%;
    max-width: initial;
  }
  #product-details .right-column .product-basket h1 {
    display: none;
  }
  #product-details .product-basket .form-item-quantity {
    justify-content: flex-start;
  }
  #product-details .product-basket .follow ul li {
    padding-left: 50px;
  }
  #product-details .product-basket .follow ul li a:before {
    font: 30px/1em 'fontello', sans-serif;
  }
  #product-details .product-options .call:last-child {
    border-bottom: 0;
  }
  /* ------ CONTACT ------ */
  #contact #contact-form {
    padding-bottom: 70px;
  }
  #contact #contact-info {
    width: 100%;
    margin-left: 0;
  }
  /* ------ LOGIN ------ */
  .order-connexion {
    flex-wrap: wrap;
    text-align: left;
    margin: 0;
  }
  .order-connexion legend,
  .order-connexion .legend {
    font: 2.3em/1.1em 'GibsonSemiBold', sans-serif;
    text-transform: initial;
    padding-bottom: 20px;
  }
  .order-connexion .login,
  .order-connexion .signin {
    width: 100%;
    padding: 50px 0;
  }
  .order-connexion .login {
    border-right: 0;
    border-bottom: 1px solid #b8b8b8;
  }
  .order-connexion .login .form-actions {
    display: flex;
    flex-direction: column-reverse;
  }
  .order-connexion .login .form-actions a {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
  }
  .order-connexion .login .form-actions input {
    margin-bottom: 20px;
  }
  .order-connexion .signin .desc {
    padding-bottom: 35px;
    font: 1.1em/1.4em 'Gibson', sans-serif;
  }
  .order-connexion .button {
    width: 100%;
  }
  /* ------ FOOTER ------ */
  footer[role=contentinfo] .inner {
    width: 100%;
  }
  footer[role=contentinfo] .inner > nav > ul.menu > li {
    width: 50%;
  }
  footer[role=contentinfo] .inner > nav > ul.menu > li:nth-child(2n) {
    border: none;
  }
  footer[role=contentinfo] .footer-links nav {
    width: 100%;
  }
  footer[role=contentinfo] .footer-links nav ul.menu {
    margin: 0;
    column-count: 2;
    column-gap: 0;
    column-rule: 0;
    -webkit-column-count: 2;
    -webkit-column-gap: 0;
    -webkit-column-rule: 0;
    -moz-column-count: 2;
    -moz-column-gap: 0;
    -moz-column-rule: 0;
  }
  footer[role=contentinfo] .footer-links .footer-bloc {
    width: 100%;
    margin-top: 35px;
  }
  /* ------ 404 ------ */
  #page-404 {
    text-align: center;
  }
  #page-404 h1 {
    font-size: 2em;
  }
  #page-404 img {
    width: 80%;
    padding: 50px 0 0;
  }
  #page-404 .button a {
    width: 100%;
  }
}
/* MOBILE
================================================== */
@media only screen and (min-width: 1px) and (max-width: 600px) {
  body:before {
    background: green;
  }
  /* ------ HEADER ------ */
  header #menu .header-link > ul > li {
    margin: 0 5px 0 0;
  }
  /* ------ BAR ------ */
  .bar {
    flex-wrap: wrap;
  }
  .bar > .field {
    width: 100%;
    margin: 0 0 20px;
  }
  /* ------ ACCUEIL ------ */
  #accueil .main-column {
    padding: 30px 0;
  }
  /* ------ LIST PRODUCT ------ */
  #accueil .field--name-field-products-highlight,
  .product-list,
  #search-result.column article .product-list {
    padding: 0;
  }
  #accueil .field--name-field-products-highlight > .field__items,
  .product-list > .field__items,
  #search-result.column article .product-list > .field__items,
  #accueil .field--name-field-products-highlight .views-rows,
  .product-list .views-rows,
  #search-result.column article .product-list .views-rows {
    margin: 0;
  }
  #accueil .field--name-field-products-highlight > .field__items:after,
  .product-list > .field__items:after,
  #search-result.column article .product-list > .field__items:after,
  #accueil .field--name-field-products-highlight .views-rows:after,
  .product-list .views-rows:after,
  #search-result.column article .product-list .views-rows:after {
    display: none;
  }
  #accueil .field--name-field-products-highlight > .field__items > .field__item,
  .product-list > .field__items > .field__item,
  #search-result.column article .product-list > .field__items > .field__item,
  #accueil .field--name-field-products-highlight .views-rows > .field__item,
  .product-list .views-rows > .field__item,
  #search-result.column article .product-list .views-rows > .field__item,
  #accueil .field--name-field-products-highlight > .field__items .views-row,
  .product-list > .field__items .views-row,
  #search-result.column article .product-list > .field__items .views-row,
  #accueil .field--name-field-products-highlight .views-rows .views-row,
  .product-list .views-rows .views-row,
  #search-result.column article .product-list .views-rows .views-row {
    width: 100%;
    margin: 0 0 30px;
    padding: 0 0 30px;
    border-right: 0;
    border-bottom: 1px solid #b8b8b8;
  }
  #accueil .field--name-field-products-highlight > .field__items > .field__item:nth-child(-n+3),
  .product-list > .field__items > .field__item:nth-child(-n+3),
  #search-result.column article .product-list > .field__items > .field__item:nth-child(-n+3),
  #accueil .field--name-field-products-highlight .views-rows > .field__item:nth-child(-n+3),
  .product-list .views-rows > .field__item:nth-child(-n+3),
  #search-result.column article .product-list .views-rows > .field__item:nth-child(-n+3),
  #accueil .field--name-field-products-highlight > .field__items .views-row:nth-child(-n+3),
  .product-list > .field__items .views-row:nth-child(-n+3),
  #search-result.column article .product-list > .field__items .views-row:nth-child(-n+3),
  #accueil .field--name-field-products-highlight .views-rows .views-row:nth-child(-n+3),
  .product-list .views-rows .views-row:nth-child(-n+3),
  #search-result.column article .product-list .views-rows .views-row:nth-child(-n+3) {
    margin: 0 0 30px;
  }
  #accueil .field--name-field-products-highlight > .field__items > .field__item:before,
  .product-list > .field__items > .field__item:before,
  #search-result.column article .product-list > .field__items > .field__item:before,
  #accueil .field--name-field-products-highlight .views-rows > .field__item:before,
  .product-list .views-rows > .field__item:before,
  #search-result.column article .product-list .views-rows > .field__item:before,
  #accueil .field--name-field-products-highlight > .field__items .views-row:before,
  .product-list > .field__items .views-row:before,
  #search-result.column article .product-list > .field__items .views-row:before,
  #accueil .field--name-field-products-highlight .views-rows .views-row:before,
  .product-list .views-rows .views-row:before,
  #search-result.column article .product-list .views-rows .views-row:before {
    display: none;
  }
  #accueil .field--name-field-products-highlight > .field__items > .field__item .product-desc,
  .product-list > .field__items > .field__item .product-desc,
  #search-result.column article .product-list > .field__items > .field__item .product-desc,
  #accueil .field--name-field-products-highlight .views-rows > .field__item .product-desc,
  .product-list .views-rows > .field__item .product-desc,
  #search-result.column article .product-list .views-rows > .field__item .product-desc,
  #accueil .field--name-field-products-highlight > .field__items .views-row .product-desc,
  .product-list > .field__items .views-row .product-desc,
  #search-result.column article .product-list > .field__items .views-row .product-desc,
  #accueil .field--name-field-products-highlight .views-rows .views-row .product-desc,
  .product-list .views-rows .views-row .product-desc,
  #search-result.column article .product-list .views-rows .views-row .product-desc {
    min-height: auto;
    margin: 0;
  }
  #accueil .field--name-field-products-highlight > .field__items > .field__item .product-price,
  .product-list > .field__items > .field__item .product-price,
  #search-result.column article .product-list > .field__items > .field__item .product-price,
  #accueil .field--name-field-products-highlight .views-rows > .field__item .product-price,
  .product-list .views-rows > .field__item .product-price,
  #search-result.column article .product-list .views-rows > .field__item .product-price,
  #accueil .field--name-field-products-highlight > .field__items .views-row .product-price,
  .product-list > .field__items .views-row .product-price,
  #search-result.column article .product-list > .field__items .views-row .product-price,
  #accueil .field--name-field-products-highlight .views-rows .views-row .product-price,
  .product-list .views-rows .views-row .product-price,
  #search-result.column article .product-list .views-rows .views-row .product-price {
    height: auto;
    text-align: left;
  }
  /* ------ SEARCH ------ */
  #search-result,
  #search-carto {
    /* ------ search, row and column list ------ */
  }
  #search-result aside,
  #search-carto aside {
    width: 100%;
  }
  #search-result.row .main-column .product-list .views-rows .views-row,
  #search-carto.row .main-column .product-list .views-rows .views-row,
  #search-result.column .main-column .product-list .views-rows .views-row,
  #search-carto.column .main-column .product-list .views-rows .views-row {
    grid-template-columns: 75px auto;
  }
  #search-result.row .main-column .product-list .views-rows .views-row .product-view,
  #search-carto.row .main-column .product-list .views-rows .views-row .product-view,
  #search-result.column .main-column .product-list .views-rows .views-row .product-view,
  #search-carto.column .main-column .product-list .views-rows .views-row .product-view {
    height: 75px;
    margin: 0;
    grid-column: 1 / 2;
    grid-row: 1 / 5;
  }
  /* ------ search list column map ------ */
  #search-carto .right-column .views-rows .views-row .product-view {
    width: 75px;
    height: 75px;
  }
  .search-options .search-filter {
    width: 100%;
  }
  .search-options .search-filter select {
    text-align: left;
  }
  .search-options .search-filter .form-type-select {
    width: 100%;
  }
  #product-details .product-basket .form-actions {
    width: 100%;
  }
  /* ------ Front & Aside List ------ */
  .main-column .product-list .views-rows .views-row,
  .right-column .product-list .views-rows .views-row {
    width: 100%;
  }
  .main-column .product-list .views-rows .views-row:nth-child(n),
  .right-column .product-list .views-rows .views-row:nth-child(n) {
    border-right: none;
  }
  .main-column .product-list .views-rows .views-row:nth-child(n):before,
  .right-column .product-list .views-rows .views-row:nth-child(n):before {
    width: calc(100% - 50px);
    left: 25px;
  }
  .main-column .product-list .views-rows .views-row:nth-child(2),
  .right-column .product-list .views-rows .views-row:nth-child(2) {
    margin-top: 25px;
  }
  .main-column .product-list .views-rows .views-row:nth-child(2):before,
  .right-column .product-list .views-rows .views-row:nth-child(2):before {
    display: block;
  }
  /* ------ Related List ------ */
  #related-product .views-rows .views-row {
    width: 100%;
  }
  /*   #related-product .views-rows .views-row {
         grid-template-columns: 75px auto;
         .product-view { height: 75px }
      }*/
  /* ------ product-details ------ */
  #product-details .gallery .gallery-thumbnail ul li {
    width: 75px;
    margin: 0 40px 0 0;
  }
  #product-details details .field {
    column-count: 1;
    column-gap: 100px;
    column-rule: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 100px;
    -webkit-column-rule: 0;
    -moz-column-count: 1;
    -moz-column-gap: 100px;
    -moz-column-rule: 0;
  }
  /* ------ ASIDE ------ */
  .right-column .product-list .views-rows .views-row .product-view {
    margin: 0 -25px 20px;
  }
  .right-column .product-list .views-rows .views-row:last-child {
    margin-bottom: 30px;
  }
  /* ------ FOOTER ------ */
  footer[role=contentinfo] {
    padding: 30px 0;
  }
  footer[role=contentinfo] .inner {
    width: 100%;
  }
  footer[role=contentinfo] .inner > nav > ul.menu {
    display: none;
  }
  footer[role=contentinfo] .footer-links nav {
    width: 100%;
  }
  footer[role=contentinfo] .footer-links nav ul.menu {
    margin: 0;
    column-count: 1;
    column-gap: 0;
    column-rule: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
    -webkit-column-rule: 0;
    -moz-column-count: 1;
    -moz-column-gap: 0;
    -moz-column-rule: 0;
  }
}
/* MOBILE +
================================================== */
@media only screen and (min-width: 1px) and (max-width: 400px) {
  body:before {
    background: greenyellow;
  }
  header #burger {
    right: 5px;
  }
  header #menu-top {
    margin: 0;
  }
  header #menu-top #logo img {
    height: auto;
    width: 275px;
  }
  header #menu-top #logo a:before {
    width: 70px;
    height: 40px;
  }
  header #menu .header-link > ul {
    margin: 20px 55px;
  }
}
/* SPECIFIQUE
================================================== */
/* ------ ADMIN DRUPAL ------ */