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

/* vanessa - tuto 25 */
.subcategory-heading {
    font-weight: bold;
    text-align:center;
    padding-top:10px;
}

#subcategories h5{
    margin-bottom: 25px
}  
#subcategories ul li{
    float: left;
    width: 25%;
    text-align: center;
}
#subcategories ul li img {
    margin-bottom: 10px;
	margin-right: 10px;
    width:90%;
}
#subcategories ul li img:hover{
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

/* mobile */
@media screen and (max-width:600px){
    #subcategories ul li{
        width: 33%;
    }
}

/* vanessa - tuto 39 - optimisation mobile */

/* Mobile large */
@media(max-width:600px){

    #main .products .product-miniature {float:left;width:46%;margin-right:2%}
    #main .products .product-miniature .thumbnail-container{width:100%;height:300px;margin-bottom:15px;}
    #main .products .product-description{width:100%;height:100px;}
    #main .products .product-miniature .thumbnail-container img{width:95%;}
    #main .products .product-flag{padding:3px!important;min-height:inherit!important;font-size:9px!important;height:25px} 
    #main .products .discount-percentage{padding:3px!important;min-height:inherit!important;font-size:12px;} 
	/* vanessa - cache bloc new letter , reseau et bandeau du haut connexion pro sur mobile */
	.header-banner{display: none;}
	#index .block_newsletter{display: none;}
	#product .block_newsletter{display: none!important;}
	#index .custom-text{display: none;}
	.block-social{display: none;}
}

/* Mobile small */
@media(max-width:320px){
    
    #main .products .product-miniature .thumbnail-container{height:270px;}
    #main .products .product-description{height:120px;}
	/* vanessa - cache bloc new letter , reseau et bandeau du haut connexion pro sur mobile */
	.header-banner{display: none;}
	#index .block_newsletter{display: none;}
	#product .block_newsletter{display: none!important;}
	#index .custom-text{display: none;}
	.block-social{display: none;}
  
}

/* Webbax - slider accueil Tuto 63 */
.img-responsive{width:100%;}
#slide-random{margin-bottom:20px;}
#slide-random a img:hover{opacity:0.9;filter: alpha(opacity=90); /* For IE8 and earlier */}

/* Webbax - TUTO 45 */
body#checkout #header .header-nav {
    border-bottom: 2px solid #f1f1f1;
    max-height: 50px;
    margin-bottom: 30px;
    padding:inherit;
    box-shadow:inherit;
}
#checkout #search_widget{
    display:block;
}
body#checkout #footer{
    padding:0;
    padding-top:2.5rem;
    color:inherit;
}