#homefeatured{

	padding: 25px 0;

}

@media (min-width: 768px){

	#homeFeaturedContainer{

	margin-top: 35px;
	margin-bottom: 22px;
		background: url(../../../img/bois-xs.jpg) center no-repeat;

		position: relative;
		background-size: cover;

	}

}

@media (max-width: 767px){

	#homeFeaturedContainer{

		margin-top: 35px;

		background: url(../../../img/bois-xs.jpg) center no-repeat;

		position: relative;


		background-size: cover;
	}

}

#homeFeaturedContainer:before {

    content: '';

    display: inline-block;

    width: 100%;

    height: 100%;

    position: absolute;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+51,0.7+100 */

background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#homeFeaturedContainer .product-name{

	color: #000;

	font-weight: 700;

}

#homeFeaturedContainer .price{

	color: #000;

	font-weight: 700;

}

.old-price{

	color: #000;

	font-weight: 700;

}



@media (min-width: 1501px) {

	#oeufs {

				position: absolute;
		    bottom: -32px;
		    z-index: 99999;
		    left: -6%;
		    width: 16%;

	}

	#roselle {

	    position: absolute;

	    top: -37px;

	  	right: -66px;

	    z-index: 99999;

	   /* margin-left: 1051px;*/

	}

}

@media (min-width: 1200px) and (max-width: 1500px){

	#oeufs {

		position: absolute;
		    bottom: -12px;
		    z-index: 99999;
		    left: -2%;
		    width: 13%;

	}

}
@media (max-width:991px) {

		#roselle{

			display: none;

		}
}
@media (max-width: 1199px){


	img#oeufs {
    position: absolute;
    z-index: 999;
    left: -4%;
    width: 15%;
    bottom: -10px;
}


}

@media (min-width:768px) and (max-width:991px){
img#oeufs {
    position: absolute;
    z-index: 999;
    left: -5%;
    width: 24%;
    bottom: -15px;
}}

@media (max-width: 550px){
ul#homefeatured li {
    width: 100%;
    float: left;
} }


@media (max-width:767px){img#oeufs {display: none;}}

p.phare-text {
    margin: -55px auto auto;
}

@media (max-width:991px) {
	p.phare-text {
	    margin: -40px auto auto;
	}
}

/*# sourceMappingURL=homefeatured.css.map */