/*======================================================================//
//== Style 1 - index.css
//==------------------------------------------------------------------==//
//== This file contains the global chart of website
//== Copyright © 2011-2012 - MAQPRINT
//== Contributor :Clement DEGANDT
//======================================================================*/
body 									{ font-family:Calibri, Arial, sans-serif; font-weight:bold; font-size:16px; color:#333333; -webkit-font-smoothing:antialiased; overflow-y:scroll; overflow-x:hidden; position:fixed; background-image:url("../images/back_index.jpg"); }
a 										{ color: #555555; text-decoration: none; }

.main 									{ width: 50%; margin: 10% auto; position: relative; }

#logo-header 							{ margin-left:30%; margin-top:100px; }

*,
*:after,
*:before 								{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

.form-1 								{ width: 320px; margin: 60px auto 30px;  padding: 10px; position: relative; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 3px 7px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255,255,255,1), inset 0 -3px 2px rgba(0,0,0,0.25); border-radius: 5px; background: white; background: -moz-linear-gradient(#eeefef, #ffffff 10%); background: -ms-linear-gradient(#eeefef, #ffffff 10%); background: -o-linear-gradient(#eeefef, #ffffff 10%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeefef), color-stop(0.1, #ffffff)); background: -webkit-linear-gradient(#eeefef, #ffffff 10%); background: linear-gradient(#eeefef, #ffffff 10%); }
.form-1 .field 							{ position: relative; }
.form-1 .field i 						{ left: 0px; top: 0px; position: absolute; height: 36px; width: 36px; border-right: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7); color: #777777; text-align: center; line-height: 42px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; pointer-events: none; }

.form-1 input[type=text],
.form-1 input[type=password] 			{ font-family: Calibri, Arial, sans-serif; font-size: 13px; font-weight: 400; text-shadow: 0 1px 0 rgba(255,255,255,0.8); width: 300px; padding: 10px 18px 10px 45px; border: none; box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 3px 2px rgba(0,0,0,0.1); border-radius: 3px; background: #f9f9f9; color: #777; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -ms-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; transition: color 0.3s ease-out; }
.form-1 input[type=text] 				{ margin-bottom: 10px; }

.form-1 input[type=text]:hover ~ i,
.form-1 input[type=password]:hover ~ i 	{ color:#FFA23F; }
.form-1 input[type=text]:focus ~ i,
.form-1 input[type=password]:focus ~ i 	{ color:#EA6221; }

.form-1 input[type=text]:focus,
.form-1 input[type=password]:focus,
.form-1 button[type=submit]:focus 		{ outline: none; }

.form-1 .submit 						{ width: 65px; height: 65px; position: absolute; top: 55px; right: -25px; padding: 10px; z-index: 2; background: #ffffff; border-radius: 50%; box-shadow: 0 0 2px rgba(0,0,0,0.1), 0 3px 2px rgba(0,0,0,0.1), inset 0 -3px 2px rgba(0,0,0,0.2); }
.form-1 .submit 						{ background-image:linear-gradient(to bottom, #1D7FBE, #006699)!important; }
.form-1 .submit:after 					{ width: 10px; height: 10px; position: absolute; top: -2px; left: 30px; background: #ffffff; box-shadow: 0 62px white, -32px 31px white; }

.form-1 button 							{ width: 100%; height: 100%; margin-top: -1px; font-size: 1.4em; line-height: 1.85;  color: white; border: none; border-radius: inherit; background: #FFA23F; background: -moz-linear-gradient(#FFA23F, #EA6221); background: -ms-linear-gradient(#FFA23F, #EA6221); background: -o-linear-gradient(#FFA23F, #EA6221); background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFA23F), to(#EA6221)); background: -webkit-linear-gradient(#FFA23F, #EA6221); background: linear-gradient(#FFA23F, #EA6221); box-shadow:  inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1); cursor: pointer; }
.form-1 button:hover,
.form-1 button[type=submit]:focus 		{ background: #FFA23F; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.form-1 button:active 					{ background: #EA6221; box-shadow: inset 0 0 5px rgba(0,0,0,0.3), inset 0 3px 4px rgba(0,0,0,0.3); }

.message 								{ font-size:16px; padding:10px 5px 5px 5px; text-align:center; color:#EA6221; font-weight:400; }

*:-webkit-autofill 						{ background-color:#F9F9F9 !important; color:#777777 !important; -webkit-text-fill-color: #777777 !important; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1), inset 0 3px 2px rgba(0,0,0,0.1) , 0 0 0px 50px #F9F9F9 inset !important; }