/* RESET --------------------------------- */
/* reset some properties for elements since defaults are not crossbrowser - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

/* browser default font-size is 16px which is too big so we make it 16px x 62.5% = 10px
    body {font:normal 400 62.5%/1.0 Verdana, sans-serif; min-width:960px; background:#fff; color:#333;}
*/

/*
 - used to clear or contain floats within a non-floated container
 - this ruleset is used by UAs that handle :after - not IE - see ie_cas.css for IE fix
http://www.positioniseverything.net/easyclearing.html and http://www.ejeliot.com/blog/59 */
#header:after, #content:after, #footer:after, .clearfix:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}


/* HEADER --------------------------------- */
#header {position:relative; top:0; left:0; padding-top:52px; background:#fff url(../images/ja-sig-logo.gif) no-repeat scroll 25px 10px;}
#header h1#app-name {clear:both; padding:0 0 0 25px; background:#210f7a; color:#fff; font:normal 400 2.8em/2.5em Georgia,"Times New Roman", serif;} /* d21033 */

/* CONTENT --------------------------------- */
#content {clear:both; padding:1px 0; margin:0 0 2em;}
#content h2 {margin:0 0 .5em 0; font-size:1.3em; font-weight:400; color:#000; xborder-bottom:1px solid #eee; padding:3px 0; xletter-spacing:-1px;}
#content h3 {font:1em arial, helvetica, sans-serif; font-weight:400;}

#content p {line-height:1.5; font-size:1.1em; padding:0 0 18px;}

/* FOOTER --------------------------------- */
#footer {clear:both; position:relative; margin:0 25px 1em; border-top:1px solid #ccc; padding:0 0 1px 0; background:transparent; color:#999; font-size:10px;}
#footer img#logo {position:absolute; right:0; top:0; margin-top:10px;}
#footer div {clear:left; margin:1em 5px .5em; overflow:hidden;}
#cas #footer p {margin:0 0 1em 0; padding:0;}

/* MESSAGES --------------------------------- */
.info, .errors, .success {clear:both; margin:18px 0; padding:20px 20px 20px 100px; font-size:10px; line-height:1.5;}
.info {border:1px dotted 008;    background:#eff url(../images/info.gif) no-repeat 20px 18px; color:#008;}
.errors {border:1px dotted #d21033; background:#fed url(../images/error.gif) no-repeat 20px 18px; color:#d21033; padding-bottom: 40px; margin:20px;}
.success {border:1px dotted #390; background:#dfa url(../images/confirm.gif) no-repeat 20px 18px; color:#390; margin:20px;}
#content .errors h2, #content .success h2 {font-family:Georgia,"Times New Roman",Times,serif; font-size:18px; line-height:48px; font-weight:400; margin:0 18px 0 0; padding:0;}
#content .success h2 {color: #008 !important;}
#content .errors h2 {color:#b00 !important;}
#content .success h2 {color:#060 !important;}


/* static messages */
#content #msg p {padding:0;}

/* FORMS --------------------------------- */
.fm-v div.row {float:left; margin:0; padding:.5em 0; width:100%;}
.fm-v div.row label {float:left; width:100%; line-height:1.5;}
.fm-v div.row input.btn-submit {display:block; margin:0;}


/* highlight errors */
input.error {background:#FFEFEF; color:#b00;}

/* mark as required */
.required {background:#ffd;}
.error {background:#ffefef;}
input.required {border-width:1px;}

/* Custom CSS - Team42*/
body{
    /*font:normal 400 62.5%/1.0 Verdana, sans-serif;*/
    font-family:Verdana, Geneva, sans-serif;
    margin:0;
}

.loginFormContainer{
    position:absolute;
}

.headerLeft{
    color:#0673c0;
    float:left;
    font-size:13px;
    font-weight:bold;
    margin-top:58px;
    margin-left:10px;
}

.headerRight{
    float:right;
    font-size:11px;
    font-weight:bold;
    margin-top:64px;
    margin-right:10px;
}

.headerRight a{
    color:#0673c0;
    text-decoration:none;
}

.headerRight a:hover{
    color:#238eda;
    cursor:help;
}

.tableauLoginHaut{
    background-image:url(../images/team42/login_02.gif);
    background-position:bottom;
    background-repeat:no-repeat;
    height:84px;
    min-width:700px;
    width:700px;
}

.tableauLoginBas{
    background-image:url(../images/team42/login_06.gif);
    background-position:top;
    background-repeat:no-repeat;
    height:175px;
    width:700px;
}

.tableauLoginGauche{
    background-image:url(../images/team42/login_01.gif);
    background-position:right;
    background-repeat:no-repeat;
    height:385px;
    width:525px;
}

.tableauLoginDroite{
    background-image:url(../images/team42/login_03.gif);
    background-position:left;
    background-repeat:no-repeat;
    height:385px;
    width:425px;
}

.tableauLoginMilieuGauche{
    background-image:url(../images/team42/login_04.gif);
    background-position:right;
    background-repeat:no-repeat;
    height:126px;
    vertical-align:top;
    width:371px;
}

.tableauLoginMilieuDroite{
    background-image:url(../images/team42/login_05.gif);
    background-position:right;
    background-repeat:no-repeat;
    height:126px;
    vertical-align:top;
    width:329px;
}

.formTable{
    font-size:12px;
}

.formTable th{
    color:#0673c0;
    font-weight:normal;
}

.forgotPassword a{
    color:#4d4d4d;
    font-size:10px;
    text-decoration:none;
}

.forgotPassword a:hover{
    color:#327c4d;
    font-size:10px;
}

.displayPassword{
    color:#4d4d4d;
    font-size:10px;
    text-decoration:none;
}

.displayPassword:hover{
    color:#327c4d;
    font-size:10px;
}

.separationVerticale{
    background-image:url(../images/team42/separation-verticale.gif);
    background-repeat:no-repeat;
    width:3px;
}

.features table{
    color:#7f7d7d;
    font-size:11px;
    margin-top:10px;
}

.inscription{
    font-size:12px;
    margin-left:20px;
    margin-top:35px;
}

.inscription a{
    color:#4d4d4d;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}

.inscription a:hover{
    color:#327c4d;
}

.boutonInscriptionLeft{
    background-image:url(../images/team42/boutonInscriptionLeft.png);
    background-position:right;
    background-repeat:no-repeat;
    height:36px;
    width:17px;
}

.boutonInscriptionBackground{
    background-image:url(../images/team42/boutonInscriptionBackground.png);
    background-repeat:repeat-x;
    height:36px;
    vertical-align:middle;
}

.boutonInscriptionRight{
    background-image:url(../images/team42/boutonInscriptionRight.png);
    background-position:left;
    background-repeat:no-repeat;
    height:36px;
    width:34px;
}

.relativeCenter
{
    text-align: center;
}

.btn-submit{
    font-size:13px;
}

.footerTeam42{
    background:transparent;
    border-top:1px solid #ccc;
    bottom:10px;
    clear:both;
    color:#999;
    font-size:10px;
    position:absolute;
    width:100%;
}

.footerTeam42 p{
    margin-right:15px;
    text-align:right;
}

.footerTeam42 a{
    color:#999;
}