* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 12px;
    line-height: 22px;
    min-width: 100%;
}


article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }


#header { 
	position: relative; 
	padding-top: 15px;  
}

#logo { 
	padding-top:30px;
	color: #0F9DE8;
	padding-left: 150px;
	height: 150px;
	display: block; 
	background: url('../img/ameli.png') no-repeat 0 0;
	line-height: 2em;
}

#sucess {
	color:green;
	height: 70px;
	padding-left: 80px;
	background: url('../img/button_ok.png') no-repeat 0 0;
	line-height: 4.5em;
}

#failed {
	color:red;
	height: 70px;
	padding-left: 80px;
	background: url('../img/delete.png') no-repeat 0 0;
	line-height: 4.5em;
}

#login {
	color:red;
	height: 70px;
	padding-left: 80px;
	background: url('../img/delete.png') no-repeat 0 0;
	line-height: 4.5em;
}

#footer p.copy { 
	margin-top: 50px;
	font-size: 11px; 
	text-align: center; 
	float: none; 
	display: block; 
}


div.login{
	position:relative;
	z-index:999;	
	left:0px;   
	top:0px;  
	background: url('../img/shield.png') no-repeat 10px 50px;
	background-color:#ffffdd;
	font-weight:bold;
	font-size:16px;
	color:#4e89c5;
}


@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) { 
	#logo a { 
		font-size: 14px;
		line-height: 1.2em;
		background-image: url('../img/ameli.png') no-repeat 0 0;
		-webkit-background-size: 125px 26px; 
		-moz-background-size: 125px 26px; 
		background-size: 125px 26px;  
	}
	#sucess , #failed{
		line-height: 1.2em;
		padding-top:8px;
	} 
}