BODY
{
 margin: 3px;
 padding: 0px 0px 0px 0px;
 background: #2c70d5;
 font-family: sans-serif;
}

BODY.splash
{
 text-align: center;
}

IMG      { border-width: 0px; }

IMG.logo { cursor:pointer;}

IMG.corner 
{
 position: absolute;
 top: 3px;
 left: 143px;
}

IMG.splash
{
 cursor:pointer;
 margin: 10px 0px 10px 0px;
}

TABLE
{
  background: #2c70d5;
  border-style: solid;
  border-width: 0px;
  width: 100%;

}

TABLE.page { height: 100%; }

TABLE.program { background: #FFFFFF; border-width: 1px; border-color:#000000;}

TD.menu
{
  vertical-align: top;
  text-align: center;
  font-weight: bolder;
  font-style: italic;
  height: 100%;
  width: 200px;
}

TD.content
{
  background: #FFFFFF;
  width: auto;
  height: 100%;
  vertical-align: top;
  padding-left: 2em;
  
}

TD.vue
{
  background: #FFFFFF;
  width: 50%;
  vertical-align: top;
  text-align: center;
}

TD.prog {border-color: #000000; border-style:solid; 
border-width:1px; width: auto; height: 100%;}


TR.program1
{
  background: #2c70d5;
  vertical-align: top;
  text-align: left; 
border-color: #000000;
}

TR.program2
{
  background: #FFFFFF;
  vertical-align: top;
  text-align: left;
border-color: #000000;
}

TD.puce1, TD.puce2, TD.puce3, TD.puce4, TD.puce5 { width: 2em; }
TD.puce1 { background: url("images/puce1.gif"); }
TD.puce2 { background: url("images/puce2.gif"); }
TD.puce3 { background: url("images/puce3.gif"); }
TD.puce4 { background: url("images/puce4.gif"); }
TD.puce5 { background: url("images/puce5.gif"); }


P
{
 color: #000000;
 text-align: justify;
 margin: 0.5em 4px 0 3em;
}


P.first:first-letter
{
 font-size: 120%;
 float: left;
 font-weight: bolder;
 font-style: normal;
 letter-spacing: 10px;
}

       
H1
{
 color: #000000;
 text-align: left;
 font-style:italic;
 font-weight: bolder;
 margin: 1em 0em 1em 0em;
}

H2, H3, H4, H5, H6
{
 color: #000000;
 text-align: left;
 font-style:italic;
 font-weight: bolder;
 margin: 0px 0px 0px 0.5em;
}

A         { color: #000000;  text-decoration: underline; border-style: solid; border-width: 1px; border-color: #FFFFFF;}
A.logo    { color: #FFFFFF; text-decoration: underline; border-width: 0px;}
A.menu    { text-decoration: none; border-color: #2c70d5;}
A.splash  { text-decoration: none; border-color: #2c70d5; font-weight: bolder;}
A:hover   { cursor:pointer; border-color: #700610;}
A:active  { cursor:wait; color: #000000; border-color: #2c70d5;}


UL
{
}

LI
{
 color: #000000;
 text-align: justify;
 margin: 0.5em 4px 0 3em;
}

UL.navbar
{
  text-align: left;
  padding-left: 1em;
  margin: 1px 1px 1px 1px;
  list-style-type: square;
  color: #000000;
}

LI.navbar
{
 color: #000000;
 text-align: left;
 margin: 2px 2px 2px 2px;
}