.tinyTip
{ 
    width: 282px; 
    height: 219px; 
    display: block; 
    background: url(../images/shared/bulle/bulle.png);
}

.tinyTip .content				
{ 
    position: absolute; 
    top: 20px; 
    left:126px; 
    padding: 0px 20px 0px 0px;
    height: 160px;
    overflow: hidden;
}
.tinyTip .pseudo				
{ 
    display: block;
    position: relative; 
    font-size: 12px; 
    font-family: Arial, Helvetica, sans-serif; 
    color: #006699; 
    font-weight: bold;
}
.tinyTip .pays
{
    display: block;
    position: relative;
    top:3px;
    font-size: 11px; 
    font-family: Arial, Helvetica, sans-serif; 
    color: #006699; 
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.tinyTip .phrase
{
    display: block;
    position: relative;
    top:10px;
    font-size: 11px; 
    font-family: Arial, Helvetica, sans-serif; 
    color: #666;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.tinyTip .image					
{ 
    height:80px;
    width:80px;
    border:1px solid lightgray;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: absolute; 
    top: 20px; 
    left:20px;
    
}
.tinyTip .date1					
{ 
    position: absolute; 
    top: 129px; 
    left:20px; 
    font-size: 9px; 
    font-family: Arial, Helvetica, sans-serif; 
    color: #999999;
}
.tinyTip .date2					
{ 
    position: absolute; 
    top: 154px; 
    left:20px; 
    font-size: 9px; 
    font-family: Arial, Helvetica, sans-serif; 
    color: #999999; 
}
.tinyTip .houppettes			
{ 
    position: absolute; 
    top: 105px; 
    left:20px; 
}

.tinyTip span.houppettesOn {
    display: inline-block;
    width:16px;
    height:9px;
    background: url(../images/shared/bulle/houppetteOn.gif) no-repeat;
    margin-right: 1px;
}

.tinyTip span.houppettesOff {
    display: inline-block;
    width:16px;
    height:9px;
    background: url(../images/shared/bulle/houppetteOff.gif) no-repeat;
    margin-right: 1px;
}