.class     { color: gray; font-size: 9px; font-family: Verdana }
#contenu a:link    { color: white; font-weight: normal; font-size: 9px; font-family: Verdana; text-decoration: none; background-color: black }
#contenu a:visited  { color: white; font-weight: normal; font-size: 9px; font-family: Verdana; text-decoration: none; background-color: black }
#contenu a:hover { color: black; font-weight: normal; font-size: 9px; font-family: Verdana; text-decoration: none; background-color: white }
#contenu a:active  { color: black; font-weight: normal; font-size: 9px; font-family: Verdana; text-decoration: none; background-color: white }


#contenu a.light:link    { color: #333;}
#contenu a.light:visited  { color: #333;}

ul{ padding-left: 15px;}
li{margin: 5px;}
h2{font-weight:normal; color:#FFF; background:#000; display:inline; padding: 1px 4px; font-family: Arial, Verdana;}
br.clear{
 clear:both;
}
/*html, body, #center, #site{height: 100%;}*/

body {
background:#020307;
color: gray;
font-size: 9px;
font-family: Verdana;
margin: 0;
}

h2 {font-size: 14px;}

#center {
	margin: auto;
	width: 780px;
}

body{
	background: #000 url("media/img/lib_bg.jpg") no-repeat center 0px;
}

#site {
	/*margin-left: -220px;*/
	/*background:transparent url("media/img/lib.jpg") no-repeat 0px 30px;*/
}

#contenu {
	padding-top: 20px;
	margin-left: 200px;
	width: 720px;
}


#aideur {
	margin-top: 80px;
	margin-bottom: 10px;
	float: left;
	z-index: 3;
}

div.colonne2, div.colonne1 {
float: left;
width: 350px;
z-index: 3;
}

#credits{
	width: 750px;
	z-index: 3;
}


/*
	surcharge sbox
*/

#sb-nav-next {
float:right;
height:16px;
padding:2px 0;
width:45%;
position:fixed;
right: 5px;
top: 50%;
}

#sb-nav-previous {
position:fixed;
left: 5px;
top: 50%;
}

#sb-nav-next a, #sb-nav-previous a {
	padding: 20px;
}

 #sb-nav-close{
	visibility:hidden;
}