html, body {
	/* \*/
	height:100%;
	/* hide from Mac IE 5.x */ 
	background-color: #181818;
	margin: 0;
	padding: 0;
	border: 0;
	font-family:Georgia;
color:#aaa;
} 
#content{
	margin: 0 20%;
}


.pre p{
color:#ddd;
line-height:1.7em;
font-weight:normal;
}
hr {height:1px;
width:66%;
margin-top:30px;
color:#333;}

a,a:visited {
color:#777;
text-decoration:none;
}

p a,p a:visited {
text-decoration:underline;
}

a:hover {
color:#aaa;
}
.actif,a.actif {
color:#fff;
}
.header {
border-bottom:#bbb solid 1px;
text-align:center;
font-size:1.2em;
padding:4px;
margin:6px;
}
#toc
{
text-align:center;
margin:50px 0px;
}

#toc a
{
color:#aaa;
font-weight:normal;
}

#toc a:hover
{
color:#ddd;
}
img{border:none;}

#content h1
{
margin:50px 0 0 0;
font-weight:normal;
color:#ddd;}
#content a
{
color:#bbb;}
#content a:hover
{
color:#ddd;}
p.notice
{
color:#ccc;
height:130px;
line-height:1.4em;
}

#toc small{
color:#666;}

p.auteur{
display:block;
text-align:right;
font-size:0.9em;
margin:2px 5px 25px 12px;
}
.auteur em{
font-weight:normal;
}
.auteur strong{
font-variant: small-caps;
}

#content p{
margin-left:20px;
}


#reclame{
text-align:center;
background:#333;
border:2px dashed #ccc;
padding:20px;
}
.bio th,.bio td{padding:5px ;vertical-align:top}
.fini{font-size:11px;font-weight:bold;padding:2px;vertical-align: super;color:#000;background:#aaa;border-radius:3px}