@charset "UTF-8";
/* @see https://github.com/jkphl/svg-sprite/blob/master/README.md */
/* @see https://github.com/AdamBrodzinski/Retina-Sprites-for-Compass */
/* Exemple d'tilisation des sprites PNG :
.demo-container {

	position: relative;

	.demo-element {

		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -(round(image-width('sprite-png/image-name-with-extension.png') / 2));

		// Ajout automatique des propriétés "background", "width" et "height" avec mediaquery qui va bien
		@include retina-sprite('image-name-without-extension');
	}
}*/
/*
	Responsive tout ce que tu veux !
	ex :
	#test {
		@include ax_responsive('border', '1px dashed red', '2px dashed olive', '5px dashed tomato');
		@include ax_responsive('font-size', false, $font-size-h2 - 2px, inherit, $font-size-small);
	}
*/
/* ************************************************************************************************
								Categories Page Styles
************************************************************************************************ */
.content_scene_cat {
  line-height: 19px;
  margin: 0 0 26px 0;
}
.content_scene_cat .category-name {
  color: inherit;
  font-size: 36px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .content_scene_cat .category-name {
    font-size: 26px;
  }
}
.content_scene_cat p {
  margin-bottom: 0;
}
.content_scene_cat a {
  color: #f64b44;
}
.content_scene_cat a:hover {
  text-decoration: underline;
}
.content_scene_cat .content_scene .cat_desc {
  padding-top: 20px;
}
.content_scene_cat .content_scene .cat_desc a {
  color: #222;
}
.content_scene_cat .content_scene .cat_desc a:hover {
  color: #f64b44;
}

#category_description_short *:first-child {
  margin-top: 0;
}
#category_description_short a {
  color: #f64b44;
}
#category_description_short a:hover {
  text-decoration: underline;
}

.category-description-left a {
  color: #f64b44;
}

/* ************************************************************************************************
									Sub Categories Styles
************************************************************************************************ */
#subcategories {
  border-top: 1px solid #d6d4d4;
  padding: 15px 0 0px 0;
}
#subcategories p.subcategory-heading {
  font-weight: bold;
  margin: 0 0 15px 0;
}
#subcategories ul {
  margin: 0 0 0 -20px;
}
#subcategories ul li {
  float: left;
  width: 145px;
  margin: 0 0 13px 33px;
  text-align: center;
  height: 202px;
}
#subcategories ul li .subcategory-image {
  padding: 0 0 8px 0;
}
#subcategories ul li .subcategory-image a {
  display: block;
  padding: 9px;
  border: 1px solid #d6d4d4;
}
#subcategories ul li .subcategory-image a img {
  max-width: 100%;
  vertical-align: top;
}
#subcategories ul li .subcategory-name {
  text-transform: uppercase;
}
#subcategories ul li .subcategory-name:hover {
  color: #f64b44;
}
#subcategories ul li .cat_desc {
  display: none;
}
#subcategories ul li:hover .subcategory-image a {
  border: 5px solid #333;
  padding: 5px;
}

#product_comparison td.compare_extra_information {
  padding: 10px;
}
#product_comparison #social-share-compare {
  margin-bottom: 50px;
}

#category #center_column {
  padding-left: 30px;
}
@media (max-width: 991px) {
  #category #center_column {
    padding-left: 10px;
  }
}

#ax-category-push {
  text-align: center;
}
#ax-category-push.appearornot {
  opacity: 0;
  transition: opacity 0.2s ease;
}
#ax-category-push.appearornot.yesisit.left {
  transform: translateX(0%);
  opacity: 0;
  animation: appearZoneLeft cubic-bezier(1, -0.01, 0.78, 1.49) 0.6s forwards;
}

.littleH1 {
  font-weight: normal;
  font-size: 12px;
  margin: 0;
}