* {
	margin: 0;
 padding: 0;  
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	font-family: Arial;
	font-size: 13px;
	overflow: hidden;
}

.vertical_center {
	position: absolute;
	top: 50%;
	left: 0;
	bottom: 0;
	right: 0;
	height: 350px;
	margin-top: -210px;
}

img {border: none;}
li {list-style: none;}
a {text-decoration: none; color: #962399;}
a:hover {text-decoration: none;color: #962399;}
table,td {border:none;}


input{font-family:Arial, sans-serif;font-size:13px;}

label{
	display: block;
	font-size: 16px;
	margin: 5px 0;
}

div.field_container{margin-bottom:10px;}
input.field{
	display: block;
	width: 100%;
	padding: 10px 12px;
}
input.button{
	display: block;
	padding: 6px 12px;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	transition: all 0.3s ease 0s;
	text-transform: uppercase;
	color: #FFF;
	background-color: #337AB7;
	border-color: #2E6DA4;
	font-weight: 600;
	width: 100%;
	padding: 7px 12px;
}

.button:hover {
	background-color: #286090;
	border-color: #204D74;
}

#login_box{margin:0 auto;margin-top:0;;}
#login_box td{width:195px;padding:30px;}
#right{border-left:0px solid #ccc;font-size:13px;
background:url(../img/login_separator2.png) no-repeat left center transparent;
}
#left{text-align:center;color:#15288f;vertical-align:top;}


div.title{padding:10px 20px;text-align:center;
margin:0 auto;width:300px;
color: #fff;
font-size: 18px;
}
div.login{
margin:0 auto;
width:400px;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);
}

div.title2{
	padding:20px;
	text-align:center;
margin:0 auto;width:300px;
margin-top:0;
color: #fff;
font-size: 18px;
}

div.title2 img{
	width: 49%;
}


#right{color:#444;}

table#remember{width:auto;margin-bottom:8px;font-size:13px;}
table#remember td{width:auto;padding:0px;vertical-align:middle;}
table#remember span{cursor:default;}
#error{background:url(../img/ico/fff/error.png) no-repeat 10px 9px #ffd;}
#error{border:1px solid #ddb;color:#442;padding:10px;padding-left:32px;}
#error{margin:0 auto;margin-top:20px;width:420px;display:none;}


div#box{width:340px;margin:0 auto;padding:0px;
color: #fff;
}


#connex{padding-bottom:20px;}
#connex{background:url(../img/login_flux.png) repeat-x 0px 6px;}
#connex{background:url(../img/login_flux.png) repeat-x 0px 200px;}

div.new{
background:#b50c00;
color:#fff;
text-align:center;
box-shadow: 0px 3px 20px rgba(0,0,0,0.2);
border-radius:4px;
border:5px solid #948683;
padding:20px;
color:#222;
background:#f9edbe;
border:1px solid #f0c36d;
margin:20px 50px;
}

div#footer{
background: url("../images/login_flux.png") repeat-x scroll center center transparent;
text-align: center;
padding-top: 15px;
position: absolute;
bottom: 15px;
left: 0;
right: 0;
}


div#footer img{
	width: 6%;
}

span.footer_span{
font-size: 11px;
color: #9A9A9A;
}

.alert {
	color: #FFF;
	position: fixed;
	width: 100%;
	background: none repeat scroll 0% 0% rgba(230, 13, 13, 0.85);
	top: 0px;
	font-family: "Roboto",sans-serif;
	padding: 22px;
	box-shadow: 4.5em 0px rgba(0, 0, 0, 0.25) inset;
	line-height: 1.4;
	animation: ScaleDown 1s forwards ;
}

.alert span {
	position: absolute;
	display: block;
	font-size: 3em;
	left: 12px;
	top: 50%;
	margin-top: -20px;
}

.alert p {
	padding: 0px 3.2em;
	font-size: 1.2em;
	display: inline-block;
}

.connexion_ie {
	display: none;
	padding-bottom: 25px;
	font-size: 1.2em;
	text-align: center;
}

@keyframes ScaleDown {
	0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
	100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}