body {
	margin: 0;
	padding: 0;
	cursor: crosshair;
	font: 80% Arial, Helvetica, sans-serif;}

.pres {
	background: #dcdad9 url(tit_Joh.jpg) no-repeat center top;}
.fiche {
	background: #dcdad9 url(tit_Joh3bis.jpg) no-repeat center top;}
.chrono {
	background: #dcdad9 url(tit_fontaine.jpg) no-repeat center top;}
.rel {
	background: #dcdad9 url(tit_portique.jpg) no-repeat center top;}
.recit01 {
	background: #dcdad9 url(tit_ville3.jpg) no-repeat center top;}
.recit02 {
	background: #dcdad9 url(tit_foret.jpg) no-repeat center top;}
.recit03 {
	background: #dcdad9 url(tit_taverne.jpg) no-repeat center top;}

.persos {
	width: 92;
	height: 92;
	padding: 2px 5px 0 0;
	float: left;}
.liste {
	height: 95px;}

h1 {
	text-align: right;
	font: bold 28px "Comic Sans MS", cursive;
	padding: 100px 20px 0 0;
	color: #262424;}
h2 {
	margin : 15px 0 20px 0;
	color: #762500;
	font: bold small-caps 15px Arial, Helvetica, sans-serif;}
h3 {
	font: bold 13px Arial, Helvetica, sans-serif;}
h4 {
	margin : 25px 0 20px 0;
	color: #762500;
	font: bold small-caps 13px Arial, Helvetica, sans-serif;}

#corps {
	width: 1000px;
	margin: 5px auto;}
#article {
	background: url(fond.png) repeat center top;
	color: #323232;
	width: 770px;
	margin: 80px 0 0 0;
	padding: 0 15px 50px 15px;
	float: right;
	height: auto;
	text-align: justify;}
#article a:link, a:visited, a:active {
	color: #828282;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;}
#article a:hover {
	color: #550000;
	text-decoration: underline;}

.menu {
	background: #262424;
	color: #606060;
	width: 190px;
	margin: 95px 0 0 0;
	float: left;
	height: auto;}
.menutitre {
	background: #e6e4e7;
	color: #3f3f3f;
	width: 144px;
	margin: 0;
	padding: 0 22px;
	border: thin solid #262424;
	font-weight: bold;}	
.clear {
	background: #dcdad9;
	height: 20px;}
.menu a {
	color: #a0a0a0;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;}
.menu a:hover {
    color: #ebe9ed; 
	text-decoration: underline;}

.bla {
	font-style: italic;
}
.bla2 {
	font-style: italic;
	color: #501e1e;
}
.nom {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;}
.quoi {
	color: #2A2A2A;
	padding-right: 6px;
	font-weight: bold;
	font-variant: small-caps;}
.com {
	color: #262424;
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;}
.com2 {
	color: #501e1e;
	font: italic bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
}
ul {
	padding: 0 0 0 10px;
	text-align: left;
	list-style-position: inside;
	list-style-type: disc;
	color: #a0a0a0;
}
.ancre {
	padding-left: 25px;
	width: 60px;
	height: 25px;
	border: none;
	float: left;
	vertical-align: bottom;}
img.screen {
	width: 600px;
	height: auto;
	border: none;}
img.screenmini {
	float: left;
	padding: 5px;
	width: 320px;
	border: none;}
img.screen2 {
	width: 600px;
	height: auto;
	border: none;
	margin-left: 50px;}