/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

 /* bannière rouge */

 #header .header-nav {
   background: #c71918;
}
}
#header top-menu a[data-depth="0"]:hover {
    color: #c71918;
    text-decoration: none;
}

/*
#header a {
    color: #fff;
}*/

/* loupe de recherhce */
.search-widget form button[type="submit"] .search:hover {
    color: #c71918;
}

/*page en blanc*/
#wrapper {
    background: #ffffff;
    box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.11);
    padding-top: 1.563rem;
}

/*autres modification couleurs*/
.search-widget form input[type="text"]:focus {
    outline: 3px solid #c71918;
    color: #232323;
    background: #fff;
}
.search-widget form input[type="text"]:focus + button .search {
    color: #c71918;
}
.search-widget form button[type="submit"] .search:hover {
    color: #c71918;
}
#header .top-menu a[data-depth="0"]:hover {
    color: #c71918;
    text-decoration: none;
}
body#checkout section.checkout-step .address-item.selected {
    background: #fff;
    border: 3px solid #c71918;
}
.page-my-account #content .links a:hover i {
    color: #c71918;
}
.carousel .carousel-control .icon-prev:hover i {
    color: #c71918;
}
.product-miniature .highlighted-informations .quick-view:hover {
    color: #c71918;
}
.products-sort-order .select-list:hover {
    background: #c71918;
    color: #fff;
    text-decoration: none;
}
.facet-dropdown.open > .select-title {
    border: 3px solid #c71918;
    background: #f6f6f6;
}
.facet-dropdown .select-list:hover {
    background: #c71918;
    color: #fff;
    text-decoration: none;
}
.pagination .current a {
    color: #c71918;
    text-decoration: none;
    font-size: 1.25rem;
}
.block-categories .collapse-icons .remove:hover {
    color: #c71918;
}
.block-categories .arrows .arrow-right:hover {
    color: #c71918;
}
.product-price {
    color: #c71918;
    display: inline-block;
}
.tabs .nav-tabs .nav-link.active {
    color: #c71918;
}
.tabs .nav-tabs .nav-link:hover {
    border: none;
    border-bottom: 3px solid #c71918;
}
#product-modal .modal-content .modal-body .product-images img:hover {
    border: 3px solid #c71918;
}
#blockcart-modal .product-name {
    color: #c71918;
    font-size: 1.125rem;
}
.product-images > li.thumb-container > .thumb:hover {
    border: 3px solid #c71918;
}
.product-flags li.product-flag {
    pointer-events: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #c71918;
    font-weight: 700;
    padding: 0.3125rem 0.4375rem;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0.625rem;
    font-size: 1rem;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.product-customization .product-message:focus {
    background-color: #fff;
    outline: 0.1875rem solid #c71918;
}
.cart-grid-body a.label:hover {
    color: #c71918;
}
.block-promo .promo-input + button {
    margin-top: -4px;
    margin-left: -1px;
    text-transform: capitalize;
    border: 2px solid #c71918;
}
.block-promo .promo-code-button.cancel-promo {
    color: #c71918;
    margin-bottom: 0;
}
.block_newsletter form input[type="text"]:focus {
    outline: 3px solid #c71918;
    color: #232323;
    background: #fff;
}
.block_newsletter form input[type="text"]:focus + button .search {
    color: #c71918;
}
.block_newsletter form button[type="submit"] .search:hover {
    color: #c71918;
}
.block_newsletter form input[type="email"]:focus {
    border: 3px solid #c71918;
    padding: 8px 8px 9px;
    outline: 0;
}
.account-list a:hover {
    color: #c71918;
}
.block-social ul li:hover {
    background-color: #c71918;
}
.footer-container li a:hover {
    color: #c71918;
}
    .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover {
        color: #c71918;
}
a:hover {
    color: #c71918;
    text-decoration: none;
}
a {
    color: #c71918;
    text-decoration: none;
}
a:hover {
    color: #aaa;
    text-decoration: none;
}
.product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover {
    border: 3px solid #df4131;
}
.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: 3px solid #000;
}
/* supprimer en cas de beugue couleurs boutton */
.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: 3px solid #111;
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled:hover {
  background-color: #c90000;
  border-color: transparent;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
  color: #fff;
  background-color: #ce1616;
  border-color: transparent;
}
/* flèche carroussel*/
.carousel .carousel-control .icon-next:hover i,
.carousel .carousel-control .icon-prev:hover i {
    color: #c71918;
}
#header .header-nav .cart-preview.active {
    background: #e24c4cf2;
}

/*contactez nous */
#header {
    background: #fff;
    color: #222;
}
/* hover bouton s'abboner */

.btn-primary {
    color: #fff;
    background-color: #c71918;
    border-color: transparent;
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    color: #fff;
    background-color: #E74C3C;
    border-color: transparent;

    /*catégorie paiments*/
    .custom-radio input[type="radio"]:checked + span {
    display: block;
    background-color: #c71918;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    left: .125rem;
    top: .125rem;
}

a:focus, a:hover {
    color: #c71918;
    text-decoration: underline;
}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled:hover {
    background-color: #c71918;
    border-color: transparent;
}
.btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color:#c71918;
    border-color: transparent;
    background-image: none;
}


    /* HOVER aperçus rapide */
}
#products .highlighted-informations .quick-view:hover, .featured-products .highlighted-informations .quick-view:hover, .product-accessories .highlighted-informations .quick-view:hover, .product-miniature .highlighted-informations .quick-view:hover {
    color: #c71918;
}
/* hover écritue bannière + sous catégories */
#header a:hover {
    text-decoration: none;
    color: #999;
}

/* hover catégories du haut */

#header .top-menu a[data-depth="0"]:hover {
    color: #c71918;
    text-decoration: none;
}
/* hover catégories du bas */

.footer-container li a:hover {
    color: #c71918;
}

 /* step 1 */
 body.page-index #wrapper .container {
      max-width: 100%;
      width: 100%;
      padding-left: 0;
      padding-right: 0;
 }
 body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
      margin-left: auto;
      margin-right: auto;
      padding-left: 15px;
      padding-right: 15px;
 }
 @media (min-width: 992px) {
      body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
          max-width: 940px;
     }
 }
 @media (min-width: 1200px) {
      body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
          max-width: 1140px;
     }
 }
 @media (max-width: 991px) {
      body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
          max-width: 100%;
     }
 }
 .carousel-control .icon-prev {
      margin-left: 0;
 }
 .carousel-control .icon-next {
      margin-right: 0;
 }
 /* step 2 */
 .carousel .carousel-inner{height:450px;}
 .carousel{box-shadow:none;}

 /* Les delais de livrais*/
 .product-prices .tax-shipping-delivery-label {
   font-size: .8125rem;
   font-style: gras;
   color: #f00;
 }