/* bannière, styles de l'accueil */
#decor{
  width:377px;
  height:266px;
  background:url(images/decor-chateau.png);
}
#paroles{
  visibility:hidden;
}
#livre-vert{
  position:absolute;
  top:151px;
  left:83px;
}
#livre-brun{
  position:absolute;
  top:152px;
  left:115px;
}
/* zones de déplacement */
#zone1{
  position:absolute;
  width:64px;
  height:48px;
  top:200px;
  left:90px;
  cursor:pointer;
}
#zone2{
position:absolute;
  width:64px;
  height:48px;
  top:200px;
  left:154px;
  cursor:pointer;
}
#zone3{
position:absolute;
  width:64px;
  height:48px;
  top:200px;
  left:218px;
  cursor:pointer;
}
#zone4{
position:absolute;
  width:64px;
  height:48px;
  top:142px;
  left:194px;
  cursor:pointer;
}
#down{
  width:64px;
  height:16px;
  position:absolute;
  background:url(images/down.gif);
  top:274px;
  left:90px;
  background-position:center top;
  background-repeat:no-repeat;
  cursor:pointer;
}
/* heros */
#heros{
  position:absolute;
  top:150px;
  left:210px;
}
/* Clio */
#sprite-clio{
  position:absolute;
  top:159px;
  left:277px;
}
.clio{
  width:143px;
  height:169px;
  background:url(images/clio-parle.png) !important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/clio-parle.png', sizingMethod='scale');
  background-repeat:no-repeat;
}

/* Albator */
#sprite-albator{
  position:absolute;
  top:110px;
  left:210px;
}
.albator{
  width:160px;
  height:169px;
  background:url(images/albator-parle.png) !important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/albator-parle.png', sizingMethod='scale');
  background-repeat:no-repeat;
}

/* tirage de cartes */
#predictions{
  display:none;
  position:absolute;
  width:400px;
  height:300px;
  text-align:center;
  top:10px;
  left:200px;
  overflow:visible;
}
#cache-noir{
  width:400px;
  height:300px;
  overflow:visible;
} 
.carte{
  margin:3px;
  cursor:pointer;
  z-index:2;
}
#carte-choisie{
  display:none;
  width:123px;
  height:220px;
  position:absolute;
  top:20px;
  left:137px;
}

/* livre de bord */
#journal_vert{
  display:none;
  position:absolute;
  width:556px;
  height:440px;
  top:-100px;
  left:122px;
  color:#000;
  text-align:left;
  background:url(images/livre-vert.jpg);
}
#page1{
  position:absolute;
  left:19px;
  top:8px;
  width:254px;
  height:402px;
  cursor:pointer;
}
#page2{
  position:absolute;
  left:290px;
  top:8px;
  width:254px;
  height:402px;
  cursor:pointer;
}
#journal_vert h1{
  font-size:14px;
  font-family:times new roman;
  font-weight:700;
}
#journal_vert div div{
  visibility:hidden;
}
#ecrit{
  position:absolute;
  width:301px;
  height:313px;
  top:52px;
  left:-301px;
}
.elea{
  font-family:comic sans ms;
  font-size:11px;
  line-height:22px;
  display:block;
  cursor:pointer;
}
.adamante{
  font-family:comic sans ms;
  font-size:17px;
  line-height:19px;
  display:block;
  cursor:pointer;
}
.khao{
  font-family:comic sans ms;
  font-size:14px;
  line-height:15px;
  display:block;
  cursor:pointer;
}
.simunora{
  font-family:georgia;
  font-size:13px;
  line-height:19px;
  display:block;
  cursor:pointer;
}
 /* Calendrier */
 
 #calendrier {
	background-image: url(images/calendrier.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 228px;
	width: 170px;
	position: absolute;
	left: 585px;
	top: 19px;
	padding: 6px;
}
#calendrier select {
	position: absolute;
	top: 35px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #666666;
}
#journal_vert #jours {
	margin: 0px;
	padding: 0px;
	width: 150px;
	position: absolute;
	left: 10px;
	top: 70px;
	visibility:visible;
}

#cal_annee {
	left: 104px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	background-color: #40523F;
	font-weight: 700;
}
#jours a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: 400;
	color: #999999;
	text-decoration: none;
	border: 1px solid #999999;
	display: inline;
	margin: 0px;
	height: 19px;
	width: 22px;
	float: left;
	text-align: center;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#jours a:hover {
	color: #FFFFFF;
}

#cal_mois {
	left: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	background-color: #40523F;
	font-weight: 700;
}