INPUT {border-width:thin medium medium thin; border-style:groove; border-color:aqua;
      padding-left:0.2em; color: #aaffff; background-color: #000086; font-weight:bold;
      font-family:Arial,Helvetica,sans-serif;}
SELECT {color:#aaffff; background-color:#000086; font-weight:bold;
      font-family:Arial,Helvetica,sans-serif;}
A {text-decoration:none; font-family:Arial; font-size:1em; font-weight:bold;
      color: #00ffff; background: transparent;}
A:HELP {text-decoration:none; font-family:Arial; font-size:1em; font-weight:bold;
      color: #ff00ff; background: transparent;}
TEXTAREA {border-width:thin medium medium thin; border-style:groove; border-color:aqua;
      padding-left:0.2em; color: #aaffff; background-color: #000010; font-weight:bold;
      font-family:Arial,Helvetica,sans-serif;}
SPAN.num { text-decoration:none; font-family:Arial,Helvetica,sans-serif; font-size:1em; font-weight:bold;
      color: #ff00ff; background-color: #ff0000; }
    HTML {font: 1em/1 Arial, sans-serif; color: #fff871; margin:0; padding:0;}
    BODY {font-size:1em; width:64em; background-color:#000036; color:#fff871;
      font-family:Arial; font-style:normal; font-weight:normal; margin:0; padding:0;}
    INPUT.N {text-decoration:none; font-family:Arial; font-size:1em; font-weight:bold;
      color: #00ffff; background: transparent; border:none;}
    INPUT.O {text-decoration:none; font-family:Arial; font-size:1em; font-weight:bold;
      color: #000030; background: aqua; border:none;}
    INPUT.B {text-decoration:none; color: #000030; background: aqua; border:none; padding:0;}
    INPUT.R {text-decoration:none; font-family:Verdana,Arial; font-size:0.8em; font-weight:bold;
      color: #00ffff; background: #ff0000; border-width:3px; border-color:#00ffff; margin-left:0px; margin-right:0px;}
    INPUT.S {text-decoration:none; font-family:Verdana,Arial; font-size:0.8em; font-weight:bold;
      color: #00ffff; background: #000099; border-width:3px; border-color:#00ffff; margin-left:0px; margin-right:0px;}
    TEXTAREA {text-decoration:none; font-family:Verdana,Arial; font-size:0.8em; font-weight:bold;
      color: #00ffff; background: #000099; border-width:3px; border-color:#00ffff; margin-left:0px; margin-right:0px;}
    INPUT.S5 {text-decoration:none; font-family:Verdana,Arial; font-size:0.8em; font-weight:bold;
      color: #00ffff; background: #000099; border-width:3px; border-color:#00ffff; margin-left:0px; margin-right:0px; padding: 0px 2px 0px 3px; width:4.7em;}
    INPUT.P {text-decoration:none; font-family:Arial; font-size:0.8em; font-weight:bold;
      color: #00dddd; background: #2222aa; border:none; margin-left:0px; margin-right:0px; padding: 2px 0px 2px 0px; width: 100%;}
    INPUT.Q1 {text-decoration:none; font-family:Verdana,Arial; font-size:0.6em; font-weight:bold;
      color: #00dddd; background: #000099; border-width:1; border-color:#0000ff; margin-left:0px; margin-right:0px;}
    INPUT.Q2 {text-decoration:none; font-family:Verdana,Arial; font-size:0.6em; font-weight:bold;
      color: #bb0000; background: #9999ff; border-width:1; border-color:#ff0000; margin-left:0px; margin-right:0px;}
    INPUT.Q3 {text-decoration:none; font-family:Verdana,Arial; font-size:0.6em; font-weight:bold;
      color: #000000; background: #9999ff; border-width:1; border-color:#000044; margin-left:0px; margin-right:0px;}
    INPUT.Q {text-decoration:none; background: #0000aa; border:none; margin-left:0px; margin-right:0px;}
    INPUT.T1 {text-decoration:none; font-family:Arial; font-size:1em; font-weight:bold;
      color: #000030; background: #0000aa; border-width:1; border-color:#ff0000; margin-left:0px; margin-right:0px;}
    INPUT.T {text-decoration:none; font-family:Verdana,Arial; font-size:0.8em; font-weight:bold;
      color: #ff9900; background: #000099; border-width:1; border-color:#ff0000; margin-left:0px; margin-right:0px;
      padding: 2px 0px 2px 0px; width: 100%;}
    INPUT.F {text-decoration:none; font-family:Arial; font-size:0.8em; font-weight:bold;
      color: #000030; background: #990099; border:none;}
    INPUT.V {text-decoration:none; font-family:Arial; font-size:0.8em; font-weight:bold;
      color: #000030; background: #009900; border:none;}
    A {text-decoration:none; font-family:Arial; font-size:1em; font-weight:bold;
      color: #00ffff; background: transparent;}
    A:link {color:#00ffff;}  A:visited {color:#00bbff;}  A:hover, A:active {color:red;}
    A.BIG:link, A.BIG:visited {color:#00ffff; font-family:Verdana,Arial; font-size:1.2em ;}
    A.DEF:link, A.DEF:visited {color:#00ffaa; font-family:Verdana,Arial; font-size:1.1em ;}
    TH {color:#fff871; font-family:Arial; font-weight:bold; padding-left:0.2em;}
    TD {color:#fff871; font-family:Arial; font-weight:normal; padding-left:0.2em;}
    TD.Z {color:#7ff871; font-family:Arial; font-weight:bold; padding-left:0.2em;}
    TD.M {background: #000036;}
    TD.G {background: #00ff00;}
    TD.F {background: #360036;}
    TD.R {background: #ff0000;}
    TD.P {background: #700026;}
    TD.MID {background: #6600cc;}
    TD.N {background: #000000;}
    TD.O {background: #000000; border: none;}
    TD.Titre {background:#6040ef; color:#000000; white-space:nowrap;}
    TABLE {table-layout:fixed; padding:0; spacing:0;}
    TABLE.GEN {width:100%; border:1px solid #000086; padding:2px; spacing:2px;}
    TABLE.FIX {width:100%; border:1px solid #fff871; }
    TABLE.NUIT {width:100%; border:1px solid #fff871; font-family:Arial;
      font-size:0.9em; font-weight:normal; color: #fff871; background-color: #000036;}
    SPAN.HEAD { font-family:Arial; font-size:1em; font-weight:normal; color: #ddd871; background-color: #000036; }
    SPAN.TEXT { font-family:Arial; font-size:1em; font-weight:bold; color: #eeeeee; background-color: #000036; }
    SPAN.fig { width: 11px; height: 17px; z-index: 2; bottom: 3px; left: 3px; text-decoration:none;
      font-family:Arial,Helvetica,sans-serif; font-size:0.8em; font-weight:bold; color: #fff871; background-color: #700026; }
    SPAN.num1, SPAN.num2, SPAN.num3, SPAN.num4 {
      position:absolute; height: 17px; z-index: 2; bottom: 3px; left: 3px; text-decoration:none;
      font-family:Arial,Helvetica,sans-serif; font-size:0.8em; font-weight:bold; color: #fff871; background-color: #700026; }
    SPAN.num1 { width: 11px; } SPAN.num2 { width: 18px; } SPAN.num3 { width: 25px; } SPAN.num4 { width: 33px; }
    SPAN.gsg { text-decoration:none; font-family:Arial,Helvetica,sans-serif; font-style:italic ; font-size:100%; font-weight:bold; color: #fff871; background-color: #000036; }
    SPAN.aut { text-decoration:none; font-family:Arial,Helvetica,sans-serif; font-size:80%; font-weight:normal; color: #aa0951; }
    SPAN.SB { text-transform: uppercase; font-size: 80%; }
    SPAN.SC { font-size: 80%; }
    SPAN.SM { font-size: 95%; }
         .b { font-weight:bold ; }
         .i { font-style:italic ; }
         .comment { font-style:italic; background-color:black; color:yellow; }
         .warning { background-color:red; color:black; }
         .small { font-size:smaller; }
         ._75 { font-size:75%; }  ._80 { font-size:80%; }  ._85 { font-size:85%; }  ._90 { font-size:90%; }  ._95 { font-size:95%; }
         ._105 { font-size:105%; }  ._110 { font-size:110%; }  ._115 { font-size:115%; }  ._120 { font-size:120%; }  ._125 { font-size:125%; }
         .A9 { position:relative; top:0.17em; }  .A8 { position:relative; bottom:0.17em; }
         .soul { text-decoration: underline; }
         .upper { text-transform:uppercase; }
         .caps { font-variant:small-caps; }
         .fake { font-size:smaller; text-transform:uppercase; }
         .shadow { text-shadow:5px 5px 10px blue; }
         .transp { color:#000 ; color:rgba(0,0,0,0.09); }
         .serif   { font-family: "Palatino Linotype", Georgia, Times; }
         .arial   { font-family: Optima, Arial, Helvetica; }
         .mono { font-family: Monaco, "Courier New"; }
         .greek { font-family: GrTimes; }
         .roman {font-family: "Palatino Linotype", Georgia, Times; }
         .arial {font-family: Optima, Arial, Helvetica; }
         .mono {font-family: Monaco, "Courier New"; }
         pre { font-family: Monaco, "Courier New"; font-size:85%; }
         .jour { background-color:#ffffff; color:#000000 }
         .nuit { background: #000036 url("../php/rideau_nuit.png"); color:#fff871; }
         A { text-decoration: none; }
    INPUT.MZ { text-decoration:none; font-family:Arial; font-size:0.8em; font-weight:bold;
                        color: #000030; background: #990099; border:none; }
    INPUT.MY { text-decoration:none; font-family:Arial; font-size:0.8em; font-weight:bold;
                        color: #030000; background: #990099; border:none; padding=0; spacing=0;}

         @media screen
           { html { font-size: 62.5%; }
             body { width:100%; font-size:14px; font-size:1.4rem;  } /* =14px */
             p.bodyText { font-family:verdana, arial, sans-serif; }
             table.blue { border-type:solid; border-width:2px; border-color:#0000ff;width:95%;table-layout:fixed;position:relative;
                            align:center; bgcolor:#000000; width:95%; units=percent; }
             h1 { font-size: 24px; font-size: 2.4rem; } /* =24px */
             .to_show { display:block; bg-color:#000088; }
             .to_print_  { display:none; }
           }
         @media print
           { html { font-size: 62.5%; }
             body { width:800px; width:100%; font-size:14px; font-size:1.2rem;  } /* =12px */}
             p.bodyText {font-family:georgia, times, serif; }
             table.blue { border-type:solid; border-width:2px; border-color:coral;width:95%;table-layout:fixed;position:relative;
                            align:center; bgcolor:#ffffff; width:95%; units=percent; }
             h1 { font-size: 24px; font-size: 2.4rem; } /* =24px */
             .to_show_ { display:none; }
             .to_print { display:block; }
           }
         @media screen, print { html { font-size: 62.5%; }  p.bodyText { font-size:1.4rem; } }
         section.recto { page-break-after: always; }
         section.verso { page-break-after: always; }