/*[of]:body*/
body {
   width: 1000px;
}

/*[cf]*/
/*[of]:#keyboard-area*/
#keyboard-area {
   float: left;
}
/*[cf]*/
/*[of]:#input*/
#input-frame {
   /*background-color: #291729;*/
   padding: 11px;
   border-style: solid;
   border-width: 1px;
   border-color: #B09D8D;
   background-image: url(../style01/fond-clavier.png);
   background-position: center;
   background-repeat: no-repeat;
}

#input {
   display: block;
   width: 100%;
   padding: 0;
   font-family: "Arabic Transparent";
   font-size: 270%;
   text-align: right;
   height: 5em;
   margin-top: 0;
   border-style: none;
   background-color: transparent;
   color: #D1FFC8;
   scrollbar-highlight-color: #000000;
}
/*[cf]*/
/*[of]:table*/
#keyboard-area table {
   min-width: 0;
   /* Reset min-width given for page content */
   border-collapse: separate;
   margin-top: 0.7ex;
   margin-left: 0;
   margin-right: 0;
   margin-bottom: 1em;
}
/*[cf]*/
/*[of]:#misc-area*/
#misc-area {
   float: left;
   padding-left: 1em;
   width: 280px;
   vertical-align: middle;
}

/*[of]:#style-form*/
#style-form {
   clear: left;
   margin-top: 1em;
}
/*[cf]*/
/*[cf]*/

/*[of]:.keypad-cell*/
.keypad-cell {
   background-color: transparent;
   border-style: none;
   border-spacing: 0;
   padding: 0;
}
/*[cf]*/
/*[of]:.keyboard-table*/
.keyboard-table {
   background-color: transparent;
   border-style: none;
   border-spacing: 0;
   padding: 0;
   margin: 0;
   margin-top: 1ex;
}
/*[cf]*/
/*[of]:table.keypad-table*/
table.keypad-table {
   /* l'inclusion ne fonctionne pas */
   border-style: solid;
   border-width: 1px;
   border-spacing: 2px;
   padding: 0;
   margin: 0.7ex;
}

#leftmost-keypad {
   margin-left: 0;
}

#rightmost-keypad {
   margin-right: 0;
}
/*[cf]*/
/*[of]:tr.key-row td*/
tr.key-row td {
   /* style pour les td de touches standards */
   border-style: solid;
   border-width: 1px;
   padding: 1px;
   margin: 0;
}
/*[cf]*/
/*[of]:tr.key-row td div*/
tr.key-row td div {
   /* les td d'une touche contienne un div qui contient µ:
   /* les deux images de la touche */
   position: relative;
   width: 28px;
   height: 34px;
   overflow: hidden;
}
/*[cf]*/
/*[of]:tr.key-row td.space-key-cell*/
tr.key-row td.space-key-cell {
   border-style: solid;
   border-width: 1px;
   padding: 1px;
   margin: 0;
}
/*[cf]*/
/*[of]:tr.key-row td.space-key-cell div*/
tr.key-row td.space-key-cell div {
   position: relative;
   width: 300px;
   height: 34px;
}
/*[cf]*/
/*[of]:tr.key-row td.key-0-cell*/
tr.key-row td.key-0-cell {
   border-style: solid;
   border-width: 1px;
   padding: 1px;
   margin: 0;
}
/*[cf]*/
/*[of]:tr.key-row td.key-0-cell div*/
tr.key-row td.key-0-cell div {
   position: relative;
   width: 62px;
   height: 34px;
}
/*[cf]*/
/*[of]:tr.key-row img*/
tr.key-row img {
    position: absolute;
    left: 0px;
    top: 0px;
}
/*[cf]*/
/*[of]:#keyboard-ads*/
#keyboard-ads {
   margin-top: 8px;
   margin-bottom: 12px;
   width: 468px;
}
/*[cf]*/
/*[of]:#page-foot*/
#page-foot {
   clear: both;
   padding-top: 1em;
}

#page-foot a {
   border-bottom-color: transparent;
}
/*[cf]*/

