/* ------------------------------- */
/* -- CSS By Prezenz			-- */
/* -- http://www.prezenz.com	-- */
/* -- Copyright 2009			-- */
/* ------------------------------- */

/* ------------------------------- */
/* -- STRUCTURE					-- */
/* ------------------------------- */

* {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

html {
	height:100%;
}

body {
	height:100%; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	background-color:#000;
}

/* ------------------------------- */
/* -- COMMUN					-- */
/* ------------------------------- */

a {
	color:#FFF;
	text-decoration:none;
}

a:hover {
	color:#F60;
}

label {
	display:block;
	margin-bottom:2px;
}

input {
	width:194px;
	border:1px solid #BBB;
	padding:2px;
	background-color:#000;
	color:#BBB;
	margin-bottom:5px;
}

textarea {
	width:194px;
	height:60px;
	border:1px solid #BBB;
	padding:2px;
	background-color:#000;
	color:#BBB;
	margin-bottom:5px;
}

input.button {
	width:auto;
}

/* ------------------------------- */
/* -- WEBSITE					-- */
/* ------------------------------- */

div#page {
	/* Tous les browsers */
	height: auto !important; 
	/* Pour IE */
	height: 100%; 
	margin:0 auto 0 auto;
	/* Tous les browsers */
	min-height: 100%; 
	position: relative;
	text-align: left;
	width:1024px;
}

/* ------------------------------- */
/* -- HEADER					-- */
/* ------------------------------- */

#header {
	height:145px;
	border-bottom:1px solid #FFF;
	position:relative;
}

	#header #logoprint {
		display:none;
	}
	
	#header #top {
		float:right;
		width:200px;
		padding-top:10px;
	}
	
		#header #top h1 {
			text-transform:uppercase;
			font-size:14px;
		}
		
		#header #top ul {
			position:absolute;
			bottom:0px;
			list-style:none;
		}
		
		#header #top ul li {
			margin-bottom:5px;
		}

/* ------------------------------- */
/* -- MAIN						-- */
/* ------------------------------- */

#main {
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
	height:auto !important;
	height:350px;
	min-height:350px;
}

	/* ------- left ------- */

	#main #left {
		float:left;
		display:table-cell;
		width:200px;
		margin-right:10px;
		color:#BBB;
	}

		#main #left #info {
			border:1px solid #BBB;
			padding:8px;
			margin-bottom:10px;
			height:297px;
			overflow:hidden;
		}

	/* ------- center ------- */

	#main #center {
		float:left;
		display:table-cell;
		width:604px;
		text-align:center
	}

	/* ------- right ------- */

	#main #right {
		float:left;
		display:table-cell;
		width:200px;
		margin-left:10px;
		color:#BBB;
	}
	
		#main #right .comments .pagination {
			text-align:right;
			margin-bottom:10px;
			margin-top:10px;
		}
		
		#main #right .comments .pagination ul {
			display:inline;
		}
		
		#main #right .comments .pagination ul li {
			display:inline;
		}
		
		#main #right .comments .pagination ul li a {
			padding:3px;
			border:1px solid #BBB;
		}
		
		#main #right .comments .pagination ul li a:hover, #main #right .comments .pagination ul li a.active {
			padding:3px;
			border:1px solid #BBB;
			background-color:#BBB;
			color:#000;
		}
		
		#main #right .comment {
			border:1px solid #BBB;
			padding:3px;
			margin-bottom:10px;
		}

/* ------------------------------- */
/* -- LIST						-- */
/* ------------------------------- */

#list {
	clear:both;
	position:relative;
	border-top:1px solid #FFF;
}

	#list .element {
		width:150px;
		display:block;
		float:left;
		padding:10px;
		padding:10px;
		border-bottom:1px solid #FFF;
	}

/* ------------------------------- */
/* -- FOOTER					-- */
/* ------------------------------- */

#footer {
	clear:both;
	padding-top:20px;
}

/* ------------------------------- */
/* -- /CSS						-- */
/* ------------------------------- */