@import url(//fonts.googleapis.com/css?family=Play);

* {border:none;outline:none;outline-width:0;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} *, img {border:none;outline:0;} *, :focus {outline:none;} ::-moz-focus-inner {border:0;}
html, body {padding:0;margin:0;width:100%;height:100%;}
body {background-color:#eee;font-family:Tahoma,Arial,sans-serif;font-size:1em;color:#111;cursor:default;}
a {text-decoration:none;}
a:link, a:visited {color:#06c;}
a:hover {color:#093;}
a.drk:link, a.drk:visited {color:#bbb;}
a.drk:hover {color:#fff;}
a.drk.actif {color:#fff;text-shadow:0 0 5px #ccc;}
a:hover span {text-decoration:underline;}
a:hover, .bInp, .iHnd {cursor:pointer;}
.fSml, .cSml {font-size:.8em;}
.fBig, .cBig {font-size:1.2em;}
.cOpt, .cSml, .cBig {color:#999;}
h1, h2, h3, .Font {font-family:Play,Tahoma,sans-serif;}
h1, h2, h3 {letter-spacing:.1em;color:#06c;text-shadow:1px 1px 0 #fff;}
hr {height:0px;border:none;border-top:1px solid #ddd;border-bottom:1px solid #fff;}
.ico50 {display:inline-block;width:50px;height:50px;background:transparent url(../../img/ico50.png) 0 0 no-repeat;}
.nobr {display:inline-block;white-space:nowrap;}
.Stopper {clear:both;} .Ln2 {line-height:150%;} .pad9 {padding:12px 0;}
#Body, #Header {background:#fff;} #Body {padding-bottom:50px;}
#Header {width:100%;position:fixed;top:0;left:0;z-index:99;border-bottom:3px solid #06c;}
#inHead {position:relative;}
#offBlk {padding:70px 15px 20px;text-align:center;font-size:120%;color:#666;}
#toTop {display:none;position:fixed;width:39px;height:35px;right:0;bottom:0;background:#06c;color:#fff;opacity:0.7;text-align:center;font-size:15pt;font-weight:bold;padding-top:6px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;z-index:3;}
#toTop:hover {opacity:1;text-shadow:0 0 5px #fff;}
.unselectable, #Header, #Body, #Foot {-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;}
.errMsg {box-shadow:0 1px 7px rgba(0,0,0,0.4);position:fixed;left:0;top:0;width:100%;padding:5px 0 5px 12px;background-color:#e9e6e0;border-bottom:#c00 1px solid;color:#900;z-index:99;}
.closeBut {width:19px;height:19px;float:right;background-image:url(../../img/close.png);background-position:0px 0px;cursor:pointer;}
.closeBut:hover {background-position:0px 19px;}
.errMsg .closeBut {margin-right:25px;}
.Gray {background:#e3eaef;text-shadow:1px 1px 0 #fff;padding:33px 0;outline:1px solid #fff;box-shadow:0 0 0 2px #d3d9df;}
a.Blue {display:inline-block;font-size:105%;padding:8px 15px 9px 15px;border-radius:7px;}
a.Blue:link, a.Blue:visited {background:#06c;color:#fff;text-shadow:-1px -1px 0 #039;text-align:center;}
a.Blue:hover {background:#093;text-shadow:1px 1px 1px #050;}

/* DESK */

@media all and (min-width:990px){
 .noD {display:none;}
 #mMenu {display:none;}
 #inHead, .mxW {display:block;width:980px;margin:0 auto;}
 #Body {padding-top:123px;}
 #inHead {position:relative;height:120px;}
 #Logo {position:absolute;left:0px;top:50%;transform:translateY(-50%); height:100%;max-height:90px;width:auto;max-width:120px;}
 #Nav {position:absolute;right:0px;top:50%;transform:translateY(-50%);z-index:2;}
 #Nav a {display:inline-block;vertical-align:middle;padding:9px 15px;margin-left:3px;}
 #Nav a:link, #Nav a:visited {color:#06c;text-transform:uppercase;border-radius:0;}
 #Nav a:hover {background-color:#ccc;color:#fff;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;-webkit-transition-property:border-radius, color, background-color;-webkit-transition-duration:400ms, 200ms, 150ms;-moz-transition-property:border-radius, color, background-color;-moz-transition-duration:400ms, 200ms, 150ms;-o-transition-property:border-radius, color, background-color;-o-transition-duration:400ms, 200ms, 150ms;transition-property:border-radius, color, background-color;transition-duration:400ms, 200ms, 150ms;}
 #Nav a.actif, #Nav a.actif:hover {background-color:#06c;color:#fff;border-radius:9px;position:relative;}
 #Nav a.actif:after {top:98%;left:50%;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(0,102,204,0);border-top-color:#06c;border-width:9px;margin-left:-9px;}

 #Foot {height:200px;padding-top:25px;background:#454545;color:#bbb;text-shadow:-1px -1px 0 #333;text-align:center;}
 .FtBlk { /* outline:1px dashed red; */
  display:inline-block;vertical-align:top;width:320px;text-align:left;
 } 
 .FtBlk.Lst {text-align:right;padding-top:9px;}
 .iLabl {display:inline-block; vertical-align:middle; width:100px;height:100px;}
 .FtBlk.Smap a {display:block;width:100%;}
 #toTop {right:9px;bottom:9px;}
 div#at4-share {top:253px !important;}
}


/* MOBILE */

@media all and (max-width:989px){
 .noM {display:none;}
 #inHead {min-height:52px;}
 #Body {padding-top:55px;}
 #Logo {width:60px;height:45px;position:absolute;left:12px;top:5px;z-index:1;}
 #mMenu {display:block;width:80%;height:50px;position:absolute;right:2px;top:1px;z-index:9;text-align:right;cursor:pointer;}
 #mMenu i {display:inline-block;width:50px;height:50px;background-position:0px 0px;}
 #mMenu:hover i, #mMenu i.actif {background-position:-50px 0px;}
 #Nav {display:none;}  #Nav.actif {display:block;width:100%;position:absolute;left:0;top:51px;z-index:3;background:#fff;border-bottom:1px solid #06c;box-shadow:0 3px 2px rgba(0,0,0,.2);}
 #Nav a {display:block;width:100%;padding:15px;border-top:1px solid #eee;}
 #Nav a:link, #Nav a:visited {color:#06c;text-transform:uppercase;}
 #Nav a:hover {background-color:#ccc;color:#fff;}
 #Nav a.actif, #Nav a.actif:hover {background-color:#06c;color:#fff;}
 #Foot .FtBlk.Lst {padding-bottom:99px;}
 #Foot .Smap {margin:25px 0;padding:9px 0;border:1px dotted #999;border-style:dotted none;background:#545454;text-shadow:-1px -1px 1px #000;}
 #Foot .Smap a {display:inline-block;padding:9px 15px;white-space:nowrap;text-align:left;}
 #Foot {background:#626262;padding:25px 0;}
 #toTop {width:44px;height:42px;padding-top:9px;bottom:50px;border-radius:5px 0 0 5px;}
 #Foot .FtBlk {text-align:center;}
}

@media all and (max-width:400px){
 #Foot .Smap a {display:block;width:100%;padding:9px 0 9px 15px;}
}