#login {/*min-height: 100%;*/ padding-top: 220px;}
.logo_client {position: absolute; top: 30px; left: 30px; padding: 50px;background: url(../../dbimages2/logo_login.png) no-repeat;width: 380px; }

.bandeau-connexion {padding-top: 50px; /*min-height: 392px;*/}

/* ".logoproduit" en remplacement de ".bienvenue" de klee */
#login{min-width: 830px; /*min-height: 600px;*/ overflow: auto;}
.bandeau-connexion .logoproduit {display: none; width: 380px; padding: 23px 0 0 30px; font-weight: 300; font-size: 5em; color: #828898; line-height: 0.8em; vertical-align: top;}
.bandeau-connexion .logoproduit span > span {display: block; padding-left: 64px; color: #bec0c7; font-family: 400; font-size: 0.34em;}
.bandeau-connexion .logoproduit img {margin-left: 30px;}

/*.connexion-box {display: inline-block; vertical-align: top; width: 395px; text-align: center; font-weight: 500; font-size: 1.32em;}*/

.connexion-box {
    display: inline-block;
    vertical-align: top;
    width: 400px;
    text-align: center;
    font-weight: 500;
    font-size: 1.32em;
    left: 50%;
    position: absolute;
    margin-left: -200px;
}



.connexion-box>span {color: #005faa; font-weight: 400; display: block;}
.connexion-box .row-boxes {margin-top: 10px; font-weight: 400; font-size: 0.75em;}
.connexion-box .row-boxes a {display: inline-block; text-align: left;float: left; text-decoration: none;}
.connexion-box .row-boxes .box {display: inline-block;  width: 175px; padding: 0; margin: 0 10px 0; min-height: 160px;} /* min-height => padding 0 pour IE8*/
.connexion-box .row-boxes .box{background: #fff; -moz-box-shadow: 0px 0px 8px 0px #d0cece;-webkit-box-shadow: 0px 0px 8px 0px #d0cece;-o-box-shadow: 0px 0px 8px 0px #d0cece;box-shadow: 0px 0px 8px 0px #d0cece;}
.connexion-box .row-boxes .box .libelle {background:url(../../dbimages2/bg_box.png) no-repeat left -7px;display: block; padding-left: 32px; color: #818796; text-transform: uppercase; line-height: 1.5em;  margin-top: 30px; margin-bottom: 20px; margin-left : 20px; margin-right: 20px;}
.connexion-box .row-boxes .box .libelle span {display: block; font-weight: 800; font-size: 2em; text-transform: none;}
.connexion-box .row-boxes .box .cadregris {background:#f5f5f5;padding:10px;display:inline-block;margin-left:20px;margin-right:20px;text-align:center;}

.connexion-box .row-boxes a:hover .box {background:#1a214d;}
.connexion-box .row-boxes a:hover .box .libelle {color: #fff; background-position: left -57px;}
.connexion-box .row-boxes a:hover .box .cadregris {background: #005faa;color: #fff;}

.numero-version {/*position: absolute; left: 20px; bottom: 10px; */}
.powered {display:none;position: absolute; right: 20px; bottom: 10px;}
.infobulle {width: 330px; padding: 20px; position: absolute;}
.infobulle1 {left: 480px; top:590px;}
.infobulle2 {left: 860px; top:300px;}
.infobulle .titre {background:url(../../dbimages2/picto_infobulle.png) no-repeat; padding-left: 34px; font-size: 1.3em; font-weight: 500; padding-bottom: 5px;}
.infobulle p {margin: 3px 0 0;}
.infobulle:before {content: " "; position: absolute;}
.infobulle1:before {background:url(../../dbimages2/infobulle_arrow_top.png) no-repeat; width: 30px; height: 19px; top:-18px; left: 50%; margin-left: -15px;}
.infobulle2:before {background:url(../../dbimages2/infobulle_arrow_left.png) no-repeat; width: 19px; height: 30px; top:50%; left: -17px; margin-top: -15px;}

.connexion-box .row-boxes:after {content: ' '; display: table; clear: both;}
.connexion-box .row-boxes .bigbox {text-align: left; width: 370px; margin: 15px 10px 0;}
.connexion-box .form {padding: 15px 15px 5px 15px}
.connexion-box .logonField {border: 1px solid #fff;  padding: 4px 9px; margin-bottom: 5px; background:#f5f5f5; width:100%;}
.connexion-box .submit {text-align:center;}
.connexion-box .initpwd {display:inline-block; margin:10px 0 15px; background:url(../../dbimages2/cadena.png) no-repeat; line-height:23px; padding-left:30px;}

#logon-error-message,#logon-info-message{padding-top: 10px; width: 400px; margin: auto;}
#logon-error-message{color: red}

.picto-auth-opt {background-image: url(../../dbimages2/picto_options_tiny.png);}

#logon-submit{
	padding: 5px;
	text-align: center;
}

#logon-toolbar-bottom{
	overflow: hidden;
}


#logon-forgotpwd{
	float: right;
	line-height: 24px;
}

#rememberpasswordlbl{
    float: left;
   	line-height: 24px;
}

#welcome_error_message {
	text-align: center;
	font-weight: 500; font-size: 1.32em;
	color: red;
}

#logoutpage .connexion-box{
	font-size: 1em;
	padding-top: 80px;
}

.choice {color: #bec0c7;font-size: 1.75em;}

.connexion-box .row-text {margin-top: 10px;font-weight: 400; font-size: 0.75em;}

#term-of-use {
    line-height: 30px;
    color: darkslategray;
    position: absolute;
    bottom: 24px;
    font-weight: 800;
    font-style: italic;
    width: 100%;
    text-align: center;
}

.version
{
    position: absolute;
    background-color:#1a214d;
    width: 100%;
    height: 24px;
    border: none;
    margin: 0;
    padding: 0;
    color: white;
    box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;	
	font-weight: bold;
	text-transform : uppercase;
	bottom: 2px;
	vertical-align: middle;
	text-align: left;
	padding-left: 24px;
	line-height: 2;
	
}