/* nom   : AfsResQ.css                                     */
/* auteur: Gilles BOISAUBERT                               */
/* cre   : 03/03/2009                                      */
/* maj   : 13/10/2009 - Detail des manches                 */
/*           /  /     -                                    */
/* notes : A.F. Snipe - Resultats Print                    */
/* Code couleur sur les resultats:                         */
/*   - vert d'eau Entrainement (color: #80B080),           */
/*                             (color: #70B070),           */
/*   - vert Promo              (color: #20C020),           */
/*                             (color: #10A010),           */
/*   - bleu SIL, SL            (color: #2020FF),           */
/*   - bleu      SL            (color: #8D8DFF),           */
/*   - bleu SIL                (color: #0000FF),           */
/*   - rose Entrain. Nat       (color: #FFA0A0),           */
/*   - rouge      Nationale    (color: #FF2020),           */
/*   - orange     SE           (color: #FF6600),           */
/*   - turquoise  Nat Etr      (color: #20FFFF),           */
/*   - violet     Europe       (color: #FF20FF),           */
/*   - jaune      Monde        (color: #FFFF20),           */

/* rappel les background ne sont pas actives avec le media print */

@page {size: 21.0cm 29.7cm; margin: 1.0cm}
body {color:#808080; background: #303030}

/* valeurs standards */
.haut {vertical-align: top}
.bas {vertical-align: bottom}
.floatg {float: left}
.floatd {float: right}
.centre1 {margin: 0px auto 0px auto}
.centre2 {text-align: center}
.gch {text-align: left}
.drt {text-align: right}
.soulig {text-decoration: underline}
.barre {text-decoration: line-through}

/* pas d'edition de XiTi */
#xiti-logo-noscript {display: none; font-family: "Trebuchet MS", sans-serif; font-size: 8pt; color: #808080; text-decoration: none; text-align: left; width: 805px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 0px; padding: 0px 0px 0px 10px; color: #808080}
#xiti-logo {display: none; font-family: "Trebuchet MS", sans-serif; font-size: 8pt; color: #808080; text-decoration: none; text-align: left; width: 805px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 0px; padding: 0px 0px 0px 10px; color: #808080}

/* Largeur utilisable 805px pour les ecrans 1024 */
/* Fond: 25 - 18 - 00 / 037 - 024 - 000          */
div.cadres {display: block; width: 625px; background: url("bckresA.jpg") repeat-y 0px 0px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; border: none}


h1.partie
  {clear: both; font-family: "Verdana", sans-serif; font-size: 0.8em; text-align: left; font-weight: 700; color: #FFE897; width: 600px; margin: 0px auto 0px auto; padding: 10px 0px 0px 0px; border: none}
h2.tmois /* padding et pas margin pour FF 3.0.4 */
  {clear: both; font-family: "Verdana", sans-serif; font-size: 0.8em; text-align: left; font-weight: 700; margin-left: 5px; color: #623100; width: 780px; margin: 0px auto 0px auto; padding: 10px 0px 5px 0px; border: none}

span.fond1
  {background: #BF9847}

table.moisg
  {float: left; font-family: "Verdana", sans-serif; font-size: 0.7em; text-align: left; font-weight: 200; color: #FFE897; background: #251800; width: 385px; table-layout: fixed; margin: 5px 0px 5px 20px; padding: 0px 0px 0px 0px; border-spacing: 0px; border: none; empty-cells: show}
  col.bout
    {width: 20px; vertical-align: baseline}
  col.pldo
    {width: 85px; vertical-align: top}
  col.date
    {width: 75px; vertical-align: top}
  col.libel
    {vertical-align: top}
  tr.annul
    {color: #BF9847; background: #443A23; padding: 0px 0px 0px 0px}
  tr.avenir
    {color: #BF9847; background: #734D2A; padding: 0px 0px 0px 0px}
  tr.derniere
    {color: #FFFFFF; background: #673A17; padding: 0px 0px 0px 0px}
  tr.couru
    {background: #673A17; padding: 0px 0px 0px 0px}
    td.regate
      {border-top: 1px solid #87673E; border-bottom: 1px solid #4B2D11; padding: 2px 0px 2px 0px}
    td.regateannul
      {text-decoration: line-through; border-top: 1px solid #87673E; border-bottom: 1px solid #4B2D11; padding: 2px 0px 2px 0px}
    td.regbout
      {text-align: center; border-top: 1px solid #87673E; border-bottom: 1px solid #4B2D11; padding: 2px 0px 2px 0px}

  tr.sep /* separation entre 2 regates */
    {background: #3D3123; padding: 0px 0px 0px 0px}
    td.sep
      {font-size: 0.2em; padding: 0px 0px 0px 0px; border: none}

table.moisd
  {float: right; font-family: "Verdana", sans-serif; font-size: 0.7em; text-align: left; font-weight: 200; color: #FFE897; width: 385px; margin: 5px 10px 5px 0px; padding: 0px 0px 0px 0px; border-spacing: 0px; border: none; background: #3E1F00}

a.bout:link, a.bout:active, a.bout:visited
  {padding: 0px 0px 0px 0px; border: none} 
a.bout:hover, a.bout:focus
  {padding: 0px 0px 0px 0px; border: none; background: #FFE897}
a.carac:link, a.carac:active, a.carac:visited
  {padding: 0px 0px 0px 0px; border: none; text-decoration: underline; color: #FFFFFF} 
a.carac:hover, a.carac:focus
  {padding: 0px 0px 0px 0px; border: none; background: #FFE897; text-decoration: underline; color: #623100}
img.brcht
  {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none}

/* ================================ */
/* Resultats detailles d'une regate */
/* ================================ */

/* Uniquement a l'edition */
div.adresse
  {display: block; font-family: "Tahoma", sans-serif; font-size: 10pt; letter-spacing: 0.05em; font-variant: normal; font-weight: 200; color: #000000; text-align: right; margin: 5px 0px 10px 0px; padding: 0px 0px 0px 0px; border: none}
p.titedit
  {display: block; font-family: "Verdana", sans-serif; font-size: 12pt; letter-spacing: 0.05em; font-variant: normal; font-weight: 200; color: #000000; text-align: center; margin: 5px 0px 10px 0px; padding: 0px 0px 0px 0px; border: none}
img.incrustged {float: left; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px}

table.titre /*  largeur: 785 = 805 de div de fond - (10 + 10 de margin) */
  {font-family: "Times New Roman", serif; letter-spacing: 0.05em; font-style: normal; font-weight: 200; color: #FFFFFF; width: 605px; margin: 10px 10px 15px 10px; padding: 0px 0px 0px 0px; border: none; border-spacing: 0px}
  td.lieu
  {font-size: 18pt; text-align: left; vertical-align: bottom; font-style: italic; font-weight: 200; color: #000000; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 10px; border-top: 1px solid #808080; border-bottom: 1px solid #808080}
  td.nom
  {font-size: 14pt; text-align: right; vertical-align: bottom; font-style: italic; font-weight: 200; color: #000000; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 10px; border-top: 1px solid #808080; border-bottom: 1px solid #808080}

/* dans le cas ou il y a plusieurs classements sur une epreuve, titre des classements */
/* reprend le style de titreg */
table.titcla /*  largeur: 785 = 805 de div de fond - (10 + 10 de margin) */
  {font-family: "Times New Roman", serif; letter-spacing: 0.05em; font-style: normal; font-weight: 200; color: #FFFFFF; width: 605px; margin: 10px 10px 5px 10px; padding: 0px 0px 0px 0px; border: none; border-spacing: 0px}
  td.cla
  {font-size: 1.1em; text-align: left; vertical-align: bottom; font-style: italic; font-weight: 200; color: #000000; margin: 0px 0px 0px 0px; padding: 10px 0px 5px 10px; border-style: none}
  
span.nom
  {font-size: 0.8em; letter-spacing: 0.05em; font-style: italic; font-weight: 200; color: #FFFFFF}

/* Pas d'edition des boutons */
p.boutres {display: none; font-family: "Trebuchet MS", sans-serif; font-size: 8pt; font-style: normal; text-align: right; color: #FFE897; width: 785px; margin: 0px auto 10px auto; padding: 0px 0px 0px 0px; position: relative}
a.res:link, a.res:visited, a.res:active
  {color: #FFF8DD; text-decoration: underline; border-style: none}
a.res:hover
  {color: #623100; background: #FFF8DD; text-decoration: none; border-style: none}
a.res span.comment
  {display: none} 
a.res:hover span.comment
  {display: inline; width: 400px; position: absolute; top: -20px; left: 250px; text-align: justify; color: #303030; background: #FFFFFF ; margin: 0px; padding: 3px; border-top: 1px solid #808080}

div.entete
  {margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; border: none}
div.ref /* le background est celui du div cadres: bckresA.jpg */
  {display: block; float: left; width: 210px; font-family: "Verdana", sans-serif; font-size: 10pt; letter-spacing: 0.0em; text-align: justify; font-style: normal; font-weight: 200; color: #404040; background: #251800; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none}
div.refgch
  {text-align: left; margin: 0px 0px 0px 0px; padding: 2px 5px 2px 0px; border: none}
div.refdrt
  {text-align: right; margin: 0px 0px 0px 0px; padding: 0px 5px 2px 0px; border: none}

p.ref /* le background est celui du div cadres: bckresA.jpg */
  {font-family: "Verdana", sans-serif; font-size: 10pt; letter-spacing: 0.0em; text-align: justify; font-style: normal; font-weight: 200; color: #404040; background: #251800; margin: 0px 0px 0px 230px; padding: 0px 5px 0px 5px; border: none}
p.comment
  {font-family: "Times New Roman", serif; font-size: 11pt; letter-spacing: 0.05em; text-align: justify; font-style: normal; font-weight: 200; color: #000000; margin: 5px 0px 0px 230px; padding: 5px 10px 5px 10px; border: none}
p.ffv
  {font-family: "Verdana", sans-serif; font-size: 0.6em; letter-spacing: 0.0em; font-style: normal; font-weight: 200; text-align: right; color: #000000; margin: 0px 0px 0px 230px; padding: 0px 10px 0px 10px; border: none}
p.note 
  {display: none; font-family: "Verdana", sans-serif; font-size: 0.7em; letter-spacing: 0.0em; text-align: left; font-style: normal; font-weight: 200; color: #BF9847; background: #251800; margin: 10px 15px 5px 15px; padding: 0px 0px 0px 0px; border: none}

div.zonephoto /* permet de faire un defilement horizontal - vignettes en 50px de haut */
  {clear: both; width: auto; height: 113px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: none}
div.photo785
  {width: auto; height: 90px; background: url(Film_C.png); margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: none}
div.photo1000
  {width: auto; height: 96px; background: url(Film_C.png); margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: none}
div.photo1500
  {width: auto; height: 96px; background: url(Film_C.png); margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: none}
div.photo2000
  {width: auto; height: 96px; background: url(Film_C.png); margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: none}
div.zonephotob /* permet de faire un defilement horizontal - vignettes en 75px de haut */
  {clear: both; width: auto; height: 117px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: none; overflow: auto}
div.photo785b /* vignettes en 75px de haut */
  {width: auto; height: 115px; background: url(Film_C1.png); margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: none}

a.agrand:active, a.agrand:link, a.agrand:visited
  {float: left; margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; border: 1px solid #808080}
a.agrand:hover, a.agrand:focus
  {float: left; margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; border: 1px solid #FFE897}
img.reduc
  {background: #000000; margin: 0px 0px 0px 0px; padding: 1px 1px 1px 1px; border: none}


table.reg
  {clear: both; font-family: "Times New Roman", serif; font-size: 10pt; letter-spacing: 0.05em; text-align: center; font-style: normal; font-weight: 200; color: #000000; width: 605px; margin: 10px 10px 0px 10px; padding: 0px 0px 0px 0px; border: none; border-spacing: 0px}
  col.pl
    {width: 30px}
  tr.titlig
    {background: #251800; padding: 0px 0px 0px 0px}
    th.titdeb
      {font-size: 0.2em; padding: 0px 0px 0px 0px; border-top: 1px solid #FFFFFF}
    th.titfin
      {font-size: 0.2em; padding: 0px 0px 0px 0px; border-bottom: 1px solid #FFFFFF}
  tr.titre
    {color: #000000; background: #BF9847; padding: 2px 0px 2px 0px}
    th.lib
      {font-family: "Times New Roman", serif; font-size: 12pt; letter-spacing: 0.05em; text-align: center; font-style: normal; font-weight: 200; border-top: 1px solid #808080; border-bottom: 1px solid #808080}
  tr.fonc
    {background: #673A17; padding: 2px 0px 2px 0px}
  tr.clai
    {background: #734D2A; padding: 2px 0px 2px 0px}
    td.pla
      {text-align: right; vertical-align: top; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 2px 8px 2px 2px}
    td.res
      {text-align: left; vertical-align: top; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 2px 2px 2px 2px}
    td.pnt
      {text-align: right; vertical-align: top; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 2px 5px 2px 2px}

/* A pour Autres Series (dans les regates multiserie */
  tr.fonca
    {color: #808080; background: #673A17; padding: 2px 0px 2px 0px}
  tr.claia
    {color: #808080; background: #734D2A; padding: 2px 0px 2px 0px}

/* Detail des manches */
/* le detail n'est affiche que lors du hover ou du focus. La liste ordonnee sert a numeroter les manches */
span.detres
  {font-family: "Times New Roman", serif; font-size: 0.75em; letter-spacing: 0.05em; font-weight: 200; text-decoration: none; text-align: center; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: 0px 0px 0px 0px; padding: 2px 5px 2px 5px; background: #BF9847; color: #623100}
ol.detres
  {font-family: "Times New Roman", serif; font-size: 7pt; letter-spacing: 0.0em; font-weight: 200; text-decoration: none; text-align: left; border-top: 1px solid #606060; border-bottom: 1px solid #606060; margin: 0px 0px 0px 0px; padding: 2px 5px 2px 5px; background: #FFFFFF; color: #808080; list-style: none; counter-reset: mche}
/* pnt est defini dans la table reg */
.pnt a span {display: none}
.pnt a:hover span {display: block; position: relative; bottom: 0px; right: 10px; width: 150px}
.pnt a:focus span {display: block; position: relative; top: 0px; right: 30px; width: 150px}
.pnt a > ol {display: block}
.pnt a > ol > li {display: inline; color: #808080}
.pnt a > ol > li:before {display: marker; content: "M-"counter(mche)" : "; counter-increment: mche}
.pnt a > ol > li:after {display: marker; content: " / "}

a.manche:link, a.manche:visited, a.manche:active
  {color: #000000; font-weight: 200; text-decoration: none}
a.manche:hover, a.manche:focus
  {color: #000000; font-weight: 700; text-decoration: none}
a.manchea:link, a.manchea:visited, a.manchea:active
  {color: #808080; font-weight: 200; text-decoration: none}
a.manchea:hover, a.manche:focus
  {color: #808080; font-weight: 700; text-decoration: none}