/*Mon propre style*/
.star-rating-container {
	padding:10px 0 5px 0;
	display:flex;
	align-items:center;
}
.total-ratings {
	margin-bottom: .7rem;
	font-size:1.5rem;
}
.product-sales {
	padding-bottom:10px;
	font-weight:bold;
}
/*fin mon propre style*/

/* Star display 
.star-rating {
    overflow: hidden;
    position: relative;
    height: 1.618em;
    line-height: 1.618;
    font-size: 1em;
    width: 5.3em;
    font-family: star;
    font-weight: 400
}

.star-rating::before {
    content: '\53\53\53\53\53';
    opacity: .25;
    float: left;
    top: 0;
    left: 0;
    position: absolute
}

.star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em
}

.star-rating span:before {
    content: '\53\53\53\53\53';
    top: 0;
    position: absolute;
    left: 0;
}

p.stars {
    display: inline-block;
    margin: 0;
}

p.stars a {
    position: relative;
    height: 1em;
    width: 1em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
    margin-right: 1px;
    font-weight: 400;
    outline: none;
}

p.stars a:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: star;
    content: '\53';
    text-indent: 0;
    opacity: .25
}

p.stars a:hover~a:before {
    content: '\53';
    opacity: .25
}

p.stars:hover a:before {
    content: '\53';
    opacity: 1
}

p.stars.selected a.active:before {
    content: '\53';
    opacity: 1
}

p.stars.selected a.active~a:before {
    content: '\53';
    opacity: .25
}

p.stars.selected a:not(.active):before {
    content: '\53';
    opacity: 1
}

.total-ratings{
	display: inline;
}

.star-rating-container{
	display: block;
	top: -12px;
	position: relative;
}


/* Review Histogram 
.product-review-histogram{
	min-width: 400px;
}
.histogram-row{
	display: block;
	width: 100%;
	margin: 6px 0;
}
.histogram-row:after{
	content: "";
	display: table;
	clear: both;
}
.histogram-col-1,
.histogram-col-2,
.histogram-col-3{
	float: left;
	width: 20%;
	text-align: left;
	font-size: 19px;
	line-height: 26px;
}
.histogram-col-1{
	text-align: right;
}
.histogram-col-2{
	width: 60%;
	padding: 3px 5%;
}
.histogram-meter-bar{
	height: 20px;
	width: 100%;
	background: #454444;
}
.histogram-bar-temperature{
	height: 100%;
	background: #ffa800; /* Old browsers 
	background: -moz-linear-gradient(top, #ffa800 0%, #ef9300 100%); /* FF3.6-15 
	background: -webkit-linear-gradient(top, #ffa800 0%,#ef9300 100%); /* Chrome10-25,Safari5.1-6 
	background: linear-gradient(to bottom, #ffa800 0%,#ef9300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa800', endColorstr='#ef9300',GradientType=0 ); /* IE6-9 
}
*/