/* CSS Document */

div.conteneurBulle{width:16px;}

.balloon {width:16px; height:16px;}
.balloon ul li {margin-left:-40px; width:16px; height:16px; color:#fff;}
.balloon ul li a, .balloon ul li a:visited {display:block; text-decoration:none; color:#fff; background:#fff;}
..balloon ul li a img {border:0;}
.balloon ul li dl {visibility:hidden; position:absolute;}
.balloon dl {width:200px; padding:0 0 20px 0; height:auto;}
.balloon dt {margin:0; padding:5px; padding-bottom:0px !important; padding-bottom:1px;}
.balloon dd {margin:0; padding:5px 13px; font-size:1em; border:1px solid #000; border-width:0 1px; background:#fff;}
.balloon dd p {padding:0; margin:5px 0; line-height:1.5em;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover, .balloon ul li a:hover {color:#fff; position:relative;}
.balloon ul li:hover dl,.balloon ul li a:hover dl {visibility:visible; color:#000; top:-60px;}
.balloon ul li:hover dl em,.balloon ul li a:hover dl em {display:block; position:absolute; top:45px; width:30px; height:60px;}

dl {left:28px;}
dl em {left:-22px; background:transparent url('http://www.waka.ca/medias/doublons/img_pointeD.gif') no-repeat;}

.balloon ul li:hover dl a,.balloon ul li a:hover dl a {height:0.8em; background:transparent; text-decoration:none; display:inline; color:#98BC3E; font-size:9px;}             
.balloon ul li:hover dl a:hover,.balloon ul li a:hover dl a:hover {text-decoration:none; color:#4F402B; background:transparent; font-size:9px;}
.balloon dt {background:transparent url('http://www.waka.ca/medias/doublons/img_hautBulle.gif') no-repeat top left;}
.balloon dl {background:transparent url('http://www.waka.ca/medias/doublons/img_basBulle.gif') no-repeat bottom left;}