/*
	####################################################################################################
	##
	## ° Design pour « On a verrouillé ma porte d'entrée »
	## ° Par Anahkiasen
	##
	##  Merde à celui qui lit ça o/
	##
	####################################################################################################
*/


/* Corps de la page */

body
{
	background-color: 		black;
	margin: 				0px;
	padding: 				10px;
	background-image: url('../images/fond.jpg');
	background-position: bottom right;
	background-repeat:		repeat y;
	
	color: 					gray;
	font-family: 			Geneva, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				small;
	text-align: 			center;
}
#header
{
	width: 					100%;
	height: 				484px;
	background-image:		url(../images/header.jpg);
	background-position:	right;
}
#background
{
	background-image:		url('../images/degrade.png');
	background-repeat: 		repeat-x;
	position:				absolute;
	width:					98%;
	height:					100px;
	top: 					494px;
	z-index:  				-1;
}
#navbarre
{
	background-image: 		url('../images/barre.png');
	background-repeat: 		no-repeat;
	width:  				550px;
	height:	 				50px;
	margin:  				auto;
	font-size: 				medium;
	color: 					black;
	font-weight:  			bold;
	font-variant: 			small-caps;
	overflow:  				hidden;
}
	.nav-prec
	{
		position: 			relative;
		left: 				10px;
		bottom: 			52px;
	}
	.nav-prec:hover { bottom: 2.6px; }
	.nav-next
	{
		position: 			relative;
		left: 				-10px;
		bottom: 			52px;
	}
	.nav-next:hover { bottom: 2.6px; }
	.nav-first
	{
		position: 			relative;
		right: 				-10px;
		bottom: 			52px;
	}
	.nav-first:hover { bottom: 2.6px; }
	.nav-last
	{
		position: 			relative;
		left: 				-10px;
		bottom: 			52px;
	}
	.nav-last:hover { bottom: 2.6px; }
	#navbarre img { border: none; }
#corps
{
	width: 					600px;
	background-color:		#FFF;
	background-image: 		url('http://uppix.net/5/7/d/931b43fe34cc1aeb4d3400b1b72c6.png');
	background-repeat: 		repeat;
	margin: 				auto;
	padding: 				5px;
	padding-bottom: 		10px;
}
#corps2 { width: 800px; }
	.rbox, .rbox2 { background: url('http://uppix.net/5/7/d/931b43fe34cc1aeb4d3400b1b72c6.png') repeat; width: 620px; margin-left:auto; }
	.rbox2 { width: 800px; margin-left: auto; }
	.rhaut div { background: url('../images/tl.gif') no-repeat top left; }
	.rhaut { background: url('../images/tr.gif') no-repeat top right; }
	.rbas div { background: url('../images/bl.gif') no-repeat bottom left; }
	.rbas { background: url('../images/br.gif') no-repeat bottom right; }
	.rhaut div, .rhaut, .rbas div, .rbas  { width: 100%; height: 7px; font-size: 1px; }
.navigation, .stats
{
	border-top: 			1px solid #DDDDDD;
	border-bottom: 			1px solid #DDDDDD;
	background-color: 		#EEE;
	color: 					#CC3300;	
	padding:				5px;
	margin:					30px 10px 0px 10px;
	text-align:				center;
	font-weight: 			bold;
	font-size:  			x-small;
}
	.stats
	{
		font-size: 			small; 
		border-left: 		4px solid #39F; 
		color: 				black; 
		text-align:			left; 
		padding-left: 		20px; 
		margin: 			10px;
	}
#news
{
	padding:  				0px;
	margin:  				0px 20px;
	position:  				relative;
	top:  					12px;
}
	.commentaires
	{
		list-style-type:  	none;
		list-style-image: 	none;
		padding:  			0px;
		margin-bottom:  	15px;
		border-top:  		1px solid #DDDDDD;
		font-size:  		small;
		color: 				black;
	}
	.commentaires li
	{
		height: 			auto;
		border-bottom: 		1px solid #DDDDDD;
		border-left: 		3px solid #339900;
		padding:			5px;
		padding-left:		10px;
		margin:				0 10px 4px 0;
		overflow: 			hidden;
		background-color: 	#EEE;
	}
	
	.commentaires p
	{
		padding: 			0px;
		margin:  			0px;
		text-indent:  		0px;
	}
	#news .pseudocomment
	{
		font-weight: 		bold;
		font-size:  		x-small;
		text-indent:  		0px;
	}
#images, #inventaire
{
	text-align: 			center;
	color: 					black;
	font-size: 				medium;
	font-weight:			bold;
}
	#images img:hover {	width: auto; }
	.fanarts { text-align: center; font-size: xx-small; }
	.fanarts img { height: 500px; margin: 5px;}
	.images, .infos
	{
		width: 				500px;
		text-align:			center;
		border: 			1px solid #DDDDDD;
		margin: 			20px auto 10px auto;
		background-color: 	#EEE;
		font-style:			italic;
		font-size: 			small;
	}
	.infos
	{
	padding: 				10px;
	font-style: 			normal;
	text-align:				right;
	border:					1px solid #39F;	
	}
	.cadre
	{
		background-color: 	#EEEEEE;
		border: 			1px solid #DDDDDD;
		padding: 			10px;
		overflow: hidden;
	}
