.tooltip{display:inline-block;position:relative;border-bottom:1px dashed #bbbbbb;text-align:left;height:12px;white-space:nowrap;} .tooltip .right{top:50%;left:100%;margin-left:20px;transform:translate(0,-50%);padding-top:5px;padding-right:5px;padding-bottom:3px;padding-left:5px;color:#000000;background-color:#FFFFFF;font-weight:normal;border-radius:2px;position:absolute;z-index:99999999;box-sizing:border-box;border:1px solid #cccccc;box-shadow:0 1px 8px transparent;visibility:hidden;opacity:0;transition:opacity 0.4s;border-radius:10px;box-shadow:0px 0.7px 2.2px rgba(0,0,0,0.02),0px 1.8px 5.3px rgba(0,0,0,0.028),0px 3.4px 10px rgba(0,0,0,0.035),0px 6px 17.9px rgba(0,0,0,0.042),0px 11.3px 33.4px rgba(0,0,0,0.05),0px 27px 80px rgba(0,0,0,0.07);padding:0px 10px 0 10px;} .tooltip:hover .right{visibility:visible;opacity:1;} .tooltip .right i{position:absolute;top:50%;right:100%;margin-top:-10px;width:10px;height:20px;overflow:hidden;} .tooltip .right i::after{content:'';position:absolute;width:10px;height:10px;left:0;top:50%;transform:translate(50%,-50%) rotate(-45deg);background-color:#FFFFFF;border:1px solid #CCCCCC;box-shadow:0 1px 8px transparent;} .tooltip-container{display:flex;width:max-content;white-space:nowrap;line-height:10px;justify-content:space-between;} .colonne-gauche{flex:1;font-weight:800;margin-right:10px;} .colonne-droite{flex:2;}