p {margin:0px; padding:0px; line-height:100%}
body { height:100%; }
html,body { 
-webkit-text-size-adjust:100%;
background-color: #494949;
}
.cLinkHidden {position:absolute; visibility:hidden; left:0px; top:0px; width:0px; height:0px; overflow:hidden;}
#Page {overflow:hidden;position:relative;width:320px;height:550px;;}
#Panel3 {display:block;overflow:hidden;position:relative;float:left;width:320px;height:40px;z-index:2;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
#Panel3Alpha {position:absolute;left:0px;top:0px;width:100%;height:100%;background-color: rgba(255, 255, 255, 1.000);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFFFFFFF, gradientType=1);}
#Panel3NoAlpha {position:relative;}
#Text1 {word-wrap:break-word; display:block;position:relative;float:left;padding-top:4px;width:40px;height:36px;z-index:3;}
#Text12 {word-wrap:break-word; display:block;position:relative;float:left;padding-top:12px;width:40px;height:28px;z-index:4;}
#Text13 {word-wrap:break-word; display:block;position:relative;float:left;padding-top:4px;width:40px;height:36px;z-index:5;}
#Text14 {word-wrap:break-word; display:block;position:relative;float:left;padding-top:4px;width:40px;height:36px;z-index:6;}
#Text15 {word-wrap:break-word; display:block;position:relative;float:left;padding-top:4px;width:40px;height:36px;z-index:7;}
#Text16 {word-wrap:break-word; display:block;position:relative;float:left;padding-top:4px;width:40px;height:36px;z-index:8;}
#Text17 {word-wrap:break-word; display:block;position:relative;float:left;padding-top:4px;width:40px;height:36px;z-index:9;}
#Text18 {word-wrap:break-word; display:block;position:relative;float:left;padding-top:12px;width:40px;height:28px;z-index:10;}
#Panel4 {display:block;overflow:hidden;position:absolute;left:0px;top:0px;width:320px;height:40px;z-index:11;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
#Panel4Alpha {position:absolute;left:0px;top:0px;width:100%;height:100%;background-color: rgba(255, 255, 255, 0.000);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF, gradientType=1);}
#Panel4NoAlpha {position:relative;}
#Box7 {display:block;overflow:hidden;position:relative;float:left;width:40px;height:40px;z-index:12;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;background:url('./images/tableaux_distances_Box7.png');background-repeat:no-repeat;}
#Box8 {display:block;overflow:hidden;position:relative;float:left;width:40px;height:40px;z-index:13;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;background:url('./images/tableaux_distances_Box7.png');background-repeat:no-repeat;}
#Box9 {display:block;overflow:hidden;position:relative;float:left;width:40px;height:40px;z-index:14;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;background:url('./images/tableaux_distances_Box7.png');background-repeat:no-repeat;}
#Box10 {display:block;overflow:hidden;position:relative;float:left;width:40px;height:40px;z-index:15;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;background:url('./images/tableaux_distances_Box7.png');background-repeat:no-repeat;}
#Box11 {display:block;overflow:hidden;position:relative;float:left;width:40px;height:40px;z-index:16;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;background:url('./images/tableaux_distances_Box7.png');background-repeat:no-repeat;}
#Box12 {display:block;overflow:hidden;position:relative;float:left;width:40px;height:40px;z-index:17;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;background:url('./images/tableaux_distances_Box7.png');background-repeat:no-repeat;}
#Box13 {display:block;overflow:hidden;position:relative;float:left;width:40px;height:40px;z-index:18;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;background:url('./images/tableaux_distances_Box7.png');background-repeat:no-repeat;}
#Box14 {display:block;overflow:hidden;position:relative;float:left;width:40px;height:40px;z-index:19;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;background:url('./images/tableaux_distances_Box7.png');background-repeat:no-repeat;}
#Panel5 {display:block;overflow:hidden;position:relative;float:left;width:320px;height:45px;z-index:20;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
#Panel5Alpha {position:absolute;left:0px;top:0px;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.000);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000, gradientType=1);}
#Panel5NoAlpha {position:relative;}
#Text19 {word-wrap:break-word; display:block;position:absolute;left:114px;top:4px;width:146px;height:38px;z-index:21;}
#Logo1 {display:block;overflow:hidden;position:relative;float:left;width:54px;height:45px;z-index:22;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;background:url('./images/tableaux_distances_Logo1.png');background-repeat:no-repeat;}
#Logo0 {display:block;overflow:hidden;position:relative;float:right;width:54px;height:45px;z-index:23;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;background:url('./images/tableaux_distances_Logo0.png');background-repeat:no-repeat;}
#Box1 {display:block;overflow:hidden;position:relative;float:left;width:54px;height:45px;z-index:24;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;background:url('./images/tableaux_distances_Box1.png');background-repeat:no-repeat;}
#Panel1 {display:block;overflow:hidden;position:relative;float:left;width:320px;height:465px;z-index:25;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
#Panel1Alpha {position:absolute;left:0px;top:0px;width:100%;height:100%;background-color: rgba(255, 255, 255, 1.000);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFFFFFFF, gradientType=1);}
#Panel1NoAlpha {position:relative;}
#Text3 {word-wrap:break-word; display:block;position:absolute;left:34px;top:49px;width:84px;height:27px;z-index:26;}
#Text4 {word-wrap:break-word; display:block;position:absolute;left:189px;top:49px;width:84px;height:27px;z-index:27;}
#Text5 {word-wrap:break-word; display:block;position:absolute;left:34px;top:119px;width:98px;height:27px;z-index:28;}
#Text6 {word-wrap:break-word; display:block;position:absolute;left:189px;top:119px;width:84px;height:27px;z-index:29;}
#Text7 {word-wrap:break-word; display:block;position:absolute;left:34px;top:189px;width:84px;height:27px;z-index:30;}
#Text8 {word-wrap:break-word; display:block;position:absolute;left:189px;top:189px;width:84px;height:27px;z-index:31;}
#Text9 {word-wrap:break-word; display:block;position:absolute;left:34px;top:259px;width:84px;height:27px;z-index:32;}
#Text10 {word-wrap:break-word; display:block;position:absolute;left:189px;top:259px;width:84px;height:27px;z-index:33;}
#ButBiz {display:block;overflow:hidden;position:absolute;left:22px;top:44px;width:88px;height:40px;z-index:34;min-width:88px;}
#ButBizInner {position: absolute;width:88px;height:40px;border:0px;}
#ButTun {display:block;overflow:hidden;position:absolute;left:172px;top:247px;width:88px;height:40px;z-index:35;min-width:88px;}
#ButTunInner {position: absolute;width:88px;height:40px;border:0px;}
#ButLK {display:block;overflow:hidden;position:absolute;left:172px;top:107px;width:88px;height:40px;z-index:36;min-width:88px;}
#ButLKInner {position: absolute;width:88px;height:40px;border:0px;}
#ButSou {display:block;overflow:hidden;position:absolute;left:172px;top:179px;width:88px;height:40px;z-index:37;min-width:88px;}
#ButSouInner {position: absolute;width:88px;height:40px;border:0px;}
#ButKai {display:block;overflow:hidden;position:absolute;left:22px;top:107px;width:88px;height:40px;z-index:38;min-width:88px;}
#ButKaiInner {position: absolute;width:88px;height:40px;border:0px;}
#ButSfax {display:block;overflow:hidden;position:absolute;left:22px;top:179px;width:88px;height:40px;z-index:39;min-width:88px;}
#ButSfaxInner {position: absolute;width:88px;height:40px;border:0px;}
#ButGab {display:block;overflow:hidden;position:absolute;left:172px;top:44px;width:88px;height:40px;z-index:40;min-width:88px;}
#ButGabInner {position: absolute;width:88px;height:40px;border:0px;}
#ButToz {display:block;overflow:hidden;position:absolute;left:22px;top:247px;width:88px;height:40px;z-index:41;min-width:88px;}
#ButTozInner {position: absolute;width:88px;height:40px;border:0px;}
#Text2 {word-wrap:break-word; display:block;position:absolute;left:11px;top:13px;width:139px;height:31px;z-index:42;}
#Text11 {word-wrap:break-word; display:block;position:absolute;left:4px;top:300px;width:310px;height:195px;z-index:43;}
#Panel2 {display:none;overflow:hidden;position:absolute;left:0px;top:0px;width:320px;height:550px;z-index:44;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
#Panel2Alpha {position:absolute;left:0px;top:0px;width:100%;height:100%;background-color: rgba(255, 255, 255, 1.000);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFFFFFFF, gradientType=1);}
#Panel2NoAlpha {position:relative;}
#TxtBiz {word-wrap:break-word; display:none;position:absolute;left:0px;top:-1px;padding-left:5px;padding-top:5px;padding-right:5px;padding-bottom:5px;width:310px;height:540px;z-index:45;background-color:#ffffff;}
#TxtTun {word-wrap:break-word; display:none;position:absolute;left:0px;top:-1px;padding-left:5px;padding-top:5px;padding-right:5px;padding-bottom:5px;width:310px;height:540px;z-index:46;background-color:#ffffff;}
#TxtToz {word-wrap:break-word; display:none;position:absolute;left:0px;top:-1px;padding-left:5px;padding-top:5px;padding-right:5px;padding-bottom:5px;width:310px;height:540px;z-index:47;background-color:#ffffff;}
#TxtGab {word-wrap:break-word; display:none;position:absolute;left:0px;top:-1px;padding-left:5px;padding-top:5px;padding-right:5px;padding-bottom:5px;width:310px;height:540px;z-index:48;background-color:#ffffff;}
#TxtSfax {word-wrap:break-word; display:none;position:absolute;left:0px;top:-1px;padding-left:5px;padding-top:5px;padding-right:5px;padding-bottom:5px;width:310px;height:540px;z-index:49;background-color:#ffffff;}
#TxtLK {word-wrap:break-word; display:none;position:absolute;left:0px;top:-1px;padding-left:5px;padding-top:5px;padding-right:5px;padding-bottom:5px;width:310px;height:540px;z-index:50;background-color:#ffffff;}
#TxtKai {word-wrap:break-word; display:none;position:absolute;left:0px;top:-1px;padding-left:5px;padding-top:5px;padding-right:5px;padding-bottom:5px;width:310px;height:540px;z-index:51;background-color:#ffffff;}
#TxtSou {word-wrap:break-word; display:none;position:absolute;left:0px;top:-1px;padding-left:5px;padding-top:5px;padding-right:5px;padding-bottom:5px;width:310px;height:540px;z-index:52;background-color:#ffffff;}
#ButX {display:none;overflow:hidden;position:absolute;left:259px;top:1px;width:60px;height:50px;z-index:53;background:url('./buttons/tableaux_distances_ButX.png');background-repeat:no-repeat;}
#ButX.Up {background-position: 0 0;}
#ButX.Down {background-position: -60px 0;}
#ButX.Over {background-position: -120px 0;}
#ButX p {cursor:pointer;position:absolute;z-index:2;font-weight:bold;font-family:Arial;font-size:29px;color:#FFFF00;}
#ButX.Up p {top:8px;left:18px;}
#ButX.Down p {top:9px;left:19px;}
#ButX.Over p {top:8px;left:18px;}
#ButX div {display:none;}