@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local('Oswald Light'), local('Oswald-Light'), url('Oswald-Light.woff') format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url('Oswald-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url('Oswald-Bold.woff') format('woff');
}

root {display: block;}
*{font-family: Arial;font-size : 1em;}
html, body {margin: 0;padding: 0;background-color:#ffffff;}
a img{border: none;} 
.site{}
.global{}
.page{height:100%;margin-left:auto;margin-right: auto;width:1000px;}
.titre{height:172px;}
div#logo {left:20px;margin:0 auto;position:relative;top:20px;width:1000px;}
.sub_titre{height:100px;color: #505050;text-align:center;background-color: #F0F0F0;}
.sub_titre_label{font-family: Oswald;font-size:20px;margin:0 auto;padding-left:44px;padding-top:35px;position:relative;text-align:left;width: 50em;}
.copyright{color:#AAAAAA;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;padding-top:1em;height:34em;}
.contenu.force8{background-image:url('../images/authentification.png');background-repeat: no-repeat;background-position:0 100px;}
.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:17em;margin-top:3em;}
#smartcard span{font-weight:bold;font-size:1.5em;line-height:3em;color:#931139;left:1.3em;position:relative;top:8em;}
.button {filter : alpha(opacity=80);opacity: 0.8;font-family:Oswald;font-size:16px;font-weight:200;border: 1px solid #DADFEA;border-radius: 8px;background:#DF7C09;padding:0.7em;color:#ffffff;font-weight:200;}
.button[disabled] {color:#ffffff;}
.button:hover {filter : alpha(opacity=100);opacity: 1;cursor:pointer;}
.button[disabled]:hover {background:#eeeeee;color:#cccccc;cursor:not-allowed;}
label, select, button ,input{vertical-align:middle;}
.label{float: left;position:relative;top:0.6em;text-align:right;width:40%;margin-right:1em;}
input.text, input.saisie{margin:0.5em 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;}
.submit{height:4em;position:relative;float:left;width:100%;z-index:1000;}
#certificat_info{padding:0.7em 0;width:100%;left:0;position:absolute;top:48em;margin:0;}
#certificat_renew{padding:0.7em 0;width:100%;left:0;position:absolute;top:50em;margin:0;}
.info{padding:1em 3em 0.5em;text-align:center;width:54em;float:left;height:3em;}
.info.msg{color:#FF6666;font-style:italic;padding-top:4px;position:relative;}
#login_retry{padding:1em 0.7em 0.4em;text-align:center;height:2em;}
#login_message{color:#505050;font-size:38.5px;padding:16px 0 0 10px;text-align:left;font-family:Oswald;font-weight:normal;}
.erreur{padding:2em 0 2em;text-align:center;color:#ff0000;}
.img_simple.disconnect{height:140px;}
.img_simple.connect{height:140px;}
.img_simple.ok{background-image: url("../images/ok.gif");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;}
/* 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:21em;}
.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 7.5em;}
.menu_item{border:0.1em solid #ffffff;float:left;height:9.5em;margin:0.5em;position: relative;width: 10em;background-color:#f9ecdf;}
.menu_item_g{border:0.1em solid #ffffff;float:left;height:9.5em;margin:0.5em;position: relative;width: 10em;background-color:#f9ecdf;opacity:0.4;filter:alpha(opacity=40);}
.menu_item:hover{cursor:pointer;border:0.1em solid #931139;background-color:#FAF3EB; }
.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: 61em;}
/*Authentification faible*/
.auth_faible{display:none;}
.auth_faible.force256{display: block;float: left;position: relative;width: 61em;}
#help{filter : alpha(opacity=50);opacity: 0.5;background-image:url("../images/gcssupport.png");background-repeat:no-repeat;cursor:pointer;height:80px;position:absolute;top:11px;right:0px;width:80px;}
#help:hover  {filter : alpha(opacity=100);opacity: 1;}
#help.nohelp {display:none;}
/* totp progress bar*/
#totp_progress {position:relative;display:none;left:435px;top:10px;width:220px;height:25px;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;position:absolute;}
/* popup autre code*/
#otp_choice{background-color:#f0f0f0;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:45%;width:320px;top:45%;}
#otp_choice p{background-color:#931139;color:#ffffff;font-size:18px;margin:0;padding:4px;text-align:center;}
#otp_choice img{background-color:#f9ecdf;;padding:10px;cursor:pointer;border: 0.1em solid #f0f0f0;}
#otp_choice img:hover{background-color:#FAF3EB;padding:10px;border: 0.1em solid #931139;}
/* bouton recevoir un code*/
#otp_ask{position:relative;right:-148px;bottom:175px;height:34px;padding-top:4px;font-size:14px;}
#in_hidden{display:none !important}
.input{width:50%;position:relative;float:left;text-align:left;}
/* 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;}