@charset "UTF-8";
/* CSS Document */
body {  text-align:center;}
#page {margin: 0 auto; max-width: 414px; font-family:Verdana, Geneva, sans-serif;  border:1px solid #CCC; padding:20px;}
#login { text-align:left;}
#profil { width:96%;  border:1px solid #000; text-align:center; padding:5px; }
#horloge {padding-top:2px;  text-align:center; font-size:2em; min-height:40px; background-color:#000; color:#66ffff; }
#frmEMP button {  font-size:2em; }
#frmEMP input {  font-size:2em; width:100%; text-align:center; }
#punch_in {  color:#fff; background-color:#063; width:100%;}
#punch_out {  color:#fff; background-color:#C30; width:100%;}
#punch_quit { color:#fff; background-color:#06C; width:50%;}
hr { visibility:hidden; clear:both;}
#msgbox { color:#C00; margin-bottom:20px;}

@media only screen and (min-width: 500px) {
    #page {
        width:100%;
    }
}