/* ffwtt-site v2 — feuille de style du site, dans la direction artistique du site officiel de 2010 :
   fond blanc, banniere « FFWorld Triple Triad », titres bleu #2f52b2, liens #696ab5, tableaux bleu acier #6e9ab2.
   Modifiable : tant que ce fichier est celui d'origine il est mis a jour avec le serveur, sinon il n'est plus touche. */
body { margin: 0; color: #000; background-color: #fff; min-width: 650px; }
div, p, span, td, li, label { font-family: Arial, sans-serif; font-size: 13px; color: #000; text-align: left; }
a, a:visited, a:active { font-weight: normal; color: #696ab5; text-decoration: none; }
a:hover { color: #585880; text-decoration: underline; }
input, textarea, select { font-family: Arial, sans-serif; font-size: 13px; font-weight: bold;
  border: solid 1px #6e9ab2; background-color: #fff; color: #696ab5; }
input.button { width: 150px; cursor: pointer; }
input.checkbox { border-style: none; background-color: transparent; }
/* banniere : l'image a gauche, sa derniere colonne repetee vers la droite (comme header_left / header_right d'origine) */
div.banner { margin: 0; height: 106px; background-image: url(/images/header_right.png); background-repeat: repeat-x; }
div.banner img { border: 0; display: block; }
/* sans image de banniere (web/images/header_left.png absent) : un titre en texte */
div.header { height: 106px; background-color: #353f6d; border-bottom: solid 3px #9ecce4; }
div.header div.logo { padding: 26px 0 0 28px; font-family: Georgia, serif; font-size: 34px; font-weight: bold; color: #d1d2ab; letter-spacing: 1px; }
div.header div.logo span { color: #9ecce4; font-family: Georgia, serif; font-size: 34px; }
div.statusbar { padding: 3px 14px; background-color: #eaf3fa; border-top: solid 1px #9ecce4; border-bottom: solid 1px #9ecce4;
  color: #353f6d; font-size: 12px; }
div.statusbar b, div.statusbar span { color: #353f6d; font-size: 12px; }
div.footer { height: 14px; background-color: #eaf3fa; border-top: solid 2px #67788a; }
div.copyright { padding: 10px 0; text-align: center; font-size: 12px; color: #808080; }
div.copyright a { color: #808080; text-decoration: underline; }
table.content { border-collapse: collapse; border-style: none; width: 100%; }
td.menu { width: 190px; vertical-align: top; padding: 10px 8px 20px 12px; }
td.content { vertical-align: top; padding: 0 22px 25px 22px; }
div.menutitle { font-size: 15px; font-weight: bold; color: #2f52b2; margin-top: 12px; }
div.menulink { padding-left: 10px; }
div.menuselfpage { padding-left: 10px; font-weight: bold; }
table.auth { position: absolute; top: 10px; right: 14px; border-collapse: collapse; border: solid 2px #6e9ab2; background-color: #fff; }
table.auth td { padding: 2px 8px; text-align: center; font-size: 12px; }
td.minilistheader { background-color: #6e9ab2; color: #fff; font-weight: bold; }
p.title { text-align: center; font-size: 22px; font-weight: bold; color: #2f52b2; margin: 12px 0 0 0; padding-bottom: 10px; }
p.subtitle { font-size: 15px; font-weight: bold; color: #2f52b2; margin-top: 25px; }
p.text { text-align: justify; }
p.subtext, div.subtext { text-align: justify; padding-left: 10px; margin-left: 10px; margin-bottom: 20px; border-left: solid 1px #2f52b2; }
p.links { text-align: center; }
p.question { padding-top: 10px; font-weight: bold; }
p.error, span.error { font-weight: bold; color: #f00; text-align: center; }
p.success { font-weight: bold; color: #008000; text-align: center; }
table.form { border-collapse: collapse; border: 2px solid #6e9ab2; margin: 15px auto 0 auto; }
table.form td { padding: 4px; }
table.form td.formlastline { padding: 4px; text-align: center; border-top: solid 2px #6e9ab2; background-color: #6e9ab2; }
table.list { border-collapse: collapse; border: 2px solid #6e9ab2; margin: 15px auto 0 auto; }
table.list td { padding: 3px 6px; }
td.listheader { background-color: #6e9ab2; color: #fff; font-weight: bold; }
td.listheader a, td.listheader a:visited { color: #fff; text-decoration: underline; }
tr.odd td { background-color: #eaf3fa; }
tr.even td { background-color: #fff; }
div.serverbox { border: 2px solid #6e9ab2; margin: 14px auto; width: 80%; }
div.serverbox div.boxtitle { background-color: #6e9ab2; color: #fff; font-weight: bold; padding: 3px 8px; }
div.serverbox div.boxbody { padding: 8px 12px; text-align: center; background-color: #f6fafd; }
div.serverbox div.boxbody div { text-align: center; padding: 2px; }
span.up { color: #008000; font-weight: bold; }
span.down { color: #f00; font-weight: bold; }
input.address { width: 260px; text-align: center; font-size: 14px; }
a.playbutton, a.playbutton:visited { display: inline-block; margin: 6px; padding: 6px 26px; background-color: #353f6d;
  color: #f4f0c8; font-weight: bold; font-size: 15px; border: solid 1px #9ecce4; font-family: Georgia, serif; letter-spacing: 1px; }
a.playbutton:hover { background-color: #2f52b2; color: #fff; text-decoration: none; }
div.news { margin-top: 18px; }
div.news div.newshead { border-bottom: solid 1px #2f52b2; padding-bottom: 2px; }
img.badge { vertical-align: middle; border: 0; }