body {
	/*position: relative; */
	margin: 0; 
	padding: 0; 
	background:#000000;
	font-family:75% georgia,sans-serif;
	color:#800399;
	height:100%;
	/*left:200px;
	top:50px;*/
	}

h1 {margin: 0.5em -4px 0.5em; padding: 0.33em 0 0.167em;font: bold 200% sans-serif; vertical-align: middle;color: #024; letter-spacing: 0.5em; text-transform: lowercase; text-align:center}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
code, pre {color: #446; font-family: monospace;}
code {font-size: 110%;}

div.enhance{
	color:#FFD905;
	width:350px;
	overflow:auto;  
	font-size:small;
	font-family:Verdana;
	text-align:justify;
	}

div.description{
	top : 25%;
	width:350px;
	overflow:auto;  
	font-size:small;
	font-family:Verdana;
	text-align:justify;
	}

/*div#main {position:float; text-align:center; background: #A0A0FF; url(fondbleu.png) 0% 0
no-repeat; text-align:center;}
*/
div.main {
	position:absolute; 
	text-align:justify;/* margin: 15;*/
	left:150px;
	top:75px;
	right:150px;
	overflow:auto;
/*no-repeat;*/ 
	font-size:larger;
	z-index:1;
	}
div.main img{border:none;}

/*div#content {background: #A0A0FF url(fondbleu.png) 0% 0 no-repeat	; text-align:left; height:600px;width:800px;margin-right:50px;}
div#content p {margin: 0 1em 1em; padding: 0; line-height: 1.3;}
div#content {margin: 3em 5em 2em 5em; padding: 10px; color: black; font-family: arial, sans-serif; border: none   #963;font-weight:bold;}
*/
div.content h1 {
	background: url(fond_bleute.png) 0% 0 no-repeat	 fixed; 
	border: 1px solid gray; 
	padding: 0.5em 1em 0.25em; 
	text-align:center;
	}

div.content a:link {color: blue;}
div.content a:visited {color: green;}
div.content a:link:hover {color: red;}
div.content a:visited:hover {color: maroon;}
div.content h2 {
	background: #E0E0E0 url(fond_violet.png) 0% 0 no-repeat fixed; 
	color: #6a86e3; 
	padding: 0.5em; 
	margin: 0 -12px 0.5em; 
	border-color: #963; 
	border-width: 1px 0; 
	border-style: solid;
	text-align:center
	}

div.content img {
	position:relative;
	border:none;
	}

span#orbe{
	position:fixed; 
	top:150px; 
	left:650px;
	background: #000000 url(orbe.png) 0% 0 no-repeat fixed;
	background-position: 650px 0px;
	}
	
span#nain{
	position:fixed; 
	top:150px; 
	left:650px;
	background: #000000 url(nain.png) 0% 0 no-repeat fixed;
	background-position: 650px 0px;
	}

div#topbar{
	z-index:4;
	display:inline;
	position:fixed;
	background: #00FF00 0% 0  no-repeat	fixed;
	/*position:float;*/
	background-position: 280px 0px;
	list-style-type:none;
	left:280px;
	top:0px;
	height:50px;
	}
div#topbar ul {
	position:absolute;
	display:inline;
	background: #0000FF 0% 0  no-repeat	fixed;
	z-index:4;
	/*calibrage des boutons*/
	width:200px;
	height:50px;
	}
	
div#topbar li{
	background: #FF0000 url("ongletdore.png") 0% 0 no-repeat	relative;
	top: -5px;
	text-align:center;
	display:inline;
	font-size:x-large;
	font-family:serif;
/*	font-variant:small-caps;*/

}

div#topbar li a{
   display:block; 
	/*calibrage des boutons*/
	width:200px;
	height:50px;
}
/*
span#contact{position:absolute;right:400px;top:0px;}
/*
span#galerie{position:absolute;right:0px;top:0px;}

span#entrer{position:absolute;right:200px;top:0px;}
*/
div#copyright{
	position:fixed;
	right:15px;
	bottom:5px;
	text-align:center; 
	font-family:sans-serif; 
	font-weight:normal;
	font-style:italic; 
	border-style:none;
	}

span#enhance2{color:#6673BC}

span#bouton a{
	position:absolute;
	display:block;
	width:128px;
	height:92px;
	background: transparent url(boutondore64.jpg) no-repeat;
	text-align: center;
	}
span#bouton a:hover {
	display:block;
	background:transparent url(boutondoreombre64.jpg) no-repeat;
	text-align:center;
}
div#personnage{
	background: #000000 url(renard.png) 0% 0 no-repeat  fixed;
	background-position:650px 100px;
	position:fixed;
	left:650px;
	top:100px;
	margin-left:0px; 
	width:370px;
	height:800px;
	}
/*a positionner quand on
aura le personnage*/
/* j'attends par exemple un nain de Morgane*/
/* ce personnage presente le monde */
div#menu{
    z-index:4;
	position:fixed;
	left:5px;
	top:50px;
	min-height:100%;
	text-align:left;
	width:200;
	background: #000000 url(menu.png) 0% 0 no-repeat fixed; color:#102ABC;
	font:sans-serif;
	}
/* faire un menu à entrées flottantes */
div#menu a:hover{
    z-index:4;
	position:fixed;
	left:5px;
	top:50px;
	min-height:100%;
	text-align:left;
	width:200;
	background: #000000 url(menu_survol.png) 0% 0 no-repeat fixed; color:#102ABC;
	font:sans-serif;
	}
div#menu a{
	width:200;
	background: #000000 url(menu.png) 0% 0 no-repeat fixed; color:#102ABC;
	}