body        { 
                color: white; background: black; 
                text-align: center; 
                margin: 0; border: 0; padding: 0;
              }
  h1          { color: #CCFFFF; }
  h2          { color: white; }
  h3          { color: yellow; }
  h4          { color: yellow; }
  h5          { color: yellow; }
  hr          { color: #f0f0f0; }
  a           { color: orange; text-decoration: none; }
  a:hover     { color: yellow; }
  div         { margin-left: 1em; }
  img         { border: 0; }
  table       { border: 0; }

  .menu       { text-align: center; color: white; font: normal 150% Times; }
  .annee1     { text-align: left; color: #CCFFFF; font: bold 75% Times; }
  .annee2     { text-align: center; color: #CCFFFF; font: bold 75% Times; }
  .entete     { text-align: right; width: 4mm; }
  .titremenu, .titremenu_over
              { text-align: left; font: normal 150% Times; }
  .titremenu_over  { background: #600060; }
  .titremenu2, .titremenu2_over
              { text-align: left; font: normal 150% Times; padding-top: 15px; padding-bottom: 15px }
  .titremenu2_over  { background: #600060; }
  .menu, .menu_over
              { text-align: left; font: normal 75% Times; }
  .menu_over  { background: #600060; }
  .image      { 
                text-align: center; vertical-align: middle;
                padding: 0; margin: 0; border: 0; 
              }
  .link       { 
                text-align: center; vertical-align: middle;
                padding: 0; margin: 0; border: 0; 
              }
  .link       { border: solid 1px black; }
  .link_over  { border: solid 1px orange; }
  .legende, .legende_over
              { text-align: center; font: normal 75% Times; }
  .legende_over
              { background: #600060; }
  
  .annee      { color: #CCFFFF; font: bold 100% Times; }
  .lien       { color: yellow; text-align: center; }
  .tlien      { color: yellow; text-align: center; vertical-align: middle; }
  .baspage    
              { 
                color: yellow; background: #300030; font: normal 60% Arial; 
                text-align: center; 
              }
  .titre1, .titre2, .titre3, .titre4, .titre5, .titre6, .titre7, .titre8
              {
                color: white; text-align: center; vertical-align: middle;
              }
  .titre1     { color: white; background: #300030; font: normal 200% Times; }
  .titre2     { font: normal 150% Times; }
  .titre3     { font: normal 125% Times; }
  .titre4     { font: normal 100% Times; }
  .titre5     { background: #200020; font: normal 75% Arial; }
  .titre6     { font: normal 60% Arial; }
  .titre7     { background: #300030; font: normal 60% Arial; }
  .titre8     { color: yellow; font: normal 40% Arial; }
  .button, .button2, .button3, .button30, .button4, .bigbutton, .tinybutton     
              { 
                color: orange; background: #700070; font: bold 80% Arial;
                border: outset 1px orange; padding: 5px;
                text-align: center; vertical-align: middle;
                cursor: pointer; cursor: hand;
              }
  .button2    { width: 120px; height: 40px; }
  .button3    { width: 220px; height: 70px; margin-top: 20px}
  .button30   { width: 220px; height: 40px; margin-top: 2px}
  .bigbutton  { font: normal 200% Times; }
  .tinybutton { font: normal 60% Times; padding: 1px; }
  .video      
              { 
                text-align: center; vertical-align: middle; font: normal 80% Times; 
                background: #100010; cursor: pointer; cursor: hand;
              }
  .download   { font: normal 60% Arial; background: #600000; text-align: center; }
  .text1      { font: bold 120% Times; }
  .text2      { font: normal 80% Arial; }
  .text3      { font: normal 120% Times; }
  .text4      { font: normal 140% Times; }
  .text5      { font: bold 140% Times; }

  .case0, .case0_over
              { background: #000000; text-align: center; vertical-align: middle; }
  .case0      { border: solid 1px black; }
  .case0_over { border: outset 1px orange; }
  .case1      { background: #100010; text-align: center; vertical-align: middle; }
  .case2      { background: #300030; text-align: center; vertical-align: middle; }
  .case3, .case3_over
              { text-align: center; vertical-align: middle; font-size: 75%; }
  .case3      { background: #200020; }
  .case3_over { background: #600060; }
  .case4      { background: #200020; text-align: center; vertical-align: bottom; }
  .case5      { 
                background: #606060; color: yellow; 
                text-align: center; vertical-align: middle; 
                font: normal 60% Arial; 
              }
  .grid, .grid_over
              { width: 60px; height: 60px; }
  .grid       { border: solid 1px black; }
  .grid_over  { border: solid 1px orange; }
  .hidden     { display: none; }
  .left       { text-align: right; vertical-align: bottom; }
  .right      { text-align: left; vertical-align: bottom; }
  #marquee    { }
  .stage	  { background: #300030; border: solid 1px orange; border-collapse: collapse ; }
  .cell 	  { background: #300030; border: solid 1px orange; border-collapse: collapse ; text-align: center; font: Arial }