@charset "utf-8";
/* CSS Document */

a:link {	color: #336699;}
a:visited { color: #999999;}
a:hover { color: #7799BB;}
a:active { color: #999999;}

BODY {
	font-family: Arial Bold, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background-color: #f7f6ec;
    text-align: center;
}

BODY, DIV, H1, H2, H3 , P{
    padding: 0;
    margin: 0;
}

DIV {
    padding: 0px;
}

IMG{ 
	border: 0;
	vertical-align: top;
}  

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
	width: 470px;
}

P.remember{
	font-family: Arial Bold, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
    text-align: left;
	padding-top:10px;
	padding-bottom:12px;
}

P.forgot{
	font-family: Arial Bold, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 232px;
    text-align: center;
}

.lefttext{
	padding-bottom:12px;
	font-family: Arial Bold, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding-right: 8px;
	font-weight: bold
}

#container {
    text-align: center;
    background-color: #fff; 
    margin: 100px auto;
    width: 470px;

	
	/* Tweak pour docker le footer */
	overflow: hidden; /* Retire l'overflow dans IE */
	min-height:325px; /* Firefox Only */
	height:expression(document.body.clientHeight > 1? "325px": "auto" ); /* IE only */

}

#header {
	text-align: center;
	margin: 0 0 0 0;
	height: 51px;
}

#fade{
	margin: 0 0 0 0;
	height: 14px;
}

#content-left {
	padding-top: 10px;
	text-align: right;
    float: left;
    width: 170px;
    background-color: white;
	height: 210px;
	margin: 0 0 0 0;
}

#content-right {
    float: left;
	padding-top: 10px;
    background-color: white;
	height: 210px;
}

#support {
    margin: 0px 0 0;
    clear: both;
	min-height:48px; /* Firefox Only */
	height:expression(document.body.clientHeight > 1? "48px": "auto" ); /* IE only */
	overflow: hidden;
}

#footer {
    background-color: #5C5C5C;
	height: 7px;
    clear: both;
	overflow: hidden;
}

.invalidText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left:4px;
	font-size: 10pt;
}

.pageHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
}

.SignInError {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#dd6600;
	font-weight:bold;
	font-size: 10pt;
	padding:4px;
	border:solid 1px #ff0000;
}

.title {
	color: #ffffff;
	font-size:26px;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.SignIn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color: #666666;
}


#container form div {
        clear: left;
        display: block;
        width: 354px;

}
