#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 0;
    opacity: 0.85;
}
    
#tooltip h3, #tooltip div {
    margin: 0;
}

#tooltip.aideaccueil2 {
    color: #272727;
    border: none;
    width: 310px;
    padding: 20px;
    height: 200px;
    opacity: 0.9;
    background: url(http://www.totalgaz-consignation.com/_js/bulle-large.png) no-repeat left top;
    font: 10px/1.7em Arial;
    cursor: help;
}
    
#tooltip.aideaccueil2 h3 {
    margin: 0 0 10px 0;
    font-size: 12px;
    text-align: center;
    color: #558cb2;
}
    
#tooltip.aideaccueil2 div {
    width: 300px;
    text-align: left;
}

#tooltip.aideaccueil {
    color: #272727;
    border: none;
    width: 210px;
    padding: 20px;
    height: 130px;
    opacity: 0.9;
    background: url(http://www.totalgaz-consignation.com/_js/bulle-accueil.png) no-repeat left top;
    font: 10px/1.7em Arial;
    cursor: help;
}
    
#tooltip.aideaccueil h3 {
    margin: 0 0 15px 0;
    font-size: 12px;
    text-align: center;
    color: #558cb2;
}
    
#tooltip.aideaccueil div {
    width: 210px;
    text-align: left;
}

#tooltip.aideparrainage {
    color: #272727;
    border: none;
    width: 225px;
    padding: 19px 0px 0px 14px;
    height: 280px;
    opacity: 0.9;
    background: url(../_js/bulle-parrainage.png) no-repeat left top;
    font: 10px/1.7em Arial;
    cursor: help;
    margin-top: 200px;
}
#tooltip.aideparrainage h3 {
    margin: 0px 0px 5px 45px;
    font-size: 12px;
    text-align: left;
    color: #558cb2;
}
#tooltip.aideparrainage div {
    font-size: 7pt;
    padding: 5px;
    width: 205px;
    text-align: left;
}

#tooltip.aidemodele {
    color: #272727;
    border: none;
    width: 330px;
    padding: 22px 0px 0px 14px;
    height: 130px;
    opacity: 0.9;
    background: url(http://www.totalgaz-consignation.com/_js/bulle-large.png) no-repeat left top;
    font: 10px/1.7em Arial;
    cursor: help;
}
    
#tooltip.aidemodele h3 {
    margin: 0 0 5px 0;
    font-size: 12px;
    text-align: center;
    color: #558cb2;
}
    
#tooltip.aidemodele div {
    width: 320px;
    text-align: left;
}
    
#tooltip.aidebulletin {
    color: #272727;
    border: 1px solid #272727;
    width: 400px;
    padding: 0px 0px 0px 0px;
    height: 373px;
    opacity: 0.9;
    font: 10px/1.7em Arial;
    cursor: help;
}
    
#tooltip.aidebulletin h3 {
    margin: 0 0 0px 0;
    font-size: 12px;
    text-align: center;
    color: #558cb2;
}
    
#tooltip.aidebulletin div {
    width: 400px;
    text-align: left;
}
/* */
    
#tooltip.aideaccueilsuite {
    color: #272727;
    border: none;
    width: 310px;
    padding: 20px;
    height: 130px;
    opacity: 0.9;
    background: url(http://www.totalgaz-consignation.com/_js/bulle-large.png) no-repeat left top;
    font: 10px/1.5em Arial;

}
    
#tooltip.aideaccueilsuite h3 {
    margin: 0 0 15px 0;
    font-size: 12px;
    text-align: center;
    color: #558cb2;
}
    
#tooltip.aideaccueilsuite div {
    width: 310px;
    text-align: left;
}

/* */

#tooltip.aideaccueilsuitebis {
    color: #272727;
    border: none;
    width: 310px;
    padding: 20px;
    height: 130px;
    opacity: 0.9;
    background: url(http://www.totalgaz-consignation.com/_js/bulle-large.png) no-repeat left top;
    font: 10px/1.5em Arial;
}
    
#tooltip.aideaccueilsuitebis h3 {
    margin: 0 0 15px 0;
    font-size: 12px;
    text-align: center;
    color: #558cb2;
}
    
#tooltip.aideaccueilsuitebis div {
    width: 310px;
    text-align: left;
}