[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;	
    z-index: 12200;
    visibility: visible;
}
[data-title]:after {
    
	content: attr(data-title) "\A" attr(data-suite) "\A" attr(data-suite2) "\A" attr(data-suite3) "\A" attr(data-suite4);
	width : 280px;
	height : auto;
	font-weight: normal;
	font-size : 14px;
	text-align: left;
    position: absolute;
    bottom: 1.4em;
    left:  -55px;
    padding: 8px 8px 8px 8px;
    color: #161616;
    white-space: pre-wrap; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px;  
    border-radius: 0px; 
    border : 1px  #4F4F4F solid;	
   /* -moz-box-shadow: 0px 0px 4px #222;  
    -webkit-box-shadow: 0px 0px 4px #222;  
    box-shadow: 0px 0px 4px #222;  
    background-image: -moz-linear-gradient(top, #f8f8f8, #cccccc);  
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f8f8),color-stop(1, #cccccc));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #cccccc);  
    background-image: -moz-linear-gradient(top, #f8f8f8, #cccccc);  
    background-image: -ms-linear-gradient(top, #f8f8f8, #cccccc);  
    background-image: -o-linear-gradient(top, #f8f8f8, #cccccc);*/
	background-color : #E1E1E1;
    opacity: 0;
    z-index: 12200;
    visibility: hidden;
	
}
[data-title] {
    position: relative;
	z-index: 12200;
}

[data-title-prix]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;	
    z-index: 12200;
    visibility: visible;
}
[data-title-prix]:after {
    
	content: attr(data-title-prix) "\A" attr(data-suite) "\A" attr(data-suite2) "\A" attr(data-suite3) "\A" attr(data-suite4);
	width : 200px;
	height : auto;
	font-weight: normal;
	font-size : 14px;
	text-align: left;
    position: absolute;
    bottom: 1.4em;
    left:  -50px;
    padding: 8px 8px 8px 8px;
    color: #161616;
    white-space: pre-wrap; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px;  
    border-radius: 0px; 
    border : 1px  #4F4F4F solid;	
   /* -moz-box-shadow: 0px 0px 4px #222;  
    -webkit-box-shadow: 0px 0px 4px #222;  
    box-shadow: 0px 0px 4px #222;  
    background-image: -moz-linear-gradient(top, #f8f8f8, #cccccc);  
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f8f8),color-stop(1, #cccccc));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #cccccc);  
    background-image: -moz-linear-gradient(top, #f8f8f8, #cccccc);  
    background-image: -ms-linear-gradient(top, #f8f8f8, #cccccc);  
    background-image: -o-linear-gradient(top, #f8f8f8, #cccccc);*/
	background-color : #E1E1E1;
    opacity: 0;
    z-index: 12200;
    visibility: hidden;
	
}
[data-title-prix] {
    position: relative;
	z-index: 12200;
}