/* CSS Document définition des menus*/

  /* Les Mondes ---------------------------------------------------------------------------------------------------------------------------------------*/

  div#site {
    position:  absolute;
    top:0px;
    left:0px;
    width:856px;
    height:600px;
    overflow:hidden; 
    background:url('/images/site/back_profil.jpg');
    background-repeat:no-repeat;
  }

  div#sitelabyrinthe_terre {
    position:  absolute;
    top:0px;
    left:0px;
    width:856px;
    height:600px;
    overflow:hidden; 
    background:url('/images/site/back_labyrinthe_terre.jpg');
    background-repeat:no-repeat;
  }
  
  div#sitelabyrinthe_eau {
    position:  absolute;
    top:0px;
    left:0px;
    width:856px;
    height:600px;
    overflow:hidden; 
    background:url('/images/site/back_labyrinthe_eau.jpg');
    background-repeat:no-repeat;
  }

  div#sitelabyrinthe_feu {
    position:  absolute;
    top:0px;
    left:0px;
    width:856px;
    height:600px;
    overflow:hidden; 
    background:url('/images/site/back_labyrinthe_feu.jpg');
    background-repeat:no-repeat;
  }

  div#sitelabyrinthe_air {
    position:  absolute;
    top:0px;
    left:0px;
    width:856px;
    height:600px;
    overflow:hidden; 
    background:url('/images/site/back_labyrinthe_air.jpg');
    background-repeat:no-repeat;
  }

  div#sitereligions {
    position:  absolute;
    top:0px;
    left:0px;
    width:856px;
    height:600px;
    overflow:hidden; 
    background:url('/images/site/back_labyrinthe_religions.jpg');
    background-repeat:no-repeat;
  }

  div#contenupagesommaire {
  	color: #000000;     
  	font: 15px tahoma;     
    text-align: justify;
    /*background: #E8E4E1;*/ 
    background: tranparent; 
    left: 108px; 
    top: 120px; 
    width: 664px; 
    height: 407px; 
    position: absolute; 
    z-index: 2;
  	overflow: auto;
  	padding-right: 0px;
  	padding-left: 0px;
  	padding-bottom: 0px;
  	padding-top: 0px;
  }

  div#contenupage {
  	color: #000000;     
  	font: 15px tahoma;     
    text-align: justify;
    /*background: #E8E4E1;*/ 
    background: tranparent; 
    left: 108px; 
    top: 120px; 
    width: 664px; 
    height: 300px; 
    position: absolute; 
    z-index: 2;
  	overflow: auto;
  	padding-right: 0px;
  	padding-left: 0px;
  	padding-bottom: 0px;
  	padding-top: 0px;
  }

  div#contenupage a {
  	color: #963D16;     
  	font: 15px tahoma;     
  	text-decoration: none;
    border: 0px;     
  }
  
  div#navigationpage {
  	color: #000000;     
  	font: 15px arial narrow;     
    text-align: center;
  	text-decoration: none;     
    /*background: #E8E4E1;*/ 
    background: tranparent; 
    left: 160px; 
    top: 70px; 
    width: 647px; 
    height: 25px; 
    position: absolute; 
    z-index: 2;
  	overflow: auto;
  	padding-right: 10px;
  	padding-left: 0px;
  	padding-bottom: 0px;
  	padding-top: 0px;
  }

  div#navigationpage a {
  	color: #963D16;     
  	font: 15px arial narrow;     
    text-align: center;
  	text-decoration: none;     
  }

  div#reponcepage {
  	color: #000000;     
  	font: 15px tahoma;     
    text-align: center;
    /*background: #E8E4E1;*/ 
    background: tranparent; 
    left: 100px; 
    top: 420px; 
    width: 647px; 
    height: 133px; 
    position: absolute; 
    z-index: 2;
  	overflow: auto;
  	padding-right: 10px;
  	padding-left: 0px;
  	padding-bottom: 0px;
  	padding-top: 0px;
  }
  
  textarea {
    background-color: transparent;
    /*
    border-bottom: silver thin ridge; 
    border-left-color: white;
    border-right: gray thin ridge; 
    border-top-color: gray;
    */
    border: 1px solid gray;
    color: black; 
    font-family: trebuchet ms;
    font-size: medium; 
    font-weight: normal; 
    overflow: auto;
    height: 100px; 
    width: 600px;
  	padding-right: 0px;
  	padding-left: 0px;
  	padding-bottom: 0px;
  	padding-top: 0px;
  	margin-right: 0px;
  	margin-left: 7px;
  	margin-bottom: 0px;
  	margin-top: 4px;
  }


  a.mondeterre {
  	position:absolute;
    width:272px;
  	height:234px;
    padding: 0;
    margin:0;
    top:25px;
    left:129px;
	}

	a.mondeterre:hover {
    background:url('/sys-addons/labyrinthe/img/terre_on.png');
	}

  a.mondeeau {
  	position:absolute;
    width:321px;
  	height:220px;
    padding: 0;
    margin:0;
    top:40px;
    left:385px;
	}

	a.mondeeau:hover {
    background:url('/sys-addons/labyrinthe/img/eau_on.png');
	}

  a.mondeair {
  	position:absolute;
    width:349px;
  	height:221px;
    padding: 0;
    margin:0;
    top:331px;
    left:371px;
	}

	a.mondeair:hover {
    background:url('/sys-addons/labyrinthe/img/air_on.png');
	}

  a.mondefeu {
  	position:absolute;
    width:250px;
  	height:232px;
    padding: 0;
    margin:0;
    top:313px;
    left:131px;
	}

	a.mondefeu:hover {
    background:url('/sys-addons/labyrinthe/img/feu_on.png');
	}

  /* Les Religions ------------------------------------------------------------------------------------------------------------------------------------*/

  /* Itnro --------------------------------------------------------------------------------------------------------------------------------------------*/
  a.intro {
  	position:absolute;
    width:90px;
  	height:107px;
    padding:0;
    margin:0;
    top:259px;
    left:304px;
	}

	a.intro:hover {
    background:url('/sys-addons/labyrinthe/img/s_intro_on.png');
	}

  a.intro 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('/sys-addons/labyrinthe/img/r_intro_on.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.intro:hover span {
    top:5px;
    left:65px;
    width:222px;
    height:81px;
    overflow:visible;
    padding:10px 10px 10px 10px;
  }

  /* bouddisme ----------------------------------------------------------------------------------------------------------------------------------------*/
  a.bouddisme {
  	position:absolute;
    width:90px;
  	height:107px;
    padding:0;
    margin:0;
    top:196px;
    left:326px;
	}

	a.bouddisme:hover {
    background:url('/sys-addons/labyrinthe/img/s_bouddisme_on.png');
	}

  a.bouddisme 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('/sys-addons/labyrinthe/img/r_bouddisme_on.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.bouddisme:hover span {
    top:70px;
    left:45px;
    width:222px;
    height:81px;
    overflow:visible;
    padding:10px 10px 10px 10px;
  }

  /* islam --------------------------------------------------------------------------------------------------------------------------------------------*/
  a.islam {
  	position:absolute;
    width:90px;
  	height:107px;
    padding:0;
    margin:0;
    top:170px;
    left:385px;
	}

	a.islam:hover {
    background:url('/sys-addons/labyrinthe/img/s_islam_on.png');
	}

  a.islam 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('/sys-addons/labyrinthe/img/r_islam_on.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.islam:hover span {
    top:90px;
    left:-10px;
    width:222px;
    height:81px;
    overflow:visible;
    padding:10px 10px 10px 10px;
  }

  /* hindouisme ---------------------------------------------------------------------------------------------------------------------------------------*/
  a.hindouisme {
  	position:absolute;
    width:90px;
  	height:107px;
    padding:0;
    margin:0;
    top:201px;
    left:443px;
	}

	a.hindouisme:hover {
    background:url('/sys-addons/labyrinthe/img/s_hindouisme_on.png');
	}

  a.hindouisme 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('/sys-addons/labyrinthe/img/r_hindouisme_on.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.hindouisme:hover span {
    top:65px;
    left:-70px;
    width:222px;
    height:81px;
    overflow:visible;
    padding:10px 10px 10px 10px;
  }

  /* christianisme ------------------------------------------------------------------------------------------------------------------------------------*/
  a.christianisme {
  	position:absolute;
    width:90px;
  	height:107px;
    padding:0;
    margin:0;
    top:264px;
    left:466px;
	}

	a.christianisme:hover {
    background:url('/sys-addons/labyrinthe/img/s_christianisme_on.png');
	}

  a.christianisme 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('/sys-addons/labyrinthe/img/r_christianisme_on.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.christianisme:hover span {
    top:5px;
    left:-90px;
    width:222px;
    height:81px;
    overflow:visible;
    padding:10px 10px 10px 10px;
  }
  
  /* taoisme ------------------------------------------------------------------------------------------------------------------------------------------*/
  a.taoisme {
  	position:absolute;
    width:90px;
  	height:107px;
    padding:0;
    margin:0;
    top:310px;
    left:416px;
	}

	a.taoisme:hover {
    background:url('/sys-addons/labyrinthe/img/s_taoisme_on.png');
	}

  a.taoisme 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('/sys-addons/labyrinthe/img/r_taoisme_on.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.taoisme:hover span {
    top:-40px;
    left:-40px;
    width:222px;
    height:81px;
    overflow:visible;
    padding:10px 10px 10px 10px;
  }
  
  /* judaisme -----------------------------------------------------------------------------------------------------------------------------------------*/
  a.judaisme {
  	position:absolute;
    width:90px;
  	height:107px;
    padding:0;
    margin:0;
    top:322px;
    left:350px;
	}

	a.judaisme:hover {
    background:url('/sys-addons/labyrinthe/img/s_judaisme_on.png');
	}

  a.judaisme 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('/sys-addons/labyrinthe/img/r_judaisme_on.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.judaisme:hover span {
    top:-55px;
    left:25px;
    width:222px;
    height:81px;
    overflow:visible;
    padding:10px 10px 10px 10px;
  }

.bte{ border-width: 1px; border-color: white; background-color: #BEBEBE; color: white; font-weight: bold; cursor: hand}