@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);
	}
*/
#header-category {
  margin-top: -30px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #header-category {
    margin-top: auto;
  }
}
#header-category .wrapper-current-category {
  margin-bottom: 36px;
}
#header-category .wrapper-current-category .ax-catimg-thumb {
  display: block;
  margin: 0 auto;
  border-radius: 8px;
}
#header-category .wrapper-current-category .page-heading {
  margin-bottom: 24px;
}
#header-category .wrapper-current-category .wrapper-desc-category {
  text-align: center;
  color: #262A4E;
  font-size: 12px;
}
#header-category .wrapper-current-category .wrapper-desc-category * {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #262A4E !important;
}
#header-category .wrapper-current-category .wrapper-desc-category a {
  font-weight: bold;
}
#header-category .wrapper-subcategories ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}
@media (max-width: 480px) {
  #header-category .wrapper-subcategories ul {
    margin: 0 -10px;
  }
}
#header-category .wrapper-subcategories ul li {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}
#header-category .wrapper-subcategories ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  transition: all .15s ease;
}
#header-category .wrapper-subcategories ul li a:hover, #header-category .wrapper-subcategories ul li a:active, #header-category .wrapper-subcategories ul li a:focus {
  color: #A1D5D8;
  text-decoration: underline;
}
#header-category .wrapper-subcategories ul li a span {
  margin-top: 5px;
}
#header-category .wrapper-subcategories ul li a img {
  border-radius: 8px;
}
@media (max-width: 480px) {
  #header-category .wrapper-subcategories ul .ax-hid-subcat {
    display: none;
  }
}
#header-category .wrapper-subcategories .ax-more-subcat,
#header-category .wrapper-subcategories .ax-less-subcat {
  display: block;
  background-color: #262A4E;
  width: fit-content;
  padding: 8px 15px;
  margin: 0 auto;
  border-radius: 8px;
}
#header-category .wrapper-subcategories .ax-more-subcat a,
#header-category .wrapper-subcategories .ax-less-subcat a {
  font-size: 12px;
  font-weight: 600;
  transition: all .15s ease;
  color: #fff;
  text-transform: uppercase;
}
#header-category .wrapper-subcategories .ax-more-subcat a:hover, #header-category .wrapper-subcategories .ax-more-subcat a:active, #header-category .wrapper-subcategories .ax-more-subcat a:focus,
#header-category .wrapper-subcategories .ax-less-subcat a:hover,
#header-category .wrapper-subcategories .ax-less-subcat a:active,
#header-category .wrapper-subcategories .ax-less-subcat a:focus {
  text-decoration: none;
}
@media (min-width: 480px) {
  #header-category .wrapper-subcategories .ax-more-subcat,
  #header-category .wrapper-subcategories .ax-less-subcat {
    display: none;
  }
}
#header-category .wrapper-subcategories .ax-less-subcat {
  display: none;
}
#seo-category {
  text-align: center;
  color: #262A4E;
  font-size: 12px;
}
#seo-category h1, #seo-category h2, #seo-category h3, #seo-category h4, #seo-category h5, #seo-category h6 {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #262A4E;
  font-weight: 600;
}
#seo-category a {
  color: #A1D5D8;
  text-decoration: underline;
}
#seo-category a:hover, #seo-category a:active, #seo-category a:focus {
  text-decoration: none;
}