body {
	background-color :		#555555;
	background-image :		url(images/graphics/fond.jpg);	
	margin :			5px;
	font-family :			Arial, Helvetica, sans-serif ;
}

a {
	text-decoration	:	none;
	border :		0px;
	margin :		0px;
	color : 		#DDAA20;
}

#container {
	width :				700px;
	height : 			100%;
	border :			1px;
	padding :			0px;
	margin 	:			0px;
	margin-left :			auto;
	margin-right :			auto;
}

.date {
	margin-right :			15px;
	text-align :			right;
}

.bar {
	width :				700px;
	height :			20px;
	border-width :			1px;
	border-style :			solid;
	border-right :			0px;
	border-left :			0px;
	border-color :			#DDAA20;
	background-image :		url(images/graphics/bar.png);
	font-weight :			bold;
	font-size :			16px;
	color :				white;
	z-index :			6;
}

#content {
	position :			absolute;
	top :				6px;
	width :				700px;
	border-width :			1px;
	border-style :			solid;
	border-color :			#DDAA20;
	border-top :			0px;
	border-bottom :			0px;
	color :				white;
	background-image :		url(images/graphics/fond.jpg);
	z-index :			10;
}

.article {
	width :				700px;
	margin-bottom :			20px;
	z-index :			14;
}

.contentTable {
	margin-left :			50px;
	margin-top :			30px;
	margin-bottom :			30px;
	font-weight :			bold;
	color :				#DDAA20;
	z-index :			14;
}

.title {
	margin-top :			16px;
	margin-bottom :			16px;
	font-weight :			bold;
	color :				white;
	text-align :			center;
	z-index :			14;
}
#map {
	position :			absolute;
	top :				26px;
	margin-left :			300px;
	width :				400px;
	height :			400px;
	border-width:			1px;
	border-style:			solid;
	border-color:			#DDAA20;
	border-right :			0px;
	background-color :		#555555;
	font-weight :			bold;
	color :				#DDAA20;
	z-index :			6;
}

#map:hover {
	position :			absolute;
	top :				26px;
	margin-left :			300px;
	width :				400px;
	height :			400px;
	border-width:			1px;
	border-style:			solid;
	border-color:			#DDAA20;
	background-color :		#555555;
	font-weight :			bold;
	color :				#DDAA20;
	z-index :			20;
}

#mapvignette {
	position :			absolute;
	top :				0px;
	left :				400px;
	width :				20px;
	height :			107px;
	border-width :			1px;
	border-style :			solid;
	border-color :			#DDAA20;
	border-left :			0px;
	color :				#DDAA20	;
	text-align :			center;
	font-weight :			bold;
	line-height :			19px;
}

.map img {
	
}

.misc {
	width :				398px;
	height :			398px;	
	border-width:			1px;
	border-style:			solid;
	border-color:			#DDAA20;
	background-color :		#555555;
	opacity :			0.75;
}

#inventory {
	position :			absolute;
	top :				26px;
	margin-left :			300px;
	width :				400px;
	height :			400px;
	border-width:			1px;
	border-style:			solid;
	border-color:			#DDAA20;
	border-right :			0px;
	background-color :		#444444;
	z-index :			7;
}

#inventory:hover{
	position :			absolute;
	top :				26px;
	margin-left :			300px;
	width :				400px;
	height :			400px;
	border-width:			1px;
	border-style:			solid;
	border-color:			#DDAA20;
	background-color :		#444444;
	z-index :			20;
}

#inventoryvignette {
	position :			absolute;
	top :				108px;
	left :				400px;
	width :				20px;
	height :			142px;
	border-width :			1px;
	border-style :			solid;
	border-color :			#DDAA20;
	border-left :			0px;
	color :				#DDAA20	;
	text-align :			center;
	font-weight :			bold;
	line-height :			19px;
	letter-spacing :		1px;
}

#album {
	position :			absolute;
	top :				26px;
	margin-left :			300px;
	width :				400px;
	height :			400px;
	border-width:			1px;
	border-style:			solid;
	border-color:			#DDAA20;
	border-right :			0px;
	background-color :		#666666;
	font-weight :			bold;
	color :				#DDAA20;
	z-index :			6;
}

#album:hover{
	position :			absolute;
	top :				26px;
	margin-left :			300px;
	width :				400px;
	height :			400px;
	border-width:			1px;
	border-style:			solid;
	border-color:			#DDAA20;
	background-color :		#666666;
	font-weight :			bold;
	color :				#DDAA20;
	z-index :			20;
}

#albumvignette {
	position :			absolute;
	top :				251px;
	left :				400px;
	width :				20px;
	height :			148px;
	border-width :			1px;
	border-style :			solid;
	border-color :			#DDAA20;
	border-left :			0px;
	color :				#DDAA20;
	text-align :			center;
	font-weight :			bold;
	letter-spacing :		1px;
	line-height :			19px;
}

.playlist {
	width :				700px;
	font-size :			40px;
	font-family : 			serif;
	font-weight :			900;
	color :				#FFBB30;
	opacity :			0.30;	
	z-index :			11;
}

.artist {
	text-align :			right;
	font-size :			50px;
	z-index :			11;	
}

img {
	border :			0px;
}
