html,
body {
	margin:0;
	padding:0;
	height:100%;
        font-size: 16px;
}

.small {
  font-size: 12px; /* 75% of the baseline */
}

.large {
  font-size: 20px; /* 125% of the baseline */
}

#wrapper {
	min-height:100%;
	position:relative;
}

#header {
	top:0;
	background-image: url('../../bundles/eroster/images/header.png') ;
	background-repeat: no-repeat;
	background-color: #669aff;
	padding-left:400px;
	padding-top: 32px;
	height: 77px;
	margin-bottom: 10px;
	border-bottom: 3px outset #ccc;

}

#profil {
	
	text-align: left;
        margin-left: 100px;
	margin-bottom: 10px;
        color: #66AACC;
	/*border-bottom: 3px outset #ccc;*/

}

#icons{
	float: right; 
	padding-right: 50px;
}

.items_icons{
	padding-left: 5px;
}

#login_panel{
	width: 400px;
	height: 350px;
	padding: auto;
	margin: 50px auto;
	-moz-box-shadow: 1px 1px 10px 5px #656565;
	-webkit-box-shadow: 1px 1px 10px 5px #656565;
	-o-box-shadow: 1px 1px 10px 5px #656565;
	box-shadow: 1px 1px 10px 5px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);

}

#reset_panel{
	width: 350px;
	height: 250px;
	padding: auto;
	margin: 50px auto;
	-moz-box-shadow: 1px 1px 10px 5px #656565;
	-webkit-box-shadow: 1px 1px 10px 5px #656565;
	-o-box-shadow: 1px 1px 10px 5px #656565;
	box-shadow: 1px 1px 10px 5px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);

}

#mp_panel{
	width: 450px;
	height: 400px;
	padding: auto;
	margin: 50px auto;
	-moz-box-shadow: 1px 1px 10px 5px #656565;
	-webkit-box-shadow: 1px 1px 10px 5px #656565;
	-o-box-shadow: 1px 1px 10px 5px #656565;
	box-shadow: 1px 1px 10px 5px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);

}

#contentblock{	
	margin: 0px 30px;
	padding: 0 auto;

}

#menu{	
	margin-top:-40px;
	font-size: 14px;
	margin-left: -50px;
	font-weight: bold;
	
}

#menu > li:nth-child(n)>a:hover {
	/*background-image: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.5)); 
	background-size: 100% 100%;*/
	color: #000;
}

#menu > li:nth-child(n) > a:nth-child(n){
	color:rgb(255, 255, 255); 
	text-decoration: none;
}

ul{
	list-style: none; 
	display: inline-block;
}

li{
	float: left; 
	margin-left: 10px; 
	margin-top: 50px; 
}

li:hover{
	float: left; 
	font-size: 15px;
}

#contratsidebar{
	border: 1px solid #E6E6E6 }

#content {
	padding-bottom:100px; /* Height of the footer element */
}

#footer {
	height:60px;
	position:fixed;
	bottom:0;
	left:0;
	text-align: right; 
	padding-right: 20px; 
	padding-top: 10px;
	margin-top: 50px;
	z-index:10px;
}

#logo {
	width:75px;
	height:75px;
	border: 1px solid black;
	
}

.nav > li {
	margin-top: 20px;
	
}

IMG.displayed{
    
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    -moz-box-shadow: 1px 1px 5px 5px #656565;
	-webkit-box-shadow: 1px 1px 5px 5px #656565;
	-o-box-shadow: 1px 1px 5px 5px #656565;
	box-shadow: 1px 1px 10px 5px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
}