/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 #header{ background: white !important; }
 
 /*  jaune = #FFE300   ffcc00   blue = 0b63b0 */
 li.product-flag { background : #000000; color : #FFF;font-weight:400 !important;  }
 li.product-flag { margin-top: 0rem;  /*  .625rem */ }
 
#products .product-miniature .discount-amount, #products .product-miniature .discount-percentage, #products .product-miniature .on-sale, #products .product-miniature .online-only, #products .product-miniature .pack, #products .product-miniature .product-flags .new, .featured-products .product-miniature .discount-amount, .featured-products .product-miniature .discount-percentage, .featured-products .product-miniature .on-sale, .featured-products .product-miniature .online-only, .featured-products .product-miniature .pack, .featured-products .product-miniature .product-flags .new, .product-accessories .product-miniature .discount-amount, .product-accessories .product-miniature .discount-percentage, .product-accessories .product-miniature .on-sale, .product-accessories .product-miniature .online-only, .product-accessories .product-miniature .pack, .product-accessories .product-miniature .product-flags .new, .product-miniature .product-miniature .discount-amount, .product-miniature .product-miniature .discount-percentage, .product-miniature .product-miniature .on-sale, .product-miniature .product-miniature .online-only, .product-miniature .product-miniature .pack, .product-miniature .product-miniature .product-flags .new { background : #000000; font-weight:600;color : #FFF !important;  }

/* .btn-primary.focus, .btn-primary:focus, .btn-primary:hover { background-color : #FFE300; color : #000 !important;  }
.btn-primary  { background-color : #000000 !important;  }  */

 /*   PROMO   */
 .featured-products .product-miniature .on-sale.on-sale { background : #ffcc00 !important;  }
  .featured-products .product-miniature .on-sale { color : #000 !important;  }
  
  
  
  .block-social li:hover {
 background-color:#d51a1d !important; }
 
 
 /*  Panier en haut   */
 #header .header-nav .cart-preview.active {
  background : #ffcc00 !important; }
  #header .header-nav .cart-preview.active a, #header .header-nav .cart-preview.active i { color: #000; }
  #header .header-nav .blockcart.active a:hover { color: #000 !important; }
  
  
   .top-menu a.dropdown-submenu {
    color: #232323;
    text-transform: none;}
  
  
  a { color: #000000 !important; }
  a:hover { color:#0b63b0 !important; }
  
  .dropdown:hover .expand-more {
    color: #0b63b0;}
    
    .search-widget form button[type="submit"] .search:hover {
    color: 
    #000000 !important;}
 .search-widget form input[type=text]:focus {
 outline:1px solid #000000 !important;
 color:#232323;
 background:#fff;}
.search-widget form input[type=text]:focus+button .search {
 color:#000000 !important;}


/* BOUTON NEWSLETTER, MISE EN PANIER */
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    background-color: #ffcc00 !important;
 color: #000 !important; }
.btn-primary {
 background-color: #ffcc00 !important;
 color: #000 !important; }
 
 
 .product-price {
    color: #0b63b0;
    display: inline-block;}
    
    #product-availability .product-available {color: #000; }
    #product-availability .product-last-items, #product-availability .product-unavailable { color:#000; }
    
    .tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 2px solid #000;}
    
    .product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover {
    border: 2px solid #000;}
    
    /* menu deroulant tri */
    .products-sort-order .select-list:hover {
    background: #000 !important;
    color: #fff !important;
    text-decoration: none;}
    
    /* modal cart */
    #blockcart-modal .product-name {
    color: #0b63b0;
    font-size: 1.125rem;}
    
    #blockcart-modal .modal-header {
    background: #000;}
 
 
 /* sous menu category */
 .top-menu .sub-menu {
    border: none;
    margin-left: 5.5rem;
    width: 91%;
    min-width: 91%;
    /* margin-left: .9375rem;  width:calc(100% - 90px) ; */  }
    
 /* decallage sous menu category*/
    .popover {
     top: 25px !important; }
     
/*  callge du form recherche sur les mobiles     
     @media (max-width : 500px) {
      #header {
       position:fixed;
       width : 100% ;
       z-index : 1000 ;
       height : 110px ; 
      }
      #wrapper { margin-top:90px !important; }
       }  */ 
       
/*  3 colonnes pour produits phares  */
       @media (min-width:768px) {
          .products {min-width: 832px;} }
      @media (min-width:768px) {
         .block-categories .category-sub-menu li[data-depth="0"]>a { font-size: 0.9rem;[spam-filter] }

/*  +  */
.block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover {
    color: #0b63b0 !important;}
.block-categories .collapse-icons .add, .block-categories .collapse-icons .remove {  color: #0b63b0 !important;}
    
/*  bouton contactez nous */
.bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default {background: #000;}


/* big banner decallage vert. */
.img-fluid {
    max-width: 100%;
    margin-bottom: 50px; }

    
    /* bloc de texte perso  */
  #custom-text p img {
    max-width: 100%;}
    #custom-text {
    background: #f1f1f1 !important;
    border-radius: 2px;
    margin-bottom: 0 !important;
    padding: 0rem;
    text-align: center; }
    
 /* En tete categorie */
 .block-category #category-description p img {
    max-width: 100% !important;
}