/* CSS Document */

.page input[type=text], .page input[type=password], .page input[type=file], .page textarea {
	float:left;
	width:100%;
	padding:10px 5px;
	border:0;
	-webkit-appearance:none;
	-moz-border-radius:0;
	-webkit-border-radius:none;
	border-radius: 0;
	background:#f3f3f3;
	background:#EDEDED;
	font-size:1.3em;
}

.page input[type=checkbox] {
	
}

.page select {
	width:100%;
	border:0;
	background:#f3f3f3;
	background:#EDEDED;
	padding:10px 5px;
	font-size:1.3em;
}

.page label {
	float:left;
	width:100%;
	font-size:1.3em;
	padding:10px 5px;
	margin:10px 0 0 0;
	clear:both;
}

.page .submit {
	text-align:center;
	padding:15px 0;
	float:left;
	width:100%;
}

.page .button {
	border:0;
	-webkit-appearance: none;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	background:rgba(0, 65, 137, 1);
	background:rgba(3, 169, 233, 1);
	color:#FFF;
	padding:15px 20px;
	display:inline-block;
    font-weight:normal;
    font-size:1.2em;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	width:auto;
	min-width:60%;
}

#login_form label[for=confirm], #login_form #confirm, #pwd_fg label[for=confirm], #pwd_fg #confirm { display:none; }

.page #login_form, .page #pw_change, .page #pwd_fg  {
	float:left;
	width:98%;
	padding:10px 2%;
	margin:0 1%;
	border:1px solid #cccccc;
}

.page .forgotPw {
	float:left;
	width:98%;
	padding:5px 0;
	margin:0 1%;
	text-align:center;
	
}

.page .forgotPw a, .page .forgotPw a:hover {
	text-decoration:underline;
}

.page #pw_change h2 {
	padding:10px .5% 20px .5%;
}

.erreur {
	color:#C00;
	font-weight:bold;
}

.button-container {
	float:left;
	width:100%;
	margin:0;
	padding:20px 2%;
	text-align:center;
}

@media screen and(min-width:768px) {
	
}

@media screen and (min-width:1024px) {
	
	.page label {
		width:30%;
		margin:0 0 10px 0;
	}
	
	.page input[type=text], .page input[type=password], .page input[type=file], .page textarea, .page select {
		width:70%;
		margin:0 0 10px 0;
	}
	
	.page .button {
		color:#FFF;
		padding:15px 20px;
		font-size:1.2em;
		cursor:pointer;
		width:auto;
		min-width:150px;
		-webkit-appearance: none;
		-webkit-transition: background .3s ease-out;
		-moz-transition: background .3s ease-out;
		-o-transition: background .3s ease-out;
		transition: background .3s ease-out;
	}
	
	.page .button:hover {
		background:rgba(229, 53, 23, 1);
		background:rgba(255, 87, 34, 1);
	}
	
	.page #login_form, .page #pwd_fg {
		width:40%;
		margin:20px 30% 5px 30%;
	}
	
	.page .forgotPw {
		width:40%;
		margin:5px 30% 20px 30%;
	}
	
	.page #pw_change {
		width:55%;
		margin:20px 22.5%;
	}
	
	.page #pw_change label {
		width:45%;
	}
	
	.page #pw_change input[type=text], .page #pw_change input[type=password] {
		width:55%;
	}
	
}