/** Styles de la page **/
@font-face { 
	font-family: 'ScalaSans';
	src: url('../font/ScalaSans.otf');
}

* { margin:0px; padding:0px; }
body { 
	background: #fff; 
    font: normal 12px ScalaSans, Arial, Helvetica, sans-serif;
}

a {color:#000}
img { border: 0px; }

#bg {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 0;
}
#bg img {
	display: block;
	margin: 0 auto;
}
#position{
	background: url('../img/home/fds.png') no-repeat #fff;
    position:relative;
	width: 289px;
	height: 238px;
	z-index: 1;	
	margin: 100px auto 0;
}

/* Ajouter la classe centered pour avoir un bloc centr� verticalement et horizontalement */
#position.centered {
    position:absolute;	
	top: 50%;
	left: 50%;	
}

/** Formulaire **/

#id {
	top: 110px;
	left: 0px;
	width: 300px;
    position: absolute;
	margin:0 auto;
}

#id.centered {
	top: 50%;
	left:50%;
}

#id h1{
	margin: 0px 0px 20px 0px;
	font: normal 12px ScalaSans,Arial, Helvetica, sans-serif;
}
#id #id_pwd label {
	padding: 2px 0px;
	width: 110px;
	display:inline-block;
	clear:both;
	float:left;
}
#id #id_pwd input {
	font: normal 12px ScalaSans,Arial, Helvetica, sans-serif;
	margin: 2px 0px;
	width: 175px;
	height: 18px ;
	background: #f1f1f1;
	border : 1px solid #ccc;
	display: inline-block;
	float:right;
}
#id #id_pwd input:focus {
	border : 1px solid #000;
	background: #ffffff;
}
#id #id_pwd select {
	font: normal 12px ScalaSans,Arial, Helvetica, sans-serif;
	width: 177px;
	height: 19px;
	display: inline-block;
	float:right;
}

/** Langue **/

#id #id_pwd select#lang, #id #id_pwd label#langlabel { display:block; }

/** Mot de passe oubli� **/

#id #id_forget {
	margin-top:5px;
	float:left;
	clear:both;
}

/** Identifiant ou mot de passe incorrect **/

#id .important {
    position: absolute;
	top: 30px;
	left: 50px;
    color: #C00;
	clear:both;
	font-weight: bold;
}

/** Bouton ok **/

#id #id_ok { 
	position:relative;
	float:right;
	margin-top:5px;
	display:block;
	width: 42px;
	height: 17px;
}
#id #id_ok div#id_ok_color {
	background-color: #AB8345;
	position: absolute;
	top:4px;
	left:27px;
    height: 9px;
    width: 9px;
}
#id #id_ok div#id_ok_input {
	position: absolute;
}
#id #id_ok div#id_ok_input input{
	width: 42px;
	height: 17px;
	border: 0px;
	padding: -10px;
}

/** Powered By Oodrive **/

#poweredByOodrive {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 10;
}

/** Classe n�cessaire au script full_screen_bg.js **/

img.superbg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}