root {display: block;}
*{font-weight:400;color:#00000099;font-size : 1em;}
html, body {margin: 0;padding: 0;background-color:#eeeeee;}
a img{border: none;} 
.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{font-size: 2em;color: #3661A1;}
.copyright{left: 40%;color:#2196f3;font-size:0.7em;height:1.2em;text-align:right;position:absolute;right:0.5em;bottom:0em;}
.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:-2.6em;width:400px;}
#smartcard span{font-weight:bold;font-size:1.5em;line-height:3em;color:#2196f3;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;} 
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; }
#certificat_info{padding:0.7em 0;width:320px;position:relative;}
#certificat_renew{padding:0.7em 0;width:320px;position:relative;}
.info {margin-top: 2em;margin-bottom: 2em;}
.info.msg{color:#FF6666;font-style:italic;padding-top:4px;}
#login_retry{padding:1em 0.7em 0.4em;text-align:center;height:2em;}
#login_message{padding:1em 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/error.png");background-position: center center;background-repeat: no-repeat;height:10em;background-size: auto;}
.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;position: relative;}
/* totp progress bar*/
#totp_progress {position:absolute;display:none;float:left;width:320px;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{font-size:14px;}
.site{overflow: auto; height: 100%;width: 100%;position: absolute; color:#000;background-color:#fff !important;background-image: url("../images/haloa_device.png"), url("../images/sleepinnov.png"), url("../images/haloa_title.png");background-repeat:no-repeat;background-position:left bottom,100% 98%,50% 5%;background-size:35%,15%,25%;font-family:Roboto,sans-serif;text-rendering:optimizeLegibility;word-break:normal;overflow-wrap:break-word;color:#000000de}
.contenu{text-align:center;margin:15% auto;max-width:21em;background-color: white !important;height:5em;}
p.title{font-size:1.5rem!important;font-weight:400;line-height:2rem;letter-spacing:normal!important;font-family:Roboto,sans-serif!important}
label{margin-top:10px;display:block;text-align:left;font-size:16px;min-height:8px;transition:.3s cubic-bezier(.25,.8,.5,1);font-weight:400;color:#00000099}
input{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;line-height:20px;padding:8px 0 8px;max-width:100%;min-width:0;width:100%;background-color:transparent;border-style:hidden;border-bottom:groove #00000099;outline:0;border-bottom-width: 1px;}
input:active,input:focus{border-color:transparent;border-bottom:groove #1976d2;outline:0}
.button{margin:10px;background-color:transparent;width:auto;border:none;color:#2196f3;padding:10px;text-align:center;text-decoration:none;font-size:16px;cursor:pointer;border-radius:4px;text-transform:uppercase;font-weight:500;letter-spacing:.0892857143em}
.button[disabled]:hover{background-color:transparent !important;}
.button:focus,.button:hover{background-color:#1874cf49;outline:0;border-style:hidden;color:#2196f3;}
.button:active{background-color:#1874cf8c;outline:0;border-style:hidden;color:#fff;}