/*
 * Style sheet for the peripheriques ALL pages
 * $Id: __hpall.css,v 2.1.1 08/11/04 by tmtm $
 */
   .arial { font-family: arial,helvetica,sans-serif }
   .arialnarrow { font-family: "arial narrow","helvetica narrow",arial,helvetica,sans-serif }
   .avantgarde { font-family: avantgarde,arial,helvetica,sans-serif }
   .blink { text-decoration: blink }
   .center { text-align: center }
   .courier { font-family: "courier new",courier,monospace; }
   .grec { font-family: symbol; }
   .justify {text-align: justify; }
   .nobr { white-space: nowrap }
   .sign { text-align: center; font-style: italic; font-size: 75% }
   .times { font-family: "times new roman",times,roman,garamond,serif; }
   .u { text-decoration: underline }
   body div.banner { display: block }
   br.both { clear: both }
   br.left { clear: left }
   br.right { clear: right }
   dd.double { text-indent: 2em }
   div.banner {
     margin: 0;
     font-size: 90% /*smaller*/;
     font-weight: bold;
     line-height: 1.1;
     text-align: center;
     position: absolute;		/* Fallback if 'fixed' is not supported */
     top: 2em;
     left: auto;
     width: 8.5em;
     right: 2em;
   }
   div.banner {
     position: fixed;		/* Overrides 'absolute' above */
   }
   div.banner p {
     margin: 0;
     padding: 0.3em 0.4em;
     font-family: Arial, sans-serif;
     background: #999;		/* Override according to type of page */
     border: thin outset #999;	/* Override this color together with bg */
     color: white;
   }
   div.banner a, div.banner em { display: block; margin: 0 0.5em }
   div.banner a, div.banner em { border-top: 2px groove #999 }
   div.banner a:first-child { border-top: none }
   div.banner em { color: #CFC }
   div.banner a:link { text-decoration: none; color: white }
   div.banner a:visited { text-decoration: none; color: #CCC }
   div.banner a:hover { background: black; color: white }
   div.banner img { float: none; vertical-align: middle }
   div.text {margin: 0em 11em 0em 0em;}
   h3.right {text-align: right}
   img.left { float: left }
   img.right { float: right }
   ol.A { list-style-type: upper-alpha; }
   ol.a { list-style-type: lower-alpha; }
   ol.I { list-style-type: upper-roman; }
   ol.i { list-style-type: lower-roman; }
   p.big { font-size: 120% }
   p.left {text-align: left}
   p.right {text-align: right}
   small { font-size: 75% }
   span.fo { color: #aff }
   span.gc { color: #adf }
   span.hp { color: #eee }
   span.lc { color: #bcf }
   span.smaller { font-size: 50% }
   span.smallest { font-size: 30% }
   table.center { margin-left: auto; margin-right: auto; }
   table.langue { width: 40px; margin: 0em 0em 0em 2em; padding: 0px; border-width: 0px; float: right }
   table.langue tr td { height: 16px; text-align: right }
   table.left { float: left; margin-right: 10px}
   table.right { float: right;margin-left: 10px }
   table.rubriques { margin-left: auto; margin-right: auto; width: 80%; border: 4px ridge grey; }
   table.rubriques tr td { border-width: 1px; border-style: ridge; text-align: center; }
   table.rubriques tr td img { margin: 4px; text-align: center; }
   td.ag { background: #400; text-align: center; }
   td.fo { background: #037; text-align: center; }
   td.gc { background: #540; text-align: center; }
   td.hp { background: #000; text-align: center; }
   td.jl { background: #000; text-align: center; }
   td.lc { background: #430; text-align: center; }
   td.nv { width: 50px; text-align: center; vertical-align: middle; }
   td.nv3 { vertical-align: middle; white-space: nowrap; font-family: "courier new",courier,monospace; font-size: 80% }
   td.nv4 { vertical-align: middle; white-space: nowrap; font-family: "courier new",courier,monospace; font-weight: bold }
   td.uu { background: #540; text-align: center; }
   tt.credit { font-size: 75% }
   tt.nv3 { white-space: nowrap; font-size: 90% }
   tt.nv4 { white-space: nowrap; font-size: 120%; font-weight: bold }
   tt.nv4neg { white-space: nowrap; font-size: 120%; font-weight: bold; background: black; color: #eee }
   tt.travaux { color: #f70; font-weight: bold }
@media print
   .banner { display: none }
   
