body {
	background-image:url(../images/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#000000;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
}
body, td {
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
td#gbooktitle {
	font-size:12px;
	font-weight:bold;
	background-color:#666666;
	color:#FFFFFF;
	text-align:left;
}
/* Les div */

div#contentContainer {
	position: absolute;
	top: 0px;
	width: 1200px;
	height:800px;
	z-index: 0;
	color:#FFFFFF;
}
div#menuContainer {
	position: absolute;
	top: 331px;
	width:800px;
	z-index: 3;
	color:#FFFFFF;
	left:200px;
}
div#ban {
	position: absolute;
	left:200px;
	top: 34px;
	width:800px;
	height:340px;
	z-index: 2;
	padding-left:7px;
	color:#FFFFFF;
}
div#data {
	position: absolute;
	text-align:justify;
	height:300px;
	top:397px;
	left:216px;
	width:580px;
	z-index: 30;
	color:#999999;
	font-size:12px;
	line-height:1.4;
	font-stretch:expanded;
}
div#login {
	position: absolute;
	top:0px;
	right:220px;
	z-index: 6;
	text-align:Left;
	color:#FFFFFF;
	font-size:11px;
}
div#menu_right {
	position: absolute;
	top:574px;
	left:815px;
	z-index: 31;
	width:176px;
	font-size:12px;
}
div#pub {
	position: absolute;
	top:701px;
	left:815px;
	z-index: 29;
	width:176px;
}
div#lng {
	position: absolute;
	top:1px;
	left:220px;
	z-index: 25;
	text-align:Left;
}
div#agenda {
	position: absolute;
	height:168px;
	top:391px;
	left:824px;
	width:160px;
	z-index: 5;
	text-align:Left;
	color:#FFFFFF;
	font-size:11px;
}
div#footer {
	position: absolute;
	height:30px;
	top:786px;
	width:800px;
	z-index: 4;
	padding-top:10px;
	color:#666666;
	font-size:10px;
	left:200px;
}
div#powered {
	position: absolute;
	height:100px;
	bottom:-40px;
	right:0%;
	width:100px;
	z-index: 8;
	color:#FFFFFF;
	font-size:10px;
}
div#imgContainer {
	position:relative;
	top:7px;
	text-align:center;
	width:75px;
	height:75px;
}
div#imgMagieContainer {
	position:relative;
	left:9px;
	text-align:center;
	width:89px;
	height:127px;
}


/* Les Links *-*/

a:link, a:visited {
	color:#CCCCCC;
	font-weight:bold;
	text-decoration:none;
	 }
a:hover{
text-decoration:underline;
}
	
a.link:link, a.link:visited {
	color:#990000;
	text-decoration:none;
}
a.link:hover {
	text-decoration:underline;
}
a.newstitle:link, a.newstitle:visited {
	color:#990000;
	font-weight:bold;
	text-decoration:none;
}
a.newstitle:hover {
	text-decoration:underline;
}
a.news:link, a.news:visited {
	color:#CCCCCC;
	text-decoration:none;
}
a.news:hover {
	text-decoration:underline;
}
a.white:link, a.white:visited {
	color:#FFFFFF;
	text-decoration:none;
}
a.white:hover {
	text-decoration:underline;
}
a.footer:link, a.footer:visited {
	color:#666666;
	text-decoration:none;
}
a.footer:hover {
	text-decoration:underline;
	color:#999999;
}
/* Les LI */
li.rangi {
	list-style:disc;
	
}
/* Les Tables */
table#collection td {
	width:75px;
	height:75px;
	background-image:url(../images/bg_min.png);
}

table#magie td {
	width:113px;
	height:150px;
	background-image:url(../images/magie/bg.png);
	background-repeat:no-repeat;
}
/* browse photos */

/* scrolling */


.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0;
	left: 0;
}
.vscrollerbase {
	width: 10px;
	background-color:#333333;
}
.vscrollerbar {
	width: 10px;
	background-color:#999999;
}
.hscrollerbase {
	height: 10px;
	background-color: white;
}
.hscrollerbar {
	height: 10px;
	background-color: black;
}
.scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto;
	left: auto;
	bottom: 0px;
	right: 0px;
	background-color: gray;
}
#customscroll {
	/* Typical fixed height and fixed width example */
	width: 570px;
	height: 280px;
	overflow:auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;/*background-color: #E7EADE;*/
	/*margin: 0.3em auto;
	/*padding: 15px;*/
}