body {
  background-color:#000000;
}

table {
  border: 0;
  margin: 0 0 0 0;
}

textarea {
  background-color: transparent;
  border-bottom: silver thin ridge; 
  border-left-color: white;
  border-right: gray thin ridge; 
  border-top-color: gray;
  color: black; 
  font-family: trebuchet ms;
  font-size: medium; 
  font-weight: normal; 
  overflow: hidden;
  height: 60px; 
  width: 570px;
}

div#back {
  left:0px;
  top: 0px; 
  background: transparent; 
  color: #e8e4e1; 
  height: 600px; 
  position: relative; 
  width: 856px; 
  z-index: 0; 
  background-image: url('/images/site/back_mytao.jpg'); 
  background-repeat: no-repeat;
}

div#backi {
  left:0px;
  top: 0px; 
  background: transparent; 
  color: #e8e4e1; 
  height: 600px; 
  position: relative; 
  width: 856px; 
  z-index: 0; 
  background-image: url('/images/site/back_hexagramme.jpg'); 
  background-repeat: no-repeat;
}

div#backn {
  left:0px;
  top: 0px; 
  background: transparent; 
  color: #e8e4e1; 
  height: 600px; 
  position: relative; 
  width: 856px; 
  z-index: 0; 
  background-image: url('/images/site/back_neutre.jpg'); 
  background-repeat: no-repeat;
}

div#meditation {
  left: 200px;
  top: 510px; 
  height: 81px; 
  width: 427px; 
  background: transparent; 
  background-image: url('/sys-addons/yiking/img/meditation.png'); 
  background-repeat: no-repeat;
  position: absolute; 
}

div#meditationplayer {
  left: 115px;
  top: 43px; 
  height: 20px; 
  width: 300px; 
  background: transparent; 
  position: absolute; 
}

div#intro {
	color: #000000;     
	font: 15px arial;     
  text-align: justify;
  background: transparent; 
  left: 100px; 
  top: 50px; 
  width: 656px; 
  height: 500px; 
  position: absolute; 
  z-index: 2;
	overflow: auto;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

div#question {
  background: transparent; 
  left: 148px; 
  top: 330px; 
  width: 570px; 
  height: 82px; 
  position: absolute; 
  z-index: 3;
}

div#tirage {
  background: transparent; 
  left: 30px; 
  top: 150px; 
  width: 100px; 
  height: 100px; 
  position: absolute; 
  z-index: 1
}

div#pieces {
  background: transparent; 
  background-color: transparent; 
  color: transparent; 
  left: 150px; 
  top: 280px; 
  width: 45px; 
  height: 147px; 
  position: absolute; 
  z-index: 2
}

div#traits {
  background-color: transparent; 
  left: 30px; 
  top: 260px; 
  width: 102px; 
  height: 150px; 
  position: absolute; 
  z-index: 3;
}

div#suite {
  background: transparent; 
  left: 700px; 
  top: 500px; 
  width: 102px; 
  height: 82px; 
  position: absolute; 
  z-index: 4;
}

.entete{background-color: #848484; color: white; font-weight: bold; text-align: center;}
.entete2{font-family: trebuchet ms; background-color: #585858; color: white; font-weight: bold; font-style: italic; text-align: right; font-size: 30px}

.txt{width: 120px; border-width: 1px; border-color: #BEBEBE; background-color: white}
.txt5{width: 40px; border-width: 1px; border-color: #BEBEBE; background-color: white}
.txtlong{border-width: 1px; border-color: #BEBEBE; background-color: white; font-size: 9px}
.txtmd{border-width: 1px; border-color: #BEBEBE; background-color: white; width: 250px}
.txtlg{border-width: 1px; border-color: #BEBEBE; background-color: white; width: 650px}
.txtbig{border-width: 1px; border-color: #BEBEBE; background-color: white; width: 800px; height: 450px}

.Alettre{
	background-color: #848484;
	color: white;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.Alettre:hover{
	background-color: #848484;
	color: white;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}

.ligne{background-color: #848484 }
.gris{background-color: #EEEEEE }
.rouge{background-color: #848484 }

.txtmeta{width: 700px; font-size: 10px; border-width: 1px; border-color: black; background-color: white}
.txtbloq{width: 120px; border-width: 1px; border-color: black; background-color: #DDDDDD}
.Bte{width: 85px; border-width: 1px; border-color: white; background-color: #BEBEBE; color: white; font-weight: bold; cursor: hand}
.Bte2{width: 160px; border-width: 1px; border-color: white; background-color: #BEBEBE; color: white; font-weight: bold; cursor: hand}
.Btelg{ border-width: 1px; border-color: white; background-color: #BEBEBE; color: white; font-weight: bold; cursor: hand}
.nom{ text-align: right }
.tdorange{ border-width: 1px; background-color: #848484}
.piti{font-size: 10px}
.pitivert{font-size: 9px; text-align:center; width: 40px; vertical-align: bottom}
.pitivertp{font-size: 9px; text-align:center; width: 26px; vertical-align: bottom}
.pitivertblanc{font-size: 9px; text-align:center; width: 40px; vertical-align: bottom; color: white}
.gauche{text-align: left}
.hrlg{height: 1; color: #848484}
.HrPiedPg { border: #848484 1pt dashed; width:100%; height: 1.px }
.separation{BORDER-right:#848484 1px solid}
.separationdroite{BORDER-right:#848484 1px solid; text-align: right}
.erreur{font-size: 14px; color: red; font-weight: bold; text-decoration: underline}

.tbl_login{width: 100%;}
.tr_login{width: 100%;}
.td_login{width: 25%; font-family: trebuchet ms; background-color: #585858; color: white; font-weight: bold; text-align: center; font-size: 10px}

.tbl_loginGC{width: 100%;}
.tr_loginGC{width: 100%;}
.td_loginGC{width: 25%; font-family: trebuchet ms; background-color: #BEBEBE; color: white; font-weight: bold; text-align: center; font-size: 10px}

.tbl_yij{font-family: trebuchet ms;}
.tr_yij{font-family: trebuchet ms; background-color: #BEBEBE; color: white; font-weight: bold; text-align: center; font-size: 10px}
.td_yij{font-family: trebuchet ms; text-align: center; font-size: 11px}

.span_login {font-family: trebuchet ms; font-size: 13px}
.lien_login {text-decoration: none; color: white; background-color: #585858;}
.lien_login:hover {text-decoration: none; color: #585858; background-color: white; display: bloc;}

.if_login{
  font-family: trebuchet ms
  position: relative; 
  width: 652px; 
  height: 390px; 
  margin-top: 0px; 
  margin-left: 2px; 
	background-color: transparent;
	overflow: auto;
}
 
.body_login {
  background-color: transparent !important;
  background-image: url('/images/site/transparent.png') !important; 
  background-image:url(no-image);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/site/transparent.png');
}