html, form {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; height:100%; border:none; overflow-y:auto; color:#303f48}
.backgroundConnection {background:#FFFFFF}
#connexionMainContent {position:relative; left:50%; top:50%; border-color:#303f48; border-width:1px; border-style:solid}
#connexionMainContent {box-shadow:5px 3px 10px #888888}
#connexionMainContent {margin-left:-270px; margin-top:-220px; width:550px; height:220px; background-color:#1E0087}
#connexionMainContent LABEL {float:left; width:9em; margin-right:0em; padding-top:4px; color:#ffffff}
#connexionMainContent H1, #infoMainContent H1 {margin:5px 0px 30px 0px; padding:0px; color:#ffffff; font-size:14px}
#connexionMainContent .leftPanel {height:200px; width:240px; float:left; padding:10px; background:#FFFFFF no-repeat}
#connexionMainContent .rightPanel {width:260px; height:210px; float:left; margin-left:15px}
.gfiWhiteAccueil {height:60px; width:132px; background:transparent url("/img/accueil/gfd-logo_bleu.svg") no-repeat; display:inline-block}
.backgroundMetier {background:url("/img/accueil/background-metier.png")  no-repeat; background-size:250px150px; height:150px; width:250px}
.version, #lib_version {color:#303f48; font-weight:bold; font-size:14px}
.numVersion {color:#1E0087; font-size:14px; font-weight:bold; display:inline-block; vertical-align:middle; width:100px; height:60px; padding-bottom:3px; white-space:nowrap}
#hlConnexion {margin-left:85px; font-size:16px; font-weight:bold; color:#ffffff; text-decoration:none; border-bottom-width:0px; border-color:#ffffff}
#hlConnexion:hover {text-decoration:none; border-bottom-width:1px; border-bottom-style:solid}
.copyright {color:#ffffff; font-size:11px}
.hlGris {color:#a8a8a8; text-decoration:none; border-bottom-width:0px; border-color:#a8a8a8; margin-right:20px}
.hlGris:hover {text-decoration:none; border-bottom-width:1px; border-bottom-style:solid}
input {width:140px}
select {width:145px}
#show_pass_button {width:30px; outline:none; border:none; cursor:pointer; text-indent:-9000px}
.input-password{position:relative}
.input-password > button {position:absolute; right:0.5em; top:0.3em}
input::-ms-reveal, input::-ms-clear {display:none}
.icon-eye {position:absolute; right:11px; width:14px; height:14px; background:url('/img/accueil/eye.svg') 0 -14px no-repeat; top:0; bottom:0; margin:auto; opacity:.4; cursor:pointer}
.icon-eye.icon-eye-slash { background-position:0 0}
#info {margin-top:15px; position:absolute;top:50px;z-index:1;font-weight:bold;color:red;font-size:12px}
.compagny {position:absolute; bottom:0px; background:transparent no-repeat center / 220px; width:220px; height:45px}