@charset "utf-8";
/* 
 * @package login
 * @author Michel Dumont <md@graphart.fr>
 * @since 2011
 * @realease special dmauto

	$fdA = "#fff";
	$fdB = "#6D6D6D";
	$fdC = "#ccc";
	$fdD = "#900";
	$fdE = "#F5F5F5";
	$fdF = "#090";

	$cA = "#30529E";
	$cB = "#6D6D6D";

	$pA = "Gotham-Book, Arial, Helvetica, sans-serif";
*/
 
@font-face {
	font-family: Gotham-Book;
	src: url('typos/Gotham-Book.otf');
}
 
/* Initialise le navigateur
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {background: transparent; border: 0; margin: 0; padding: 0}
h1, h2, h3, h4, h5, h6 {clear: both; font-weight:normal}
ol, ul {list-style: none}
blockquote {quotes: none}
blockquote:before, blockquote:after {content: ''; content: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
a img {border: none}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, a::-moz-focus-inner {border:none!important;} 
input[type="submit"]:focus, input[type="button"]:focus, a:focus {outline:none!important; border:none!important;}
	
/* @Global
--------------------------------------------------------------------------------------- */
html{
background:#fff;
color:#000;
font-family:Gotham-Book, Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:1px;
}
html, body {width:100%; height:100%;}

label[for] {cursor:pointer;}

/* @Structure
--------------------------------------------------------------------------------------- */
#main_result {position:absolute; top:0; left:50%; width:400px; margin-left:-200px; z-index:10;}
	#main_result ol {padding:10px 20px; list-style:decimal inside;}

#main_log {position:absolute; top:50%; left:50%; float:left; width:300px; height:450px; margin:-275px 0 0 -150px;}
	#main_log #logo {float:left; margin-bottom:20px;}
	#main_log #logo img {float:left; width:280px; margin-left:20px;}

	#main_log #loginForm {float:left;}
	#main_log #loginForm fieldset {width:300px; padding:10px 10px 35px; border:1px outset #900;}
		#loginForm fieldset label {float:left; width:250px; height:20px; margin: 20px 0 10px 25px; font-size:16px; text-transform:uppercase;}
		#loginForm fieldset input {float:left; width:250px; height:20px; margin:0 25px;}
		#loginForm input[type=submit]{float:left; width:120px; height:25px; margin-top:15px; padding:0 6px; border:none; background:#F5F5F5; cursor:pointer;}
		#loginForm input[type=submit]:hover {background-color:#C1D9C5;}
		
		
/* @Autres
--------------------------------------------------------------------------------------- */
.warning {color:#fff; background:#900;}
.allOk {color:#fff; background:#090;}