/* Puces 3D : couleurs et polices de styles/Puces3d1.css et nvidia.css (2001) */
body { margin: 0; background: #fff url(/image/fond_puces3d1.gif); color: #000;
  font: 10pt/1.45 Verdana, Tahoma, Helvetica, Arial, sans-serif; }
a { color: #f60; text-decoration: none; } a:visited { color: #f90; } a:hover { text-decoration: underline; }
.cadre { max-width: 1000px; margin: 8px auto; background: #fff; border: 3px solid #999; padding: 3px; }
.haut { position: relative; max-width: 748px; height: 140px; margin: 0 auto;
  background: url(/image/haut.jpg) no-repeat; }
.logo { position: absolute; left: 20px; top: 24px; width: 230px; height: 60px; }
.devise { position: absolute; left: 256px; top: 30px; width: 468px; text-align: center; font-weight: bold; color: #333; }
.nav { position: absolute; left: 0; right: 0; bottom: 6px; text-align: center; font-weight: bold; }
.corps { display: flex; gap: 14px; padding: 10px 6px; }
.menu { flex: 0 0 164px; display: flex; flex-direction: column; align-self: flex-start; }
.menu a { display: block; line-height: 0; }
.menu img { display: block; margin: 0; }
.hors-menu { margin: 6px 0 0; font-size: 8pt; text-align: center; color: #666; }
main { flex: 1; min-width: 0; }
h1 { font-size: 22pt; color: #9c3; text-align: center; margin: .3em 0 .6em; }
h2 { font-size: 16pt; color: #9c3; } h3, h4 { font-size: 12pt; color: #00f; } h3 { text-align: center; }
img { max-width: 100%; height: auto; vertical-align: middle; margin: 2px; }
/* tableaux de résultats : bordure noire et en-tête #00CC99 comme en 2001 */
table.bench { border-collapse: collapse; margin: 12px auto; border: 1px solid #000; font: 9pt Arial, Helvetica, sans-serif; }
.bench th, .bench td { border: 1px solid #000; padding: 2px 10px; text-align: center; }
.bench th { background: #00cc99; font-weight: bold; }
.bench td:first-child { text-align: left; font-weight: bold; }
.bench-defile { overflow-x: auto; }
.graphe { max-width: 480px; margin: 18px auto 4px; }
.graphe figcaption { font: bold 9pt Arial, Helvetica, sans-serif; text-align: center; margin-bottom: 4px; }
.graphe svg { width: 100%; height: auto; display: block; }
.g-lab, .g-val { font: 9px Arial, Helvetica, sans-serif; fill: #333; }
.g-val { fill: #555; }
.g-legende { display: flex; flex-wrap: wrap; gap: 4px 14px; justify-content: center; font: 8pt Arial, sans-serif; color: #333; margin-bottom: 4px; }
.g-legende i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 5px; vertical-align: -1px; }
.g-note { font-size: 7pt; color: #888; text-align: center; margin: 2px 0 0; }
hr.page { border: 0; border-top: 1px dashed #999; margin: 2em 0 1em; }
.page-num { color: #999; font-size: 8pt; text-align: right; }
.note { background: #ffc; border: 1px solid #cc9; padding: 6px 10px; font-size: 9pt; }
.liste { list-style: none; padding: 0; } .liste li { padding: 3px 0; border-bottom: 1px dotted #ccc; }
.liste small, .sources { color: #777; font-size: 8pt; }
.sources { margin-top: 3em; border-top: 1px solid #ccc; padding-top: .5em; }
footer { text-align: center; font-size: 8pt; color: #666; padding: 10px; border-top: 1px solid #ccc; }
@media (max-width: 720px) {
  .cadre { margin: 0; border: 0; }
  .haut { height: 120px; background-size: 140% auto; background-position: left top; }
  .devise { display: none; }
  .nav { font-size: 8pt; padding: 0 16px; }
  .corps { flex-direction: column; padding: 8px 16px; }
  .menu { flex-direction: row; flex-wrap: wrap; justify-content: center; }
  .menu > img { display: none; }
  .menu a img { width: 132px; }
  .hors-menu { flex-basis: 100%; }
}