#footer
{
	margin: 				10px auto 0 auto;
	text-align:				right;
	font-size:				x-small;
}

/* Éléments */

#picslist
{
	width: 					530px;
	height: 				1900px;
	text-align:				center;
	margin: 				30px auto;
	padding: 				20px 0px;
	background-color: 		#EEE;
}
	.miniatures
	{
		width: 				100px;
		height: 			100px;
		float: 				left;
		text-align: 		center;
		margin: 			0px;
		padding: 			0px;
	}
	.piclist { text-align: center; }
	.piclist img
	{
		border: 			none;
		padding: 			0px;
		margin: 			0px;
	}
#suggestions, #divers, #suggestions2, #beta
{
	width:					350px;
	border: 				1px solid #DDDDDD;
	border-top: 			none;
	margin:					20px auto 10px auto;
	background-color: 		#EEE;
	position: 				absolute;
	right: 					630px;
	top: 					530px;
	background-image: 		url('../images/degrade2.png');
	background-repeat:		repeat-y;
	background-position:	right;
	font-size:				x-small;
}	
	#beta
	{
		 position: static;
		 right: 0px;
		 width: 550px;
		 background-image:none;
	}
	#suggestions2 { right:810px; }
	#divers { position: absolute; right:630px; bottom: 100px; }
	#divers blockquote { padding: 0px; margin: 0px; }
blockquote
{
	text-align:				justify;
	color:					black;
	font-size: 				x-small;
	background-image:	 	url('http://pix.nofrag.com/e/5/f/e3f9d7fb9b7cf0cf49d0e8866019a.png');
	padding:				10px;

}
	blockquote strong
	{
		font-size: 			medium;
		color: 				#C60;
		text-transform:		capitalize;
		font-variant:  		small-caps;
		font-style:			normal;
	}
	#suggestions blockquote, #suggestions2 blockquote, #beta blockquote { border-top: 1px solid #DDDDDD; margin: 0px; }
	#beta blockquote { font-size: small; }
form input, form textarea
{
	background-color:		black;
	color:    				white;
	border:					1px solid #993300;
	border-left:			4px solid #993300;
	font-family:			Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
	font-size: 				11px;
	padding: 				4px;
	margin:					2px 0px 2px 1px;
}
	form p { text-indent: 0px; font-size: x-small; }
	form input:hover, form textarea:hover
	{
		border:				1px solid black;
		border-left:		4px solid black;
		background-color:	#333333;
	}
p { text-align: justify; text-indent: 15px; padding: 0px 10px; }
	p:first-letter { font-weight: bold; }
img
{
	margin:  				10px;
	border:  				5px solid black;
}
	.noclass
	{
		margin:  			0px;
		padding:  			0px;
		border:  			none;
	}
table
{
	margin: 				auto;
	width: 					95%;
	font-weight:			bold;
}
ul
{
	text-align:  			left;
	list-style-image:  		url('../images/list.png');
	margin-top:  			5px;
}
	li
	{
		heigth: 			20px;
		padding: 			1px 0px;
	}
	.regles
	{
		color: black;
		font-weight: bold;
		text-align: 		justify;
	}
	.regles li
	{
		margin: 			5px 20px 0px 0px;	
	}
h1, h2
{
	letter-spacing: 		-2px;
	line-height:  			20px;
	margin-top:  			10px;
	font-size:  			x-large;
	font-weight:  			bold;
	text-align:  			center;
	color:  				#39F;
} 
	h2
	{
		text-align:  		left;
		font-size:  		large;
		color:  			#C30;
		margin:  			0px 0px 0px 20px;
	}
	#debut
	{
		background-color: 	#EEE;
		margin: 			20px auto 25px auto;
		border: 			none;
		height: 			110px;
		overflow: 			hidden;
	}
		#debut img
		{
			border: 		0px;
			padding-left: 	10px;
			position: 		relative;
			bottom: 		140px;
		}
		#debut img:hover
		{
			bottom: 		0px;
		}
a { color: #C60; text-decoration: none; }
a:hover { text-decoration: none; color: #CC3300; }
.commentaires li a { color: #005D99; }
#suggestions  a { color: #C60; }
.admin { font-variant:small-caps; color: red; }
.label
{
	font-weight: bold;
	color: #39F;
	font-size: 15px;
	background-image: 		url('../images/degrade2.png');
	background-repeat:		repeat-y;
	background-position:	right;
	background-color: #e6e6e6;
}
.b { font-weight: bold; }
.u { text-decoration:underline; }
.i { font-style: italic; }
.s { text-decoration: line-through; }