/* CSS Document */

/*
    background-color:red;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5; 
*/

	/* LOGIN ------------------------------------------------------------------------------------------------------------------------------------------ */
  a.buttonmytao_login {
  	position:absolute;
  	width:79px;
  	height:81px;
    padding: 0;
    margin:0;
    top:19px;
	}

	a.buttonmytao_login:hover {
    position:absolute;
    width:79px;
  	height:81px;
    padding: 0;
    margin:0;
    top:19px;
    background:url('/images/site/mt_login_on.jpg');
	}

  a.buttonmytao_login span {
    position:  absolute;
    top:-2000em;
    left:-2000em;
    width:1px;
    height:1px;
    overflow:hidden; 
    /*background:#DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    background:url('/images/site/infobulle_login.png');   /* Définition du fond, sinon on a le même que notre lien */
    background-repeat:no-repeat;   /* Définition du fond, sinon on a le même que notre lien */
    /*border:1px solid #6699FF; /* Définition des bordures */
    color:#394376;
    font:bold 16px tahoma;
  }

  a.buttonmytao_login:hover span {
    top:auto;
    left:85px;
    width:222px;
    height:81px;
    overflow:visible;
    padding:10px 10px 10px 10px;
  }

	/* HEXAGRAMME ------------------------------------------------------------------------------------------------------------------------------------- */
	a.buttonmytao_instant {
    position:absolute;
  	width:79px;
  	height:81px;
    padding: 0;
    margin:0;
    top:100px;
	}

	a.buttonmytao_instant:hover {
    position:absolute;
  	width:79px;
  	height:81px;
    padding: 0;
    margin:0;
    top:100px;
    background:url('/images/site/mt_instant_on.jpg');
	}

  a.buttonmytao_instant span {
    position:  absolute;
    top:-2000em;
    left:-2000em;
    width:1px;
    height:1px;
    overflow:hidden; 
    /*background:#DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    background:url('/images/site/infobulle_instant.png');   /* Définition du fond, sinon on a le même que notre lien */
    background-repeat:no-repeat;   /* Définition du fond, sinon on a le même que notre lien */
    /*border:1px solid #6699FF; /* Définition des bordures */
    color:#394376;
    font:bold 16px tahoma;
  }

  a.buttonmytao_instant:hover span {
    top:auto;
    left:85px;
    width:222px;
    height:81px;
    overflow:visible;
    padding:10px 10px 10px 10px;
  }

	/* YI JING ---------------------------------------------------------------------------------------------------------------------------------------- */
	a.buttonmytao_yijing {
  	position:absolute;
  	width:79px;
  	height:81px;
    padding: 0;
    margin:0;
    top:180px;
	}

	a.buttonmytao_yijing:hover {
  	position:absolute;
  	width:79px;
  	height:81px;
    padding: 0;
    margin:0;
    top:180px;
    background:url('/images/site/mt_yijing_on.jpg');
	}

  a.buttonmytao_yijing span {
    position:  absolute;
    top:-2000em;
    left:-2000em;
    width:1px;
    height:1px;
    overflow:hidden; 
    /*background:#DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    background:url('/images/site/infobulle_yijing.png');   /* Définition du fond, sinon on a le même que notre lien */
    background-repeat:no-repeat;   /* Définition du fond, sinon on a le même que notre lien */
    /*border:1px solid #6699FF; /* Définition des bordures */
    color:#394376;
    font:bold 16px tahoma;
  }

  a.buttonmytao_yijing:hover span {
    top:auto;
    left:85px;
    width:222px;
    height:81px;
    overflow:visible;
    padding:10px 10px 10px 10px;
  }

	/* SANTE ------------------------------------------------------------------------------------------------------------------------------------------ */
	a.buttonmytao_sante {
  	position:absolute;
  	width:79px;
  	height:81px;
    padding: 0;
    margin:0;
    top:260px;
	}

	a.buttonmytao_sante:hover {
  	position:absolute;
  	width:79px;
  	height:81px;
    padding: 0;
    margin:0;
    top:260px;
    background:url('/images/site/mt_sante_on.jpg');
	}

  a.buttonmytao_sante span {
    position:  absolute;
    top:-2000em;
    left:-2000em;
    width:1px;
    height:1px;
    overflow:hidden; 
    /*background:#DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    background:url('/images/site/infobulle_bilan.png');   /* Définition du fond, sinon on a le même que notre lien */
    background-repeat:no-repeat;   /* Définition du fond, sinon on a le même que notre lien */
    /*border:1px solid #6699FF; /* Définition des bordures */
    color:#394376;
    font:bold 16px tahoma;
  }

  a.buttonmytao_sante:hover span {
    top:auto;
    left:85px;
    width:222px;
    height:81px;
    overflow:visible;
    padding:10px 10px 10px 10px;
  }

	/* PROFIL ----------------------------------------------------------------------------------------------------------------------------------------- */
	a.buttonmytao_profil {
  	position:absolute;
  	width:79px;
  	height:81px;
    padding: 0;
    margin:0;
    top:340px;
	}

	a.buttonmytao_profil:hover {
  	position:absolute;
  	width:79px;
  	height:81px;
    padding: 0;
    margin:0;
    top:340px;
    background:url('/images/site/mt_profil_on.jpg');
	}
	
  a.buttonmytao_profil span {
    position:  absolute;
    top:-2000em;
    left:-2000em;
    width:1px;
    height:1px;
    overflow:hidden; 
    /*background:#DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    background:url('/images/site/infobulle_profil.png');   /* Définition du fond, sinon on a le même que notre lien */
    background-repeat:no-repeat;   /* Définition du fond, sinon on a le même que notre lien */
    /*border:1px solid #6699FF; /* Définition des bordures */
    color:#394376;
    font:bold 16px tahoma;
  }

  a.buttonmytao_profil:hover span {
    top:auto;
    left:85px;
    width:222px;
    height:81px;
    overflow:visible;
    padding:10px 10px 10px 10px;
  }

	/* COMMUNAUTE ------------------------------------------------------------------------------------------------------------------------------------- */
	a.buttonmytao_communaute {
  	position:absolute;
  	width:79px;
  	height:81px;
    padding: 0;
    margin:0;
    top:420px;
  }

	a.buttonmytao_communaute:hover {
  	position:absolute;
  	width:79px;
  	height:81px;
    padding: 0;
    margin:0;
    top:420px;
    background:url('/images/site/mt_communaute_on.jpg');
	}

  a.buttonmytao_communaute span {
    position:  absolute;
    top:-2000em;
    left:-2000em;
    width:1px;
    height:1px;
    overflow:hidden; 
    /*background:#DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    background:url('/images/site/infobulle_communaute.png');   /* Définition du fond, sinon on a le même que notre lien */
    background-repeat:no-repeat;   /* Définition du fond, sinon on a le même que notre lien */
    /*border:1px solid #6699FF; /* Définition des bordures */
    color:#394376;
    font:bold 16px tahoma;
  }

  a.buttonmytao_communaute:hover span {
    top:auto;
    left:85px;
    width:222px;
    height:81px;
    overflow:visible;
    padding:10px 10px 10px 10px;
  }

