/* HEADER */

/* Barre d'action en haut */

#top-bar
{
	z-index: 9000; 
	background-image: -webkit-linear-gradient(top, rgb(40, 40, 40) 10%, 
												rgb(65, 65, 65) 45%, 
												rgb(20, 20, 20) 50%, 
												rgb(35, 35, 35) 100%);
	background-image: linear-gradient(to bottom, rgb(40, 40, 40) 10%, 
												rgb(65, 65, 65) 45%, 
												rgb(20, 20, 20) 50%, 
												rgb(35, 35, 35) 100%);
	box-shadow: 0px 2px 5px rgb(0, 0, 0); 
	-webkit-text-shadow: 0px 5px 5px rgb(0, 0, 0); 
	text-shadow: 0px 2px 5px rgb(0, 0, 0); 
				
	position: absolute; 
	left: 0px; 
	right: 0px; 
	top: 0px; 
	height: 50px; 
	text-align: right; 
}

#top-bar #screen-size 
{
	position: absolute; 
	left: 5px; 
	top: 5px; 
}

#top-bar .root, #top-bar li { height: 100%; }

#top-bar .root
{ 
	list-style-type: none; 
	white-space: nowrap; 
	display: inline-block;
}

#top-bar li
{
	position: relative; 
	display: inline-block;
	padding-left: 10px; 
	padding-right: 10px; 
	vertical-align: top; 
}

#top-bar li a, #top-bar li span, #top-bar li img { vertical-align: middle; }

#top-bar li ul 
{
	display: none; 
	position: absolute; 
	top: 50px; 
	right: -2px; 
	background-color: rgb(0, 0, 0); 
	border: solid 1px white; 
	box-shadow: 5px 5px 5px rgb(0, 0, 0); 
	-webkit-text-shadow: 5px 5px 5px rgb(0, 0, 0); 
	text-shadow: 5px 5px 5px rgb(0, 0, 0); 
	white-space: normal; 
	text-align: left; 
}

#top-bar li ul li 
{ 
	position: initial; 
	display: block; 
	padding: 0px; 
	margin: 10px; 
	white-space: nowrap; 
	max-height: 25px; 
}

#top-bar .border
{
	background-color: rgb(0, 0, 0); 
	box-shadow: 1px 0px 1px rgb(150, 150, 150); 
	opacity: 0.3; 
	border-radius: 1px / 10px; 
	height: 95%; 
	width: 2px; 
	display: inline-block;
}

#top-bar a
{
	color: rgb(255, 255, 255); 
	font-weight: bold; 
}

#top-bar a:hover 
{ 
	text-decoration: underline;
	color: rgb(255, 255, 255);
}

/* En-tête et logo */

header
{
	z-index: 10000; 
	position: absolute; 
}