/*
Rappel : MARGIN... top ... right... bottom... left
        margin-top = marge supérieure
        margin-right = marge de droite
        margin-bottom = marge inférieure
        margin-left = marge de gauche
        à preferer sur une ligne car incompatible IE6
*/

/* ------------------------------------------------------------------------------ */
/* image reactive */
/* ------------------------------------------------------------------------------ */
#image {            /* bloc image en arrière-plan */
	position: absolute;
	width : 576px;
	height: 432px;
}

#zone1 {            /* zone cliquable */
	float: left;
	width : 150px;
	height: 100px;
	margin: 30px auto auto 200px;
	background: url("/images/carte_dos.jpg") top left no-repeat;
	border: 1px dotted white;
}

#zone1:hover {      /* zone cliquable */
	float: left;
	width : 150px;
	height: 100px;
	margin: 30px auto auto 200px;
	background: url("/images/carte_2.jpg") top left no-repeat;
	border: 1px dotted white;
}

#zone2 {
	position: absolute;
	width : 100px;
	height: 200px;
	left: 450px;
	top: 100px;
	border: 1px dotted white;
}

#zone2:hover {
	width : 200px;
	height: 400px;
	left: 400px;
	top: 50px;
	border: 1px dotted white;
	background: url("/images/bg_menu.gif") top left no-repeat;
	z-index: 100;
}
/* fin image reactive */


/* ------------------------------------------------------------------------------ */
/* Jeux des cartes selectionnables */
/* ------------------------------------------------------------------------------ */
#jeux {                  /* pour tirage de l'Oracle de Belline*/
	position: absolute;
	height: 112px;
	margin: 350px auto auto 0px;
	background: url("/cartes/dosmini.jpg") top left repeat;
}

#jeuxTirage1 {          /* pour tirage de l'Oracle de Belline*/
	position: absolute;
	height: 112px;
	margin: 250px auto auto 0px;
	background: url("/cartes/dosmini.jpg") top left repeat;
}

#jeux1 {                /* pour tirage de l'Oracle en croix */
	position: absolute;
	height: 112px;
	margin: 400px auto auto 0px;
	background: url("/cartes/dosmini.jpg") top left repeat;
}
#jeuxfin1 {                /* pour tirage de l'Oracle en croix */
	position: absolute;
	height: 112px;
	margin: 400px auto auto 0px;
}
/* ------------------------------------------------------------------------------ */
/* Jeux des cartes selectionnees */
/* ------------------------------------------------------------------------------ */
#jeuxSelection0 {     /* bloc image en arrière-plan */
	position: absolute;
	/*height: 112px;*/
	width: 745px;
	margin: 10px auto auto 0px;
	/*background-color: #FFFFCC;*/
}

#jeuxSelection1 {     /* bloc image en arrière-plan */
	position: absolute;
	/*height: 112px;*/
	margin: 60px auto auto 10px;
}

#jeuxSelection2 {     /* bloc image en arrière-plan */
	position: absolute;
	height: 112px;
	margin: 110px auto auto 20px;
}

#jeuxSelection3 {     /* bloc image en arrière-plan */
	position: absolute;
	height: 112px;
	margin: 170px auto auto 30px;
}

#jeuxPresentation {     /* bloc image en arrière-plan */
	position: absolute;
	height: 75px;
	width: 700px;
	margin: 220px 0px auto 5px;
}

#jeuxExplication {     /* bloc image en arrière-plan */
	position: absolute;
	height: 75px;
	width: 700px;
	margin: 265px 0px auto 25px;
	/*background-color: #CCCFFF;*/
	font-weight: bold;
}

#jeuxExplication3      /* bloc image en arrière-plan */
{
position: absolute;
/* width : 400; */
height: 200px;
margin: 320px 0px auto 5px;
}

/* ------------------------------------------------------------------------------ */
/* Carte selectionnable */
/* ------------------------------------------------------------------------------ */
#carte {     /* zone cliquable */
	float: left;
	width : 11px;
	height: 112px;
	margin: 0px auto auto 0px;
	border: 1px solid white;
}

#carte:hover {     /* zone cliquable */
	float: left;
	width : 60px;
	height: 112px;
	margin: -20px auto auto 0px;
	background: url("/cartes/dos.jpg") top left no-repeat;
	border: 1px dotted red;
}

/* ------------------------------------------------------------------------------ */
/* Emplacement centree */
/* ------------------------------------------------------------------------------ */
#jeuxCentre {     /* bloc image en arrière-plan */
	position: absolute;
	width : 62px;
	height: 96px;
	margin: 25px auto auto 300px;
}
/* ------------------------------------------------------------------------------ */
/* Carte bouton */
/* ------------------------------------------------------------------------------ */
#carteBouton {     /* zone cliquable */
	float: left;
	width : 62px;
	height: 96px;
	margin: 0px auto auto 15px;
	background: url("/images/livreOracle.jpg") top left no-repeat;
	border: 0px solid white;
}

#carteBouton:hover {    /* zone cliquable */
	float: left;
	width : 62px;
	height: 96px;
	margin: 0px auto auto 15px;
	background: url("/images/carte_dos_mini.jpg") top left no-repeat;
	border: 0px dotted red;
}

#heure {
	position: absolute;
	width : 101px;
	height: 50px;
	left : 800px;
	margin: -95px auto auto 0px;
	background: url("http://perso0.free.fr/cgi-bin/wwwcount.cgi?df=jezakel.dat&display=clock&ft=1") top left no-repeat;
}

#jezakel {     /* zone cliquable */
	float: left;
	width : 90px;
	height: 115px;
	margin: 0px 10px auto 10px;
	background: url("/images/jezakel.jpg") top left no-repeat;
	border: 0px solid white;
}