div.cadre-s {position:relative;top:0;left:0;width:679px;height:236px;border-bottom:0px solid #d3d3d3;}
#cadre-t {letter-spacing:1px;font:12px Arial,Verdana,sans-serif; width:180px; height:195px; position:absolute;right:0;top:0;padding:30px 0 0 0; background: url(../images/cochons.jpg) no-repeat center bottom;border-left:1px solid #d3d3d3}
#cadre-t div.offline {text-align:right;font-weight:bold; width:180px;color:#fff; height:25px;  margin-bottom:2px;line-height:22px; float:left;background: url(../images/left-button-select.jpg) no-repeat right top;  cursor:pointer; position:relative; z-index:20;}
#cadre-t div.offline:hover {text-align:right;font-weight:bold; width:180px;color:#fff; height:25px;  margin-bottom:2px;line-height:22px; float:left;background: url(../images/left-button-hover.jpg) no-repeat right top;  cursor:pointer; position:relative; z-index:20;}
#cadre-t div.online {text-align:right; font-weight:bold; width:180px;color:#fff; height:25px;  margin-bottom:2px;line-height:22px; float:left;background: url(../images/left-button.jpg) no-repeat right top;  position:relative; z-index:100;}
#cadre-t div.online  span ,div.offline  span{position:relative;top:-1px;padding:0 10px;}
div.hide {display:none; overflow:hidden; width:460px;height:230px; padding:0 20px;position:absolute;top:0;left:0;}
div.show {width:460px;height:230px; position:absolute;top:0;left:0; z-index:50; padding:0 5px 0 20px; }
div.show p {line-height:14px;}