.notes{ position: relative; margin: 10px 0 0 0; padding: 0; width: 301px; height: 79px; background: url(../style/box/promovote.gif) no-repeat; } .notes-titre1{ position: absolute; margin: 8px 0 0 23px; padding: 0; z-index: 2; } .notes-titre2{ position: absolute; margin: 52px 0 0 33px; padding: 0; z-index: 2; } .notes-titre3{ position: absolute; margin: 52px 0 0 13px; padding: 0; z-index: 2; } #note1{ position: absolute; margin: 6px 0 0 145px; } #note2{ position: absolute; margin: 43px 0 0 145px; } .star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{ background: url(../style/icone/star.gif) left -1000px repeat-x; } .star-rating{ position:relative; width:150px; height:31px; overflow:hidden; list-style:none; margin: 0; padding:0; background-position: left top; } .star-rating li{ display: inline; } .star-rating a, .star-rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:31px; line-height:31px; outline:none; overflow:hidden; border: none; } .star-rating a:hover, .star-rating a:active, .star-rating a:focus{ background-position: left bottom; } .star-rating a.one-star{ width:20%; z-index:6; } .star-rating a.two-stars{ width:40%; z-index:5; } .star-rating a.three-stars{ width:60%; z-index:4; } .star-rating a.four-stars{ width:80%; z-index:3; } .star-rating a.five-stars{ width:100%; z-index:2; } .star-rating .current-rating{ z-index:1; background-position: left center; } .star-rating2, .star-rating2 a:hover, .star-rating2 a:active, .star-rating2 a:focus, .star-rating2 .current-rating2{ background: url(../style/icone/star2.gif) left -1000px repeat-x; } .star-rating2{ position:relative; width:150px; height:31px; overflow:hidden; list-style:none; margin: 0; padding:0; background-position: left top; } .star-rating2 li{ display: inline; } .star-rating2 a, .star-rating2 .current-rating2{ position:absolute; top:0; left:0; text-indent:-1000em; height:31px; line-height:31px; outline:none; overflow:hidden; border: none; } .star-rating2 a:hover, .star-rating2 a:active, .star-rating2 a:focus{ background-position: left bottom; } .star-rating2 a.one-star2{ width:20%; z-index:6; } .star-rating2 a.two-stars2{ width:40%; z-index:5; } .star-rating2 a.three-stars2{ width:60%; z-index:4; } .star-rating2 a.four-stars2{ width:80%; z-index:3; } .star-rating2 a.five-stars2{ width:100%; z-index:2; } .star-rating2 .current-rating2{ z-index:1; background-position: left center; } .small-star{ width:50px; height:10px; } .small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating{ background-image: url(../style/icone/star_small.gif); line-height: 10px; height: 10px; }