root {display: block;}
*{font-family: Arial;font-size : 1em; color:#505050;}
html, body {margin: 0;padding: 0;background-color:#eeeeee; background-image:url(../images/fond-md-003.jpg); background-size:100%;}
a img{border: none;} 
.site{position:absolute;left: 50%;top:50px;width:50em;margin-top:0;margin-left:-25em;background-color: #ffffff;}
.main{margin-left: -350px; width: 600px; padding: 5px 50px; background: none repeat scroll 0px 0px rgba(255, 255, 255, 0.95); position: absolute; left: 50%; top: 50%;height:39em;}
.page{height:auto;}
.header{ width:100%; height:70px; padding:25px 0px;}
.global{ margin-top:30px; margin-bottom:50px;height:21em;min-height: 21em;}
.g-logo{ float:left; margin-top:15px;  border-right:1px solid #ED7900; padding-right:15px;}
.sepa{ padding-left:20px; float:left;}
.titre{color:#505050;font-size:17px; margin-top:20px; height:20px; display:none;}
.sub_titre{color:#ED7900;font-size:17px; margin-top:40px; height:20px;}
.copyright{color:#ED7900;font-size:0.7em;left:0px;position:absolute;bottom:2em;}
.contenu, .footer, .copyright, .img_simple , .info, .info.msg , .submit , #loginform, #lost_password, #certificat_info, #certificat_renew  { width:100%; text-align:center; margin-bottom:20px; }
.contenu{ display:inline-block; margin-bottom:50px;}
.contenu.force8{background-image:url('../images/authentification.png');background-repeat: no-repeat;background-position:20px 20px;}
#loginform{ display:inline-block;}
.footer{ display:none; bottom:6em;color:#AAAAAA;font-size:0.7em;position:absolute;left:0;text-align:center; margin: 0 60px;width:auto;}
#smartcard{text-align:left;background-image:url('../images/smartcard.jpg');background-repeat: no-repeat;height:16.5em;margin-left:6em;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 { width:136px; height:32px; padding:0; border:1px solid #ED7900; color:#ED7900; background-color:#FFF; font-weight:normal; cursor:pointer;}
.button:hover {color:#505050;}
label, select, button ,input{vertical-align:middle;}
.label{float: left;width:165px;text-align: left;margin-left:35px;margin-top: 5px;}
input.text, input.saisie{margin:0.5em 0.5em 0.5em 0;width:300px; margin-right:40px;}
input.text, input.saisie {background:none repeat scroll 0 0 #FFFFFF;border:0.1em solid #ED7900;padding:0.2em; height:25px;}
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 2.5em 0.5em 0;width:310px;}
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{bottom:10.5em;margin:0;padding:0.7em 0;position:absolute;width:85%;}
#certificat_info{font-size: 0.8em;padding:1.5em 0;width:100%;left:0;position:absolute;bottom:6.5em;}
#certificat_renew{font-size: 0.8em;padding:1.5em 0;width:100%;left:0;position:absolute;bottom:5em;}
.info{text-align:center;width:100%;float:left;height:47px; line-height:32px; margin-bottom:0;}

.info.msg{color:#FF6666;font-style:italic;padding-top:4px;}
#login_retry{ margin-bottom:30px;}
#login_message{padding:0 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;}

.auth_faible{display:none;}
.auth_faible.force16{bottom:9.5em;display:block;position:absolute;width:38em;}
.auth_faible.force128{bottom:9.5em;display:block;position:absolute;width:38em;}

/*Ajout d'utilisateur IDS_TRUST*/
.add_user{display:none;}
.add_user.force16{display: block;float: left;position: relative;width: 47em;}

#safari{bottom: -57px;display:none;font-size:0.8em;position:relative;}

.browser{ position:fixed; top:0; width:100%; background:rgba(45,43,43,0.7);}
.browser p{ background-image:url(../images/icon_why.png); background-repeat:no-repeat; background-position:12px center; background-size:25px 25px; color:#FFF; width:auto; float:left; padding-left:40px; margin:9px 0;}
.browser .R{ float:right; height:35px; line-height:35px;}
.browser button{ width:53px; height:27px; margin:0 20px; cursor:pointer;}
.browser button a{ text-decoration:none;}
.browser button:last-child{ margin-left:0px;}