body {
	margin:0;
	padding:0;
	font-size: 10pt;
	font-family: arial, sans-serif;
	text-align: justify;
	background-color: #333366;
}
table {
	font-size: 10pt;
	color: #000033;
	text-align: justify;
}
h1 {font-size: 10pt}
h2 {font-size: 10pt}
h3 {font-size: 10pt}
a:link {color: #333366; text-decoration: underline}
a:visited {color: #333366; text-decoration: underline}
a:active {text-decoration: none}
a:hover {text-decoration: none}
.header {
	height: 100px;
	background-color: #8080C0;
	color: #FFFFFF;
	background-image: url('images/fondh.gif');
}
.logo {
	height: 100px;
	width: 600px;
	background-color: #8080C0;
	background-image: url('images/logo.gif');
}
.page {
	padding: 10px;
	color: #000033;
	background-color: #FFFFFF;
	background-image: url('images/nemo.jpg');
	background-repeat: no-repeat;
	text-align: justify;
}
.accueil {
	padding: 10px;
	color: #000033;
	background-color: #FFFFFF;
	background-image: url('images/portrait_jules_verne.jpg');
	background-repeat: no-repeat;
}
.footer {
	height: 45px;
	background-color: #8080C0;
	color: #FFFFFF;
	background-image: url('images/fondb.gif');
}
.marge {
	background-color: #333366;
	color: #FFFFFF;
	text-align: center;
}
.blancbg {background-color: #FFFFFF}
.noirbg {background-color: #000000}
.lavande {color: #8080C0}
.lavandebg {background-color: #8080C0}
.sepiabg {background-color: #B19B6F}
.bleu {color: #333366}
.bleubg {background-color: #333366}
.commentaire {
	padding-left: 5px;
	padding-right:5px;
	padding-bottom:5px;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	color:#8080C0;
}
.nautilus {
	position:absolute;
	width: 100px;
	height: 100px;
}
.legende {font-size: 80%}
.note {font-size: 80%}
.intrus {background-image: url('../oeuvres/icones/intrusbg.gif')}