html {
	
	font-size: 62.5%;

	font-size: calc(1em * 0.625);
}

body {
font-size: 1.6em;
background-color: #fff;
font-family: 'Roboto', sans-serif;
line-height: 1.5;
/*background-image: url('../img/fond.jpg');*/
height: 800px;
padding: 0px;
margin: 0px;
}

textarea,input,select {
background-color: #FDFBFB;
border: 1px solid #BBBBBB;
padding: 2px;
margin: 1px;
font-size: 14px;
}

#chapeau{
width: 380px;
height: 230px;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
background-image: url('/image/sunset.jpg');
padding: 0px;
}

#login{
margin-left: auto;
margin-right: auto;

color: #fff;


}

.intro{
text-align: justify;
width: 600px;

color: #444;



}


#login_form{
margin-top: -20px;
text-align: center;
margin-right: auto;
margin-left: auto;

color: #666;
width: 600px;
background-color: #fff;


}

#input_pass{
	font-family: 'Open Sans', sans-serif;
	width: 90%;
	background: #fff;
	border: 1px solid #5393a2;
	padding: 0.5em 0.8em;
	font-size: 95%;
	color: #ffffff;
	border-radius: 4px;
}

.button-a,
.button-b {
	display: block;
	width: 400px;
	padding: 0.5em 0.8em;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;

	-webkit-appearance: none;

	-webkit-transition: color linear .2s, background linear .2s, border linear .2s;
	-moz-transition: color linear .2s, background linear .2s, border linear .2s;
	-o-transition: color linear .2s, background linear .2s, border linear .2s;
	transition: color linear .2s, background linear .2s, border linear .2s;
}
.button-a {
	background: #ee5c57;
	border: 1px solid #ee5c57;
	color: #fff;
	height: 50px;
	font-weight: 600;
	font-size: 1.4em;

}
	.button-a:hover {
		background: #eee;
		border: 1px solid #eee;

		color: #ee5c57;
	}
	
.button-b {
	background: #f82d11;
	border: 1px solid #eee;
	color: #fff;
	height: 50px;
	font-weight: 600;
	font-size: 1.4em;
	border-radius: 500px;
}
	.button-b:hover {
		background: #46aaaa;
		border: 1px solid #eee;
		color: #fff;
	}
	
#error{
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: -30px;
width: 80%;
-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	background-size: 40px 40px;
	background-image: -webkit-gradient(linear, left top, right bottom,
							color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
							color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
							color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
											to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
											transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
											transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
											transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
											transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
												transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
												transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
												transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
												transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
												transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
													transparent 75%, transparent);
	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);

	border: 1px solid;
	color: #fff;
	padding: 0.5em 0.8em;

	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	-webkit-animation: animate-bg 5s linear infinite;
	-moz-animation: animate-bg 5s linear infinite;
	background-color: #de4343;
	border-color: #c43d3d;

	}
	
#signature,signature_a:visited,#signature_a{
margin-top: 10px;
font-weight: 300;
text-align: center;
font-size: 15px;
color: #666;
}

#conditions{
margin-top: 10px;
font-weight: 300;
text-align: center;
font-size: 14px;
color: #141414;
margin-left: 40px;
margin-right: 40px;
}

#cashless{
margin-top: 10px;
text-align: center;
color: #46aaaa;
font-weight: 600;
font-size: 1.4em;
background-color : transparent;
}

ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    padding: 0;
    margin-bottom: 2em;
    line-height: 200%;
}

ol ol {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
