html{
	width:100%;
	height:100%;
}
body{
	background:#d7d7d7;
	background-image:url('../images/background_login.png');
	background-size:100% 100%;
	width:100%;
	height:100%;
	color:#fff;
	font-family:arial,helvetica;
	font-size:13px;
	padding:0;
	margin:0;
}
@media screen and (min-width: 800px) {
	#container{
		position:absolute;
		left:50%;
		top:15%;
		transform:translateX(-50%);
		max-width:50%;
	}
	#logo{
		margin-bottom:20px;
		font-size:20px;
		width:440px;
		max-width:100%;
	}
	#logo_mathurins{
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		background:#fff;
		color:#144448;	
		box-shadow:0 0 5px 2px rgba(0,0,0,0.8);
	}
	#logo_mathurins img{
		margin:5px;
		width:160px;
	}
	#form{
		border-radius:10px;
		background:#fff;
		color:#144448;	
		padding:20px;
		box-shadow:0 0 5px 2px rgba(0,0,0,0.2);
		border:1px solid rgba(0,0,0,0.3);
		width:400px;
		max-width:100%;
	}
	.input{
		border-radius:4px;
		height:27px;
		float:left;
		width:250px;
		padding:0 5px;
		border:1px solid #d8d8d8;
	}
	td{
		color:#144448;
		font-size:12px;
	}
	.button{
		background:linear-gradient(#fff,#e1e3e3);
		padding:6px 20px 4px 20px;
		border:1px solid #c9c4c4;
		border-radius:4px;
		cursor:pointer;
		text-align:center;
	}
	.button:hover{
		border:1px solid #1d585b;
	}
	#msg{
		width:401px;
		max-width:100%;
		margin-top:-20px;
		margin-left:-20px;
		text-align:center;
		background:#000;
		color:#fff;
		padding:10px 20px;
		border-radius:10px 10px 0 0;
		margin-bottom:20px;
	}
}


@media screen and (max-width: 800px) {
	#container{
		position:absolute;
		left:50%;
		top:15%;
		transform:translateX(-50%);
		max-width:95%;
	}
	#logo{
		margin-bottom:20px;
		font-size:20px;
		width:440px;
		max-width:100%;
	}
	#logo_mathurins{
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		background:#fff;
		color:#144448;	
		box-shadow:0 0 5px 2px rgba(0,0,0,0.8);
	}
	#logo_mathurins img{
		margin:5px;
		width:160px;
	}
	#form{
		border-radius:10px;
		background:#fff;
		color:#144448;	
		padding:20px;
		box-shadow:0 0 5px 2px rgba(0,0,0,0.2);
		border:1px solid rgba(0,0,0,0.3);
		width:400px;
		max-width:80%;
	}
	.input{
		border-radius:4px;
		height:27px;
		float:left;
		width:250px;
		max-width:50%;
		padding:0 5px;
		border:1px solid #d8d8d8;
	}
	td{
		color:#144448;
		font-size:12px;
	}
	.button{
		background:linear-gradient(#fff,#e1e3e3);
		padding:6px 20px 4px 20px;
		border:1px solid #c9c4c4;
		border-radius:4px;
		cursor:pointer;
		text-align:center;
	}
	.button:hover{
		border:1px solid #1d585b;
	}
	#msg{
		width:401px;
		max-width:100%;
		margin-top:-20px;
		margin-left:-20px;
		text-align:center;
		background:#000;
		color:#fff;
		padding:10px 20px;
		border-radius:10px 10px 0 0;
		margin-bottom:20px;
	}
}