html body{
	background:#fafafa url(../img/bg.png);
	margin: 0px;
	padding: 0px;
}

a img{
	border:none;
	height:50px;
}

@font-face {
	font-family: 'Jack';
	src: url('../fonts/Jack.eot');
	src: local('☺'), url('../fonts/Jack.woff') format('woff'),
	url('../fonts/Jack.ttf') format('truetype'),
	url('../fonts/Jack.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'opensans';
	src: url('../fonts/myriad/opensans-condbold-webfont.eot');
	src: local('☺'), url('../fonts/myriad/opensans-condbold-webfont.woff') format('woff'),
	url('../fonts/myriad/opensans-condbold-webfont.ttf') format('truetype'),
	url('../fonts/myriad/opensans-condbold-webfont.svg') format('svg');
}

.content{
	text-align:center;
	font-family: 'Jack', Arial;
	margin-top: 0px;
}

.login_box{
	position: absolute;
	left:50%;
	margin-left: -300px;
	text-align: left;
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 50px;
	padding-bottom: 100px;

	width:400px;
	font-size: 15pt;
	font-family: 'opensans';

}

.input_login_box:hover, .input_login_box:focus{
	background-color: #eaeaea;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.input_login_box{
	height: 35px;
	width: 100%;
	margin-bottom:20px;
	border-radius: 8px;
	background-color: #fafafa;
	box-shadow:inset 0 0 10px #aaa;
	-moz-box-shadow:inset 0 0 10px #aaa;
	padding-left:15px;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.text_login_box{
	margin-bottom: 10px;
}

.login_box_button{
	font-family: 'opensans';
	font-size: 12pt;
	height: 35px;
	width:104%;
	border-radius: 8px;
	background-color: #7db0e3;
	box-shadow: 0 0 10px #aaa;
	-moz-box-shadow:inset 0 0 10px #aaa;
	text-align: center;
	font-weight: bolder;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.green_box {
	background-color: #7CE287;
}

.login_box_button:active, .login_box_button:focus{
	border-radius: 8px;
	background-color: #2e70b2;
	box-shadow: 0 0 10px #eeeeee;
	-moz-box-shadow:inset 0 0 10px #aaa;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.green_box:active, .green_box:focus{
	border-radius: 8px;
	background-color: #62B26A;
	box-shadow: 0 0 10px #eeeeee;
	-moz-box-shadow:inset 0 0 10px #aaa;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#logo_colline{
	height: 250px;
}

#colline{
	font-size: 65px;
	color: rgb(132,26,26);
	margin-left: -20px;
}

.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	color: #c09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.alert-heading {
	color: inherit;
}

.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 18px;
}

.alert-info {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.separator {
	color: grey;
	font-size : 0.9em;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}