body{
     background:black;
     color:white;
     font-family:"Arial";
}
    #clock{
           border:1px solid white;
           padding:6px;
           font-size:32pt;
           text-align:center;
    }
    td{
         border:none;
         width:38px;
         height:32px;
         padding:0px;
         font-weight:normal;
         color:#575757;
    }
    #AM, #PM{
         border:none;
         width:38px;
         height:32px;
         padding:0px;
         font-weight:normal;
         font-size:12pt;
         color:#575757
    }

@media handheld and (max-width: 240px) {
    #clock{
           font-size:16pt;
    }
    td{
         width:19px;
         height:16px;
    }
    #AM, #PM{
         width:19px;
         height:16px;
         font-size:8pt;
    }
}
@media screen and (max-width: 640 px) {
    #clock{
           font-size:64pt;
    }
    td{
         width:76px;
         height:64px;
    }
    #AM, #PM{
         width:76px;
         height:64px;
         font-size:12pt;
    }
}

#montre{
    display:none;
    float:left;
    width:100px;
    height:26px;
    color:#575757;
}
#pied{
      clear:both;
      align:left;
}

#h2412{
       border:1px solid white;
       
}