/**
 * Shared OSInet/Riff base styles, in plusvite since the pre-Silex PHP version.
 *
 * Lineage: the OSInet ASP site (WOF-4 code/glo.css, whence table.innerTable
 * and .tdStats), then the 2005 "Oliska" WOF+Riff redesign — implemented on
 * Riff only, as the OSInet side stalled — then pre-Silex PHP plusvite,
 * imported to git as plusvite_silex e77cd44, then Silex, then here.
 *
 * The #panelNW/N/NE/W/E, div.lborder and div.tborder rules are the pre-2007
 * multi-panel layout. No plusvite template renders that markup, and no other
 * surviving OSInet or Riff artifact carries those rules: their ancestors
 * stayed on the retired CVS server, of which only the final state reached git.
 * What plusvite exercises here is the element-level typography and .tdStats.
 */

pre,
code {
  font-family: 'courier new', fixed, monospace;
  background-color: transparent;
  color: black;
}

code {
  font-size: 100%;
  padding: 0 0.3em;
}

pre {
  border: ridge #FF9900 3px;
  margin: 0.5em 1em 0 0;
  padding: 0.5em;
  font-size: small;
}

td {
  vertical-align: top
}

p {
  margin: 0.3em 0 0 0;
}

/* dt { margin: 0 }
dd { margin: -1.2em 0 0 4em } */

.origin {
  color: #000066;
  font-size: 8pt;
  font-style: oblique;
  text-align: right;
  margin: 5px;
}

.quote {
  font-size: 10pt;
  font-style: oblique;
  text-align: justify;
  margin-left: 15px;
  margin-right: 15px;
}

/* div.main { width:			600px ; 	margin-left:	0 ;	} */

div.footer {
  /*	width:			600px ; */
  margin-left: 150px;
  text-align: right;
}

div.lborder {
  /*	width:			150px ; */
  margin-left: 0;
  text-align: left;
}

div.tborder {
  /*	width:			600px ; */
  margin-left: 150px;
  text-align: left;
}

#panelNW, #panelN, #panelNE {
  font-size: smaller;
  height: 60px;
  border-bottom: ridge gray 2px;
}

#panelNW, #panelNE {
  color: #003399;
  background-color: transparent;
  margin: 0;
  text-align: center;
}

#panelNW IMG, #panelN IMG, #panelNE IMG {
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
}

#panelN {
  width: auto;
}

#panelW, #panelE {
  font-size: smaller;
  background-color: #eeeecc;
  border: groove gray 2px;
}

#panelW img {
  border: none; /* solid black 1px ; */
  margin: 1px 2px;
  background-color: white;
}

#panelW h1, #main h1, #panelE h1 {
  background-color: #ff6633;
  text-align: center;
  color: white;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0;
  font-size: large;
}

#main h3, #panelW h3, #panelE h3 {
  background-color: #a0a070;
  text-align: center;
  color: white;
  font-size: medium;
  margin-bottom: 0;
}

#panelW TD, #panelE TD {
  font-size: smaller;
}

#main {
  font-size: smaller;
  border: groove gray 2px;
  margin: 0;
}

#main h2, #panelW h2, #panelE h2 {
  background-color: #005a9c;
  text-align: center;
  color: white;
  margin-left: 0;
  margin-right: 0;
  font-size: medium;
}

#panelW ul, #panelE ul {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0.5em;
  margin-bottom: 0.5em;
  font-size: 0.9em;
}

#panelW ul ul, #panelE ul ul {
  font-size: 1em;
}

#panelW li, #panelE li {
  margin: 0 0.1em 0.1em 0.5em;
}

#main div {
  /*	width: 100% ; */
  padding: 0 0.5em 0 0.5em;
  text-align: justify;
  border-top: solid #005a9c 1px;
  padding: 0 0.3em 0.1em 0.3em;
  margin: 0;
}

#main h3 {
  margin: 0.2em 0 0 0;
}

#main .headline {
  font-size: small;
  margin: 0;
  border: none;
}

.headline h3 {
  font-size: small;
  color: #990000;
  margin: 0;
}

.tdStats {
  text-align: center;
  vertical-align: top;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

.vs {
  font-size: xx-small;
}

.warning {
  margin: 1em;
  padding: 1em;
  background-color: #ffcc88;
  color: black;
  border: solid red 1px;
}

td.tdStats P {
  margin-top: 0;
}

.num {
  text-align: right;
  background-color: #66ffcc;
  padding: 0 0.3em 0 0
}

/* a:link, a:link {background-color: #CCCCFF; } */
a:hover {
  background-color: #ff9900;
  color: #006600;
}

/*-- Repris de glo.css sur osinet --*/
/* Table.innerTable { border: ridge 3 #000066 ; } */
table.innerTable td {
  border-bottom: 1px #0066ff solid;
  vertical-align: top
}

table.innerTable td.r {
  text-align: right
}

table.innerTable td.framed {
  border: 1px #0066ff solid;
  vertical-align: top
}

table.innerTable th {
  background-color: #ffeecc;
  border: 1px #666666 solid
}

.color1 {
  background-color: #eeeeff;
  color: black
}

.color2 {
  background-color: #eeffee;
  color: black
}

.color3 {
  background-color: #ffffee;
  color: black
}

abbr[title], acronym[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

