body {  background-color: #005500; font-family: Arial, Helvetica, sans-serif; font:11pt arial; }

td { text-align:center; color:black; }

td.gr0 { font:bold 18pt arial; background-image:url(P00.png); width:32px; height:32px; color:green; }
td.gr1 { font:bold 18pt arial; background-image:url(P01.png); width:32px; height:32px; }
td.gr2 { font:bold 18pt arial; background-image:url(P02.png); width:32px; height:32px; }
td.gr3 { font:bold 18pt arial; background-image:url(P03.png); width:32px; height:32px; }
td.gr4 { font:bold 18pt arial; background-image:url(P04.png); width:32px; height:32px; }
td.gr8 { font:bold 18pt arial; background-image:url(P08.png); width:32px; height:32px; }
td.grD { font:bold 18pt arial; background-image:url(P10.png); width:32px; height:32px; }
td.vid { font:bold 18pt arial; width:32px; height:32px; line-height:60%; }

td.A3D { border:#BABABA 3px solid; border-radius:10px; }
td.B3D { border:#003300 3px solid; border-radius:15px; background-color:#003300; }
td.C3D { border:#BABABA 3px solid; border-radius:15px; }

td.tit { font-weight:bold; color:white; }
td.let { font-weight:bold; color:yellow; }
td.til { font-weight:bold; background-color:yellow; }
td.gau { text-align:left; }
td.aid { font-weight:bold; background-color:#FFFFDD; color:blue; }
td.pro { font:11pt Lucida Console, Courier New; text-align:left; }

td.L0  { font:bold 16pt arial; width:26px; height:26px; background-color:#edb46a; }
td.LV  { font:16pt arial; width:26px; height:26px; color:grey; }
tr.aiH { height:90px; }

input[type=text] {
   width: 20px;
   cursor:pointer;
   color:red;
   font-size: large;
   }

#liste { height:480px; width:380px; overflow:auto; }
.wiki  { height:543px; width:540px; overflow:auto;}
#cntrl { height:110px; width:380px; overflow:auto; }
.titre { font:bold 20pt arial; color:yellow; text-align:center;}

#page  {
   position: absolute;
   width: 1000px;       /* selon la largeur voulue */
   margin-left: -500px; /* moitie de width */
   left: 50%;           /* constant, toujours 50% */
   height: 600px;       /* selon la quantite de texte */
   margin-top: -300px;  /* moitie de height */
   top: 50%;            /* constant, toujours 50% */
   }
.button {
   border-top: 1px solid #72c7fc;
   background: #2c79cd;
   padding: 5px 10px;
   border-radius: 10px;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font:bold 12pt arial;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   }
.button:hover {
   border-top-color: #3f80ab;
   background: #3f80ab;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
#barre {
   margin-left: 10px;
   margin-top: -16px;
   margin-bottom: -5px;
   height:5px; 
   width:510px;
   padding:8px;
   }
#indic {
   height:5px; 
   width:0px;
   background-color:#00CC00;
   margin:0;
   }