/* nom   : AfsResS.css.htm                                 */
/* auteur: Gilles BOISAUBERT                               */
/* cre   : 28/12/2007                                      */
/* maj   : 03/06/2008 - Resultats des autres series        */
/*         25/02/2009 - graphisme et UTF8                  */
/*         13/10/2009 - detail des manches                 */
/* notes : A.F. Snipe - Resultats                          */
/* 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),           */
  
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}
.gras {font-weight: 700}

#xiti-logo-noscript {display: block; 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: block; 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: 805px; background: url("bckresA.jpg") repeat-y 0px 0px; margin: 0px auto 0px auto; padding: 10px 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: 780px; 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}
span.datecalc
  {font-size: 0.8em; letter-spacing: 0.05em; font-style: italic; font-weight: 200; color: #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: none; 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: none; font-family: "Verdana", sans-serif; font-size: 12pt; letter-spacing: 0.05em; font-variant: normal; font-weight: 700; color: #000000; text-align: center; margin: 5px 0px 10px 0px; padding: 0px 0px 0px 0px; border: none}
img.incrustged {display: none; 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: 785px; margin: 0px 10px 5px 10px; padding: 0px 0px 0px 0px; border: none; border-spacing: 0px}
  td.lieu
  {font-size: 1.3em; text-align: left; vertical-align: bottom; font-style: italic; font-weight: 200; color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 10px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF}
  td.nom
  {font-size: 1.1em; text-align: right; vertical-align: bottom; font-style: italic; font-weight: 200; color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 10px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF}

/* 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: 785px; 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: #FFFFFF; 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}

p.boutres {font-family: "Trebuchet MS", sans-serif; font-size: 0.7em; 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: 0.8em; letter-spacing: 0.0em; text-align: justify; font-style: normal; font-weight: 200; color: #BF9847; 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: 0.8em; letter-spacing: 0.0em; text-align: justify; font-style: normal; font-weight: 200; color: #BF9847; background: #251800; margin: 0px 0px 0px 230px; padding: 0px 5px 0px 5px; border: none}
p.comment
  {font-family: "Times New Roman", serif; font-size: 0.9em; letter-spacing: 0.05em; text-align: justify; font-style: normal; font-weight: 200; color: #FFE897; 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: #BF9847; margin: 0px 0px 0px 230px; padding: 0px 10px 0px 10px; border: none}
p.note 
  {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: 785px; height: 113px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: none; overflow: auto}
div.photo785 /* vignettes en 50px de haut */
  {width: 785px; height: 90px; background: url(Film_C.png); margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: none}
div.photo1000
  {width: 1000px; height: 90px; background: url(Film_C.png); margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: none}
div.photo1500
  {width: 1500px; height: 90px; background: url(Film_C.png); margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: none}
div.photo2000
  {width: 2000px; height: 90px; 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: 785px; height: 117px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: none; overflow: auto}
div.photo785b /* vignettes en 75px de haut */
  {width: 785px; 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: 23px 5px 10px 5px; padding: 0px 0px 0px 0px; border: 1px solid #101010}
a.agrand:hover, a.agrand:focus
  {float: left; margin: 23px 5px 10px 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: 0.9em; letter-spacing: 0.05em; text-align: center; font-style: normal; font-weight: 200; color: #FFE897; width: 785px; 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: #623100; background: #BF9847; padding: 2px 0px 2px 0px}
    th.lib
      {font-family: "Times New Roman", serif; font-size: 1.2em; letter-spacing: 0.05em; text-align: center; font-style: normal; font-weight: 200}
  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 #87673E; border-bottom: 1px solid #4B2D11; padding: 2px 8px 2px 2px}
    td.res
      {text-align: left; vertical-align: top; border-top: 1px solid #87673E; border-bottom: 1px solid #4B2D11; padding: 2px 2px 2px 2px}
    td.pnt
      {text-align: right; vertical-align: top; border-top: 1px solid #87673E; border-bottom: 1px solid #4B2D11; padding: 2px 5px 2px 2px}
/* A pour Autres Series (dans les regates multiserie) */
  tr.fonca
    {color: #BF9847; background: #673A17; padding: 2px 0px 2px 0px}
  tr.claia
    {color: #BF9847; 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: 0.75em; letter-spacing: 0.05em; font-weight: 200; text-decoration: none; text-align: left; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: 0px 0px 0px 0px; padding: 2px 5px 2px 5px; background: #BF9847; color: #623100; 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: none}
.pnt a:hover > ol {display: block}
.pnt a:hover > ol > li {display: block}
.pnt a:hover > ol > li:before {display: marker; content: "M-"counter(mche)" : "; counter-increment: mche}
.pnt a:focus > ol {display: block}
.pnt a:focus > ol > li {display: block}
.pnt a:focus > ol > li:before {display: marker; content: "M-"counter(mche)" : "; counter-increment: mche}

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

/* import des resultats sans ressaisie */
  /* hauteur a 450 correspond au dispo en 1024 x 768 */
object.res
  {clear: both; height:450px; width: 100%; margin: 0px; padding: 10px}

/* ====================== */
/* Championnat par points */
/* ====================== */

h1.pts
  {font-family: "Times New Roman", serif; font-size: 1.3em; letter-spacing: 0.05em; font-style: italic; font-weight: 200; text-align: center; color: #FFFFFF; margin: 0px 10px 20px 10px; padding: 10px 0px 10px 0px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF}

p.regate
  {clear: both; font-family: "Verdana", sans-serif; font-size: 0.8em; letter-spacing: 0.0em; text-align: justify; font-style: normal; font-weight: 200; color: #BF9847; margin: 0px 20px 20px 20px; padding: 0px 0px 0px 30px; text-indent: -30px}
p.std
  {font-family: "Verdana", sans-serif; font-size: 0.8em; letter-spacing: 0.0em; text-align: justify; font-style: normal; font-weight: 200; color: #BF9847; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both}
span.ville
  {color: #FFE897}
table.resptsg
  {float: left; font-family: "Verdana", sans-serif; font-size: 0.8em; text-align: left; font-weight: 200; color: #FFE897; background: #251800; width: 385px; margin: 5px 0px 5px 10px; 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}
table.resptsd
  {float: right; font-family: "Verdana", sans-serif; font-size: 0.8em; text-align: left; font-weight: 200; color: #FFE897; background: #251800; width: 385px; margin: 5px 10px 5px 0px; padding: 0px 0px 0px 0px; border-spacing: 0px; border: none; empty-cells: show}

a.carac2:link, a.carac2:active, a.carac2:visited
  {padding: 0px 0px 0px 0px; border: none; text-decoration: underline; color: #FFE897} 
a.carac2:hover, a.carac2:focus
  {padding: 0px 0px 0px 0px; border: none; background: #FFE897; text-decoration: underline; color: #623100}