/* Encodé en UTF-8 */

/*** HTML ELEMENTS ***/
p, form, img, h1, h2, h3, h4, h5, h6, ul, ol, li, html, body {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

html {
	height: 100%;
	background: #000;
}

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #404040;
	height: 100%;
	background: #000 url("../images/theme/connection-bg.jpg") no-repeat center 30px;
}


/*** GENERAL STYLE **/
.hide {
	position: absolute;
	left: -10000px;
}
.clear{
	clear: both;
}


/*** PAGES ***/
#page {
	width: 960px;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}

/*** HEADER ***/

#header {
	height: 455px;
}

/*** LOGO ***/
#logo a {
	position: absolute;
	display: block;
	top: 0px;
	left: 18px;
	background: url("../images/theme/connexion-logo.png") no-repeat 0 0;
	width: 280px;
	height: 88px;
}
#logo a span {
	position: absolute;
	left: -10000px;
}

form#connexion,
body.connexion #loading{
	position: absolute;
	top: 354px;
	right: 124px;
	width: 184px;
	height: 164px;
	background: url("../images/theme/connexion-box.png") no-repeat 0 0;
	padding: 40px 18px 20px;
}
body.connexion #loading img{
	margin: 20px 0 14px;
}
body.connexion #loading{
	display: none;
	text-align: center;
}

body.connexion #loading p{
	font-size: 1.2em;
	margin: 12px 0;
}


form#connexion p{
	font-size: 1.1em;
	margin: 6px 0;
}
form#connexion p label{
	font-weight: bold;
	
}
form#connexion input.text{
	width: 175px;
	height: 20px;
	background: url("../images/theme/connexion-input.png") no-repeat 0 0;
	padding: 3px 4px 1px 4px;
	font-size: 1em;
	border: 0;
	color: #404040;
}
form#connexion input.submit{
	width: 139px;
	height: 27px;
	background: url("../images/theme/connexion-submit.png") no-repeat 0 0;
	padding: 30px 0 0;
	font-size: 0.1em;
	border: 0;
}
form#connexion p.err{
	color: #ff0000;
	font-size: 1em;
}