--- a/integ/css/iri.css	Tue Apr 09 15:28:51 2013 +0200
+++ b/integ/css/iri.css	Wed Apr 10 11:46:53 2013 +0200
@@ -66,5 +66,7 @@
 .edit-cinecard {position: relative;}
 
 .logo-iri{z-index: 10;position: absolute;right: 25px;bottom: 66px;}
-div.tooltip-iri{ z-index:10;padding: 10px 15px;position: absolute;background: #3d3d3c;border: 1px solid #626262;text-align: left;	-webkit-box-shadow: 0 0 20px 0px #000000;box-shadow: 0 0 20px 0px #000000;display: none;}
-div.tooltip-iri p{display: inline-block;}
+
+div.rate_tooltip{ z-index:10;box-shadow: 2px 2px 10px 0px #000;}
+div.rate_tooltip p{display: inline-block;}
+.rate_tooltip .arrow_l {background: url("skin/arrow_l.png") no-repeat 0 0;height: 15px;top: 3px;position: absolute;left: -8px;width: 8px;}

Binary file integ/css/skin/arrow_l.png has changed

--- a/integ/iri-creation-cinecard.html	Tue Apr 09 15:28:51 2013 +0200
+++ b/integ/iri-creation-cinecard.html	Wed Apr 10 11:46:53 2013 +0200
@@ -154,7 +154,7 @@
 			<a href="#" class="logofoot" ><img src="img/logo-footer.png" alt="Cinégift" /></a>
 	</footer>
 
-	<div class=" tooltip-iri"><p>Lorem</p><span class="arrow_tooltip"></span></div>
+	<div class="rate_tooltip "><p></p><span class="arrow_l"></span></div>
 
 <script src="js/libs/jquery-1.7.1.min.js"></script>
 <script src="js/libs/jquery-ui-1.8.21.custom.min.js"></script>

--- a/integ/js/iri-creation-cinecard.js	Tue Apr 09 15:28:51 2013 +0200
+++ b/integ/js/iri-creation-cinecard.js	Wed Apr 10 11:46:53 2013 +0200
@@ -117,7 +117,7 @@
 		var urlAllocine = 'http://www.allocine.fr/film/fichefilm-'+ idMovie +'/photos/detail/?cmediafile='+ rcode;
 		var itemImagess = 
 			'<li class="cinecard-draggable" draggable="true">'+
-				'<a target="_blank" href="'+ urlAllocine +'" title="'+title+'">'+
+				'<a class="tool-info" target="_blank" href="'+ urlAllocine +'" title="'+title+'">'+
 					'<img src="'+ urlThumb +'" alt="'+title+'" />'+
 				'</a>'+
 			'</li>';
@@ -157,7 +157,7 @@
 		var url = 'http://www.allocine.fr/video/player_gen_cmedia='+code+'&cfilm='+idMovie+'.html';
 		var itemVideo = 
 			'<li class="cinecard-draggable" draggable="true">'+
-				'<a target="_blank" href="'+ url +'" title="'+title+'">'+
+				'<a class="tool-info" target="_blank" href="'+ url +'" title="'+title+'">'+
 					'<img src="'+ urlThumbnail +'" alt="'+title+'" />'+
 				'</a>'+
 			'</li>';
@@ -167,9 +167,9 @@
 
 //TOOLTIP
 var show_tooltip_info_iri = function(elem){
-	var tooltip = $('.tooltip-iri'),
+	var tooltip = $('.rate_tooltip'),
 		name = elem.attr('title'),
-		arrow = tooltip.find('.arrow_tooltip'),
+		arrow = tooltip.find('.arrow_l'),
 		top = elem.offset().top,
 		right = elem.offset().left + elem.width() + arrow.width();
 	tooltip.find('p').text(name)
@@ -180,7 +180,7 @@
 	});
 }
 var hide_tooltip_info_iri = function(elem){
-	var tooltip = $('.tooltip-iri');
+	var tooltip = $('.rate_tooltip');
 	tooltip.hide();
 }
 $(document).on({