@font-face{
    font-family : "Diavlo";
    src : url('http://www.lpdc.be/colar/killbase/Diavlo.otf');
}
@font-face{
    font-family : "Blade";
    src : url('http://www.lpdc.be/colar/killbase/blade.ttf');
}
body {
	background-color: #eee;
}

#container {
	width: 90%;
	margin: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 130%;
}
a.out:after { 
	content: url(out.png); 
}
blockquote {
	padding:0 0 0 20px;
	margin:0;
	font-family: "Courier 10 Pitch", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
	font-size:0.9em;
}
abbr[title],acronym[title]{ cursor:help; border-bottom: 1px dotted;}
/* HEADER */

#top {
	margin-left: 180px;
	padding: 0.5em 1em;
}

#top h1 {
	margin: 0;
	padding: 0;
	font-family: Blade, McGarey, FreeMono, "Courier New", Courier, monospace;
	cursor:default;
	text-shadow: 3px 3px 3px #CCC;
	font-size:250%;
}

/* MENU */

#leftnav {
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
}

#leftnav p { margin: 0 0 1em 0; }

#leftnav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

#leftnav li {
	width: 160px;
	margin-bottom: 1px;
	padding: 0;
	background-color: #036;
}

#leftnav li:hover {
	background-color: #900000;
}

#leftnav a, #leftnav a:visited {
	display: block;
	width: 160px;
	padding-left: 10px;
	color: #EEE;
	text-decoration: none;
	line-height: 2em;
}

#leftnav a:before { 
	content: url(dotwhite.png); 
}

#leftnav a.active:before { 
	content: url(dotred.png); 
}

/* CONTENU */

#content {
	margin-left: 180px;
	padding: 1em;
	max-width: 48em;
	font-size: 0.8em
}

#content h2 { 
	margin: 0 0 .5em 0; 
	font-family: Diavlo, Cantabile, "Bitstream Vera Serif", "Century Schoolbook", serif;	
	text-shadow: #CCC 2px 2px 2px;
	cursor:default;
}
#sommaire li a{
	-webkit-transition: padding .7s;  
	-moz-transition: padding .7s;  
	-o-transition: padding .7s;  
	transition: padding .7s;  
}


#sommaire li a:hover {  
   padding-left: 6px;  
}  

#content ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

#content ul.dots {
	margin-left: ;
	padding-left: 20px;
	list-style-type: square;
}

#content ul.dots li b:hover {
	color:#4C4C4C;
}

#content ol {
	margin-left: 0;
	padding-left: 20px;
}

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

#content li a:hover {
	text-decoration: underline;
}

#content li a {
	text-shadow: #CCC 1px 1px 1px;
}
/* PIED DE PAGE */

#footer {
	clear: both;
	margin-left: 180px;
	padding: 1em;
	color: #333;
}

#footer a {
	font-size:0.8em;
	color: #900000;
	text-decoration: none;
}