/* ========================================================================== Category.scss ========================================================================== */
/** Foundation for Sites by ZURB Version 6.4.4-rc1 foundation.zurb.com Licensed under MIT Open Source */
body { background-image: url("../images/bg_gamme.jpg"); }

.row.shrinked { margin-top: 2rem; padding: 0 5rem; }

@media screen and (min-width: 64em) and (max-width: 79.9375em) { .row.shrinked { padding: 0 2rem; } }

@media screen and (max-width: 63.9375em) { .row.shrinked { padding: 0; }
  .row.shrinked #product_list { padding: 0 0.6666666667rem; } }

#filter_list .callout { margin-left: 2rem; }

#filter_list .callout * { transition: all 0.3s ease-in-out; }

#filter_list .callout .filtrer { color: #01193D; font-weight: bold; font-size: 1.3333333333rem; line-height: 1.3333333333rem; }

#filter_list .callout .row .closeme { display: none; }

#filter_list .callout .row .closeme i:first-child { left: -0.4rem; }

#filter_list .callout .accordion { margin-top: 1.3333333333rem; }

#filter_list .callout .morecontent { margin-top: 3.3333333333rem; }

@media screen and (min-width: 64em) and (max-width: 79.9375em) { #filter_list .callout { margin-left: 0; }
  #filter_list .callout .filtrer { font-size: 1.2rem; } }

@media screen and (min-width: 46.25em) and (max-width: 63.9375em) { #filter_list .filtrer, #filter_list #clearmoteur { text-align: center; float: none; }
  #filter_list .accordion-title { font-size: 1.3333333333rem; padding-left: 1rem; }
  #filter_list .accordion-title::before { width: 1rem; height: 1rem; font-size: 1rem; }
  #filter_list .nice-checkbox label { font-size: 0.8rem; padding-left: 2rem; } }

@media screen and (max-width: 46.1875em) { #filter_list .callout { margin-left: 0; margin-bottom: 3.3333333333rem; padding: 0.6666666667rem; }
  #filter_list .callout > .row { border-bottom: 0.0666666667rem solid #444444; }
  #filter_list .callout > .row .filtrer { text-align: right; position: relative; padding-right: 1rem; font-size: 0.9333333333rem; }
  #filter_list .callout > .row .filtrer i { margin-right: 0.6666666667rem; }
  #filter_list .callout > .row .filtrer::after { display: block; content: ''; position: absolute; height: 1.3333333333rem; width: 0.0666666667rem; background: #e6e6e6; position: absolute; right: -0.6666666667rem; top: 0; }
  #filter_list .callout > .row #clearmoteur { float: left; padding-left: 1rem; font-size: 0.9333333333rem; }
  #filter_list .callout > .row .closeme { display: block; float: right; position: relative; top: -0.2666666667rem; left: 0.4rem; }
  #filter_list .callout .accordion, #filter_list .callout > .hide-for-large { transition: all 0.3s ease-in-out; max-height: 100vh; overflow: auto; padding: 1rem; }
  #filter_list .callout .hide-for-large .button { display: block; }
  #filter_list.mobile-hide .callout { margin-right: 2rem; margin-left: 2rem; }
  #filter_list.mobile-hide .callout > .row { border-bottom: none; }
  #filter_list.mobile-hide .callout > .row .small-6.columns:first-child { width: 100%; transition: all 0.3s ease-in-out; }
  #filter_list.mobile-hide .callout > .row .small-6.columns:first-child .filtrer { text-align: center; margin-bottom: 0.1333333333rem; padding-right: 0; }
  #filter_list.mobile-hide .callout > .row .small-6.columns:first-child .filtrer::after { display: none; }
  #filter_list.mobile-hide .callout > .row .small-6.columns:last-child { width: 0; height: 0; opacity: 0; padding: 0; overflow: hidden; transition: all 0.3s ease-in-out; }
  #filter_list.mobile-hide .callout .accordion, #filter_list.mobile-hide .callout > .hide-for-large { max-height: 0; overflow: hidden; margin: 0; padding: 0; } }

#product_list .column, #product_list .columns { clear: none !important; }

/*# sourceMappingURL=gamme.css.map */
#filter_list .callout { margin-right: 2rem; }

@media screen and (min-width: 64em) and (max-width: 79.9375em) { #filter_list .callout { margin-right: 0; } }
