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;}
.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:5em;}
#smartcard span{font-weight:bold;font-size:1.5em;line-height:3em;color:#ED7900;left:1.3em;position:relative;top:8em;}
#breadcrumb{padding-left:1.2em;height:2.5em;}
.column {float:left;margin-right:0em;}
.column span{font-size:1.1em;line-height:1.5em;padding-left: 1em;}
.bc{border:0;width:125px;height:30px;color:#aaaaaa;background:transparent url('../images/etape.png');}
.bc.selected{background-position:0 -60px;}
.bc.current{background-position:0 -30px;color:#ED7900;}
.consigne{color:#000000;font-size:1.5em;padding:0.5em 0 1em;}
.choix_comment{padding:0.2em 0 0.6em;}
#choix_left{width:24em;float:left;cursor:pointer;} 
#choix_right{width:24em;float:right;cursor:pointer;} 
#left_img{background-image:url('../images/cps.jpg');background-repeat: no-repeat;background-position: center;height:14em;}
#right_img{background-image:url('../images/logo.jpg');background-repeat: no-repeat;background-position: center;height:14em;}
#shadow1,#shadow2{display: none;}
#shadow1{display: none;background-image:url('../images/shadow1.jpg');background-repeat: no-repeat;background-position: center;float:left;width:24em;}
#shadow2{display: none;background-image:url('../images/shadow2.jpg');background-repeat: no-repeat;background-position: center;float:left;width:24em;}
.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;}
.info{padding:1em 0.7em 0.4em;text-align:right;width:38em;float:left;height:2em;}
.info.w34{width:34em;}
.info.w36{width:36em;}
.info.w36.captcha {height:3em}
.info.w36.captcha label{}
.info.w36.captcha input{width:3.5em}
.info.w42{width:42em;}
.info span{font-style:italic;color:#adb9c0;font-weight:bold;text-decoration:underline;}
.submit{padding:0.7em 0;width:100%;left:0;position:absolute;bottom:2em;}
.loading{left: 0;padding: 0.7em 0;width: 49em;position:absolute;top:17em;background-image:url('../images/loading.gif');background-repeat: no-repeat;background-position: center;}
.info2{float:left;line-height:2em;padding:3em 6em;text-align:left;width:36em;}
.tag,#ActiveXEnroll{height:1.6em;padding:0.6em;text-align:left;float:left;width:2em;margin:0;}
label, select, button ,input{vertical-align:middle;}
input.text, input.saisie{margin:0.5em 0.5em 0.5em 0;width:18em;}
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 {font-size:1em;}
/* pour modalbox et errorbox */
div.superpose{width:50em;height:35em;margin:auto;position:absolute;top:0;left:0;background-image:url('../images/voilenoir.png');}
div.modalbox {background-color:#ffffff;border-style:solid;border-width:0.1em;border-color:#999999;text-align:center;position:absolute;}
.submitbox{padding:0.7em 0;width:100%;position:absolute;bottom:0em;left:0em;}
.bandeau{background-color:#ED7900;height:1.8em;padding:0.3em 0.2em 0 0;}
div.ombre {position:absolute;background-image:url('../images/voilenoir.png');}
.bandeau img{position:relative;cursor:pointer;float:right;}
.message{height:3.8em;}
.title1{color:#ffffff;font-size:1.2em;float:left;}
#erreur{font-style: italic;color: #ff0000;}
#no_java{background-color: #ffffff;margin-left: 5px;color:#ff0000;font-weight:bold;}
/* 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;}
#silent{background-color: #ffffff;height:100%;position:absolute;text-align: center;width:100%;}
#silent_link{bottom:-30px;position:relative;text-align:center;}