html, body { margin: 0px; padding: 0px; height: 100%; }
tr,td      { margin: 0px; padding: 0px; }

.toolpg-tip   { color: #fff; width: 50px; z-index: 1000; margin: 10px 10px }
.toolpg-title { font-size: 12px; font-weight: bold; margin: 0px; color: yellow; padding: 8px 12px  4px;  }
.toolpg-text  { font-size: 12px; font-weight: bold; text-align: center; color: #EEE; padding: 0px;  }

.tools-tip   { color: #fff; width: 120px; z-index: 1000; margin: 10px 10px }
.tools-title { font-size: 12px; font-weight: bold; margin: 0px; color: yellow; padding: 8px 12px  4px; background: url(images/bubble-sm.png) top left; }
.tools-text  { font-size: 11px; text-align: center;             color: #EEE;   padding: 0px 12px 12px; background: url(images/bubble-sm.png) bottom right; }

.toolm-tip   { color: #fff; width: 160px; z-index: 1000; margin: 10px 10px }
.toolm-title { font-size: 12px; font-weight: bold; margin: 0px; color: yellow; padding: 8px 12px  4px; background: url(images/bubble-md.png) top left; }
.toolm-text  { font-size: 11px; text-align: center;             color: #EEE;   padding: 0px 12px 12px; background: url(images/bubble-md.png) bottom right; }

.tooll-tip   { color: #fff; width: 200px; z-index: 1000; margin: 10px 10px /* sm: 120, md: 160, lg: 200 */ }
.tooll-title { font-size: 12px; font-weight: bold; margin: 0px; color: yellow; padding: 8px 12px  4px; background: url(images/bubble-lg.png) top left; }
.tooll-text  { font-size: 11px; text-align: center;             color: #EEE;   padding: 0px 12px 12px; background: url(images/bubble-lg.png) bottom right; }

#wi_container { background-color: #000; margin: 0px auto; min-height: 100%; position: relative; }
#wi_container #first-elt    { margin-top: 0px; }
#wi_container #last-element { margin-bottom: 0px; padding-bottom: 45px /* footer size */; }

#wi_left      { background-color: #000; margin: 0px; padding: 0px 0px 0px 10px; float: left;  width: 50px; }
#wi_right     { background-color: #000; margin: 0px;                            float: right; width: 60px; }
#wi_center    { background-color: #000; margin: 0px 60px 0px 60px; padding: 20px; }

#wi_footer    { background-color: #000; margin: 0px; padding: 5px 0px 0px 0px; width: 100%; height: 45px; position: absolute; bottom: 0px; left: 0px; border-top: 2px solid #222; }

/*contenu footer */
#wi_xiti       { background-color: #000; height: 20px; float: left; width: 60px; }
#wi_update     { background-color: #000; height: 20px; float: left; width: 180px; }
#wi_copyright  { background-color: #000; height: 20px; float: right; width: 240px; text-align: center; }