.details {
  background: #fff;
  padding: 1em;
}

details > summary {
  background: #f0f0f0;
  padding: 1em;
  cursor: pointer;
  margin-bottom: 1em;
}

/* Pour désactiver le label "PACK PRODUIT" sur la fiche produit*/
.product-flags li.product-flag.pack{
	display: none;
}

/*Ne pas afficher les produits associer dans les packs*/
.product-pack {
  display: none
}

/*Ne pas afficher le texte du stock produit natif prestashop (remplacer par le module indicator)*/
#product-availability {
  display: none
}

/*Ne pas afficher le prix initial des produits avant d'être dans un pack*/
.product-pack-price{
  display: none
}

.attribute_label {
	font-size: 12px;
}

.form-control {
	padding: .1rem 1rem;
}
/* Pour afficher le label "en stock" sur les calques du module product designer */
.dsn-in-stock { display: block !important; }

/* Pour agrandir la hauteur de la popup du module product desiner */
#dsn-grid {
	min-height: 870px !important;
}

/*Couleur texte fiche produit*/
p {
	color: #000;
}

/* Taille du prix */
.current-price-value {
	font-size: xx-large;
}

/* Modifier la police du prix sur la fiche produit*/
.current-price-value {font-family: Kalam;
}

/* Modifier la police des titres produits dans la fiche produit */
.h1 {font-family: Kalam;
}

/* Modifier la police des titres produits dans la liste des produits */
.h3 {font-family: Kalam;
}

/* Modifier la police et la dimension des titres categories */
.subcategory-name {
	font-family: Kalam;
	font-size: 0.92rem;
}

/* Modifier la police des description des produits */
.product-description{
	font-family: Manrope;
}

/* Modifier la police des onglets d'enregistrement du module B2B inscription */
.b2bregistration-top-link-text{
	font-family: Manrope;
}

/* Couleur du fond du cadre extérieur du site */
#wrapper {
	padding-top: 1.563rem;
	background: #fff;
}

/* Couleur du fond du cadre central du site */
.card {
	background-color: #fff;
}

/* Pour arrondir les angles des photos des produits */
img {
border-radius: 10%;
}

/* Pour arrondir les angles des photos des catégories */
.subcategory-image a img{
border-radius: 40%;
}

/* Pour désactiver le bouton FILTRER sur mobile */
#search_filter_toggler{
display: none
}

/* Pour désactiver le message de produit non trouvé */
.page-not-found{
display: none
}

/* Pour désactiver le tri par prix... de la liste des produits*/
/*.products-selection{
display: none
}*/

#subcategories ul li .subcategory-image a{
  padding: 5px;
  border: 2px solid #fff;
  display: block;
  margin-bottom: 5px;
}

/* Pour désactiver le probleme de cadre bleu au survol sur les sous catégories*/
#subcategories ul li:hover .subcategory-image a{
	border: 3px solid #000; /*#24b9d7*/
}

.no-left-column #left-column{
	display: none;
}
.no-left-column #content-wrapper{
	width: 100%;
}
@media (min-width: 1200px) {
  .no-left-column #js-product-list .col-xl-4, .no-left-column #js-product-list .col-xl-5 {
    float: left;
    width: 25%;
  }
}
#search_filters .facet .facet-label{
	display: flex;
}
#search_filters .facet .facet-label .custom-checkbox, #search_filters .facet .facet-label .custom-radio{
	top: 0;
}
#search_filters .facet .facet-label a{
	margin-top: 0;
}
/* Pour modifier la largeur de la marge du bouton ajout au panier et du prix pour que le visuel soit mieux sur les smartphones*/
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-right: 10px;
	padding-left: 15px
}

.ps-switch .slide-button, .ps-switch .slide-button::after {
  position: absolute;
  -webkit-transition: .25s ease-out;
  transition: .25s ease-out;
}
.ps-switch .slide-button {
  top: 0;
  z-index: 0;
  display: block;
  width: 36px;
  height: 22px;
  background: #ff0000;
  border-radius: 1000px;
}
.ps-switch-center .slide-button {
  position: inherit;
  margin: auto;
}
.ps-switch.ps-switch-sm .slide-button {
  width: 30px;
  height: 16px;
}
.ps-switch input:last-of-type:checked ~ .slide-button,
.ps-switch .slide-button.active {
  background: #70b580;
}
.ps-switch .slide-button::after {
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  content: "";
  background: #fff;
  border-radius: 50%;
}
.ps-switch.ps-switch-sm .slide-button:after {
  width: 12px;
  height: 12px;
}
.ps-switch input:last-of-type:checked ~ .slide-button:after,
.ps-switch .slide-button.active:after  {
  -webkit-transform: translateX(14px);
  transform: translateX(14px);
}
.ps-switch input {
  position: absolute;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ps-switch input:checked,
.ps-switch input.active {
  z-index: 0;
}
.switch-widget-display-price{
  tex-align: center;
}
.switch-widget-display-price{
  text-align: center;
}
.show-hide-price-member .ps-switch input:last-of-type:checked ~ .slide-button {
/*  background: #ff0000;*/
}
#display_price_active,
#dealer_price_active {
  width: 36px;

}
.switch-widget-display-dealer-price,
.switch-widget-display-price{
	display: inline-block;
	margin: 0;
}
.active_disable_price{
	padding-top: 10px;
}
@media (max-width: 768px) {
  #header .header-nav.header-nav-disable-price{
    max-height: 100px;
  }
}
#header .show-hide-price-member{
  padding: 10px 15px;
}
#header .slide-button{
  margin-left: 5px;
}
.switch-widget-display-price{
  margin-right: 10px;
}

@-webkit-keyframes priceslide {
    100% { left: 0; }
}
@keyframes priceslide {
    100% { left: 0; }
}
.disable-price-action{
  display: block;
  width: 36px;
  height: 22px;
  background: #ff0000;
  border-radius: 1000px;
  padding: 2px;
  position: relative;
  left: 0;
  -webkit-animation: priceslide 0.5s forwards;
  -webkit-animation-delay: 1s;
  animation: priceslide 0.5s forwards;
  animation-delay: 2s;
  cursor: pointer;
  margin-left: 3px;
}
.disable-price-action:after{
  width: 18px;
  height: 18px;
  content: "";
  background: #fff;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 2px;
}
.disable-price-action.active{
  background: #70b580;
}
.disable-price-action.active:after{
  left: 16px;
}
.switch-disable-price,
.disable-price-header{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}