div.item_tooltip {
    width: 100px;
    height: 50px;
    background-color: #999;
    text-align: center;
    padding-top: 25px;
    margin: 10px;
    float: left;
}




div.tooltip {
    width: auto;
    color: #000;
    font-size: 12px;
    position: absolute;
    z-index: 10000;
    top: 0px;
    left: 0px;
    display: none;
}

/*
 * blanc
 * gris
 * 
 */

div.tooltip div.content_b,
div.tooltip div.content_g {
    -moz-border-radius: 0.6em;
    -webkit-border-radius: 0.6em;
    background-color: #fff;
    width: auto;
    height:auto;
    float: left;
    padding: 12px;
}
div.tooltip div.content_b h1,
div.tooltip div.content_g h1 {
    font-size: 12px;
    border-bottom: 1px solid #C4C4C4;
    padding-bottom: 5px;
}



div.tooltip div.content_g {
    background-color: #b6b6b6;
}





div.tooltip div.content h1 {
    font-size: 12px;
    border-bottom: 1px solid #C4C4C4;
    padding-bottom: 5px;
}



div.tooltip_description {
    display: none
}




div.tooltip div.up_arrow {
    background: url('/img_front/up_arrow.png') 60px 0px no-repeat;
    width: 100%;
    height: 20px;
}


/*
 * fleche bas
 * blanc
 * gris
 * 
 * 
 */
div.tooltip div.down_arrow_b {
    background: url('/img_front/down_arrow_b.png') 40px 0px no-repeat;
    width: 100px;
    height: 21px;
}

div.tooltip div.down_arrow_g {
    background: url('/img_front/down_arrow_g.png') 40px 0px no-repeat;
    width: 100px;
    height: 21px;
}