/* inline_tooltips.css
from inlineblock idea from 
and inline infos from http://www.cssplay.co.uk/menu/tooltips */
.il img img {} 
a.tooltip img , a.tooltiph img {}      /* i can't delete this because after the img are displayed like block
																				it can't be after the a.tooltip, a.tooltiph  definition  */
a.tooltip, a.tooltiph {
			/*display: -moz-inline-stack; *//* Pour Firefox 1-2 */
			display: inline-block; /* ecrase la valeur precedente si le navigateur comprend inline-block */
			vertical-align:bottom; background-color:transparent;position:relative;height:150px;padding-bottom:5px; margin-bottom:10px;}
a.tooltip:hover, a.tooltiph:hover {border:0; position:relative; z-index:500; text-decoration:none;}

a.tooltip img , a.tooltiph img {background-color:transparent;position:relative;height:150px;border-style: none;}

a.tooltip b {display:none;width:150px;}/* can be very high*/
a.tooltiph b {display:none;height:50px;width:150px;}/* limited height in order to well place the em outer inner*/
a.tooltip b.w200 {display:none;width:200px;}/* limited height in order to well place the em outer inner*/
a.tooltiph b.w200 {display:none;height:50px;width:200px;}/* limited height in order to well place the em outer inner*/
a.tooltip:hover b {display:block; position:absolute; top:160px; left:-15px; padding:5px; font-weight:normal; color:#000; border:1px solid red; background:#F2FAF0; }
a.tooltiph:hover b {display:block; position:absolute; top:-50px; left:-15px; padding:5px; font-weight:normal; color:#000; border:1px solid red; background:#F2FAF0;}

a.tooltip:hover b em.outer {position:absolute; left:25px; top:-8px; width:0px; height:0px; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid red; overflow:hidden; z-index:100;}
a.tooltip:hover b em.inner {position:absolute; left:25px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #F2FAF0; overflow:hidden;; z-index:100;}

a.tooltiph:hover b em.outer {position:absolute; left:25px; top:61px; width:0px; height:0px; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-top:7px solid red; overflow:hidden; z-index:100;}
a.tooltiph:hover b em.inner {position:absolute; left:25px; top:60px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-top:7px solid #F2FAF0; overflow:hidden;; z-index:100;}

a.tooltip i,a.tooltiph i {display:block; position:relative; top:-8px; left:0;color:#b0bbea;z-index:50;		font-style: normal;}
a.tooltiph:hover i,a.tooltip:hover i {color:red;	font-style:italic;}