root {display: block;}
*{font-family: Arial;font-size : 1em;}
html, body {margin: 0;padding: 0;background-color:#eeeeee;}
a img{border: none;} 
.site{position:absolute;left: 50%;top:0;width:50em;margin-top:0;margin-left:-25em;background-color: #ffffff;height:35em;}
.page{height:auto;}
.titre{color:#ffffff;font-size:1.5em;text-align:left;background-color:#ED7900;height:2em;top:0.5em;padding: 0.3em 0 0 1em;}
.sub_titre{color:#EEEEEE;font-size:1em;left:1.8em;position: absolute;top: 2em;}
.copyright{color:#ED7900;font-size:0.7em;height:1.2em;text-align:center;position:relative;bottom:1.2em;}
.contenu{margin:0.5em 0.5em 0;text-align:center;overflow: auto;background-color:#ffffff;border-style:solid solid solid solid;border-width:0.1em;border-color:#eeeeee;padding-top:1em;height:29em;}
.contenu.force8{background-image:url('../images/authentification.png');background-repeat: no-repeat;background-position:20px 20px;}
.footer{bottom:1.5em;color:#AAAAAA;font-size:0.7em;position:relative;left:0;text-align:center;}
#smartcard{text-align:left;background-image:url('../images/smartcard.jpg');background-repeat: no-repeat;height:16.5em;margin-left:12em;margin-top:3em;}
#smartcard span{font-weight:bold;font-size:1.5em;line-height:3em;color:#ED7900;left:1.3em;position:relative;top:8em;}
.button {border:0.07em solid #ED7900;background:#eeeeee;padding:0.7em;color:#7F7F7F;font-weight:bold;filter:chroma(color=#000000);}
.button[disabled] {border:0.07em solid #adb9c0;color:#cccccc;}
.button:hover {border-left:0.07em solid #eeeeee;border-top: 0.07em solid #eeeeee;border-right:0.07em solid #aaaaaa;border-bottom:0.07em solid #aaaaaa;background:#dddddd;color:#ED7900;cursor:pointer;}
.button[disabled]:hover {border:0.07em solid #adb9c0;background:#eeeeee;color:#cccccc;cursor:default;}
label, select, button ,input{vertical-align:middle;}
/*.label{float: left;left:8em;min-width:11em;position:relative;top:0.6em;text-align:right;}*/
.label{float: left;position:relative;text-align:right;width:40%;padding:0.75em;margin-top:0.5em;}
input.text, input.saisie{margin:1em 0.5em 0.5em 0;width:18em;position:relative;float:left;}
input.text, input.saisie {background:none repeat scroll 0 0 #F6F6F6;border:0.1em solid #DDDDDD;padding:0.2em;}
input.text:focus, input.saisie:focus {background:none repeat scroll 0 0 #FFFFFF;}
input.text:hover,input.saisie:hover {border:0.1em solid #BBBBBB;}
input.saisie[readonly="readonly"]{ background:none repeat scroll 0 0 #BBBBBB;}
input.saisie {font-size:1em;}
select{margin:0.5em 0.5em 0.5em 0;width:18em;}
select {background:none repeat scroll 0 0 #F6F6F6;border:0.1em solid #DDDDDD;padding:0.2em;}
select:focus {background:none repeat scroll 0 0 #FFFFFF;}
select:hover {border:0.1em solid #BBBBBB;}
option:disabled {background-color: #000000;color:#ff0000; }
.submit{padding:0.7em 0;width:96%;left:1em;position:relative;float:left;}
#certificat_info{padding:0.7em 0;width:100%;left:0;position:absolute;bottom:3em;}
#certificat_renew{padding:0.7em 0;width:100%;left:0;position:absolute;bottom:1.5em;}
.info{padding:1em 0.7em 0.4em;text-align:center;width:47em;float:left;height:2em;}
.info.msg{color:#FF6666;font-style:italic;padding-top:4px;padding: 1em 0.7em 0.4em;}
#login_retry{padding:1em 0.7em 0.4em;text-align:center;height:2em;}
#login_message{padding:0em 0.7em 0.4em;text-align:center;height:2em;}
.erreur{padding:2em 0 2em;text-align:center;color:#ff0000;}
.img_simple.disconnect{height:140px;}
.img_simple.connect{height:140px;}
.img_simple.newcert{background-image: url("../images/authentification.png");background-position: center center;background-repeat: no-repeat;height:128px;}
.img_simple.otp{background-image: url("../images/otp.gif");background-position: center center;background-repeat: no-repeat;height:128px;}
.img_simple.error{background-image: url("../images/erreur.gif");background-position: center center;background-repeat: no-repeat;height:128px;}
.img_simple.maintenance{background-image: url("../images/maintenance.gif");background-position: center center;background-repeat: no-repeat;height:128px;}
.img_simple.ok{background-image: url("../images/ok.gif");background-position: center center;background-repeat: no-repeat;height:128px;}
/* Clavier code pin */
.keyboard{background-color:#ffffff;border-left:0.07em solid #eeeeee;border-top: 0.07em solid #eeeeee;border-right:0.07em solid #aaaaaa;border-bottom:0.07em solid #aaaaaa;width:15em;padding:0.5em;float:left;margin-left:15.6em;}
.bottom{background-color:#ffffff;margin:0 auto;padding-top:0.5em;float:left;width:100%;}
.screen{background-color:#f6f6f6;padding-top:0.4em;border: 0.1em solid #aaaaaa;height:3.5em;text-align:center;}
.scr_consigne {text-align:center;font-family:arial;font-size:0.8em;color:#ff0000;}
.pave {padding-top:0.5em;float:left;padding-left:3em;}
.line {float:left;}
.key{margin: 0.1em;padding: 0.6em;width: 1.5em;font-weight: bold;border-radius: 10px 10px 10px 10px;float:left;}
.key.vide{border:0.07em solid #ADB9C0;color:#cccccc}
.key.active{text-align: center;border:0.07em solid #ED7900;color: #7F7F7F;background-color: #eeeeee;}
.key.unactive{text-align: center;border:0.07em solid #adb9c0;background:#eeeeee;color:#cccccc;cursor:default;}
.key.active:hover {border-left:0.07em solid #eeeeee;border-top: 0.07em solid #eeeeee;border-right:0.07em solid #aaaaaa;border-bottom:0.07em solid #aaaaaa;background:#dddddd;color:#ED7900;cursor:pointer;}
#codepin{color:#ED7900;font-size:2em;width:2.5em;background-color:#f6f6f6;border-style:none;width:98%;text-align:center;}
/* page de menu */
.menu{margin:1em 0 0 2.5em;}
.menu_item{border:0.1em solid #ffffff;float:left;height:9.5em;margin:0.5em;position: relative;width: 10em;background-color:#dddddd;}
.menu_item_g{border:0.1em solid #ffffff;float:left;height:9.5em;margin:0.5em;position: relative;width: 10em;background-color:#dddddd;opacity:0.4;filter:alpha(opacity=40);}
.menu_item:hover{cursor:pointer;border:0.1em solid #ED7900;background-color:#eeeeee; }
.menu_item_g.m1,.menu_item.m1{background-image: url("../images/tiers.gif");background-position: center center;background-repeat: no-repeat;}
.menu_item_g.m2,.menu_item.m2{background-image: url("../images/cps.gif");background-position: center center;background-repeat: no-repeat;}
.menu_item_g.m3,.menu_item.m3{background-image: url("../images/cp.gif");background-position: center center;background-repeat: no-repeat;}
.menu_item_g.m4,.menu_item.m4{background-image: url("../images/nominatif.gif");background-position: center center;background-repeat: no-repeat;}
.menu_item_g.m5,.menu_item.m5{background-image: url("../images/collectif.gif");background-position: center center;background-repeat: no-repeat;}
.menu_item_g.m6,.menu_item.m6{background-image: url("../images/automate.gif");background-position: center center;background-repeat: no-repeat;}
.menu_item_g.m7,.menu_item.m7{background-image: url("../images/anonymous.gif");background-position: center center;background-repeat: no-repeat;}
.menu_item_g.m8,.menu_item.m8{background-image: url("../images/contrappel.gif");background-position: center center;background-repeat: no-repeat;}
.menu_item_g.m9,.menu_item.m9{background-image: url("../images/simple.gif");background-position: center center;background-repeat: no-repeat;}
/*login spécifique*/
.lost_password{display:none;}
.lost_password.force8{display: block;float: left;position: relative;width: 47em;}
.lost_password.force128{display: block;float: left;position: relative;width: 47em;}
/* totp progress bar*/
#totp_progress {position:absolute;display:none;float:left;left:419px;top:316px;width:220px;height:24px;background-color:#bbbbbb;}
#totp_bar {position:absolute;width:120px;height:23px;background-color:forestGreen;top:0px;opacity:0.5;}
#totp_sec{width:100%;text-align:center;color:#000000;line-height:24px;}
/* popup autre code*/
#otp_choice{background-color:#e0e0e0;position:absolute;-moz-box-shadow:8px 8px 12px #aaa;-webkit-box-shadow: 8px 8px 12px #aaa;box-shadow:8px 8px 12px #555;height:230px;left:240px;position:absolute;width:320px;top:212px;}
#otp_choice p{background-color:#ed7900;color:#ffffff;font-size:18px;margin:0;padding:4px;text-align:center;}
#otp_choice img{background-color:#eeeeee;padding:10px;cursor:pointer}
#otp_choice img:hover{background-color:#dddddd;padding:10px;}
/* bouton recevoir un code*/
/*#otp_ask{position:absolute;left:125px;bottom:124px;}*/
#otp_ask{position:absolute;right:155px;bottom:216px;height:32px;padding-top:5px;font-size:14px;}
.input{width:50%;position:relative;float:left;text-align:left;margin-top:0.5em;}
/* Password strength */
#password-strength{display:block;}
.pwd_strength-bar{background:#f6f6f6;width:294px;position:relative;margin-top:0.5em;min-height:27px; border:1px solid #ddd;}
.pwd_strength{color: #fff;text-indent:0.5em;display: block;min-width: 20%;transition: all 0.2s ease;line-height:27px;}
.pwd_strength-weak{background:#bf360c;}
.pwd_strength-medium{background:#f57c00;}
.pwd_strength-good{background: #7cb342;}
.pwd_strength-strong{background: #558b2f;width: 100% !important;}
.pwd_strength-nothing{display:none;}
#in_hidden{height:0.5em;}