/* *  *  * Produit par:Ludovic LANDIER * Contact:landier@dtcreative.net *  */
/**** Général ****/
html, body, p {
	height: 100%;
  width: 100%
	margin: 0px;
	padding: 0px;
}
body {
	background: url('img_gbg.png') #d9d9d9;
  text-align: center;

}
font, th, td, p, div {
	font-family: Arial, Helvetica, Sans;
	font-size: 12px;
	color: #898989;
}
a:link, a:active, a:visited {
	text-decoration: none;
	color: #ef4135;
	outline: 0;
}
a:hover {
	text-decoration: none;
	color: #0055a4;
	outline: 0;
}
hr {
	border: 1px solid transparent;
	border-top: 1px solid #c3c7c9;
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}
p {
  text-align: justify;
}
/**** Mise en page principale ****/

#tgbg {
  position: absolute;
  width: 100%;
  height: 333px;
  background: url('img_tgbg.png') repeat-x top center;
  top: 0;
  z-index: -1;
}

#top {
  margin-top: 20px;
  width: 928px;
  height: 79px;
  text-align: left;
  overflow: hidden;
  background: url('img_topbg.png') no-repeat top center;
  margin: 0px auto;
}

#top .toptitmnu {
  float: left;
  width: 605px;
  height: 59px;
  padding: 15px 0 0 65px;
}

#top .toptitmnu h1 {
  padding: 0;
  margin: 0;
  color: #ffffff;
  font-size: 18px;
}

#top .toptitmnu .mnub {
  margin: 24px 0 0 0;
  color: #d9d9d9;
  text-transform: uppercase;
  font-size: 10px;
}

#top .toptitmnu .lng {
  border: 0;
  font-size: 10px;
  color: #ef4135;
}

#top .logout {
  width: 250px;
  height: 79px;
  float: right;
  text-align: right;
  border: 0;
}

#top .logout form {
  padding: 0;
  width: 250px;
  height: 79px;
}

#top .logout img {
  width: 78px;
  height: 79px;
  border: 0;
}

#top .logout form div {
  margin-top: 20px;
  float: left;
  width: 132px;
}

#top .logout form a {
  font-size: 10px;
}

#top .logout form .log_user {
  border: 1px solid #d9d9d9;
  font-size: 10px;
  width: 125px;
  margin-bottom: 5px;
  color: #d9d9d9;
  background: url('ico_16_user.png') no-repeat left center #ffffff;
  padding-left: 20px;
}

#top .logout form .log_passwd {
  border: 1px solid #d9d9d9;
  font-size: 10px;
  width: 125px;
  color: #d9d9d9;
  background: url('ico_16_lock.png') no-repeat left center #ffffff;
  padding-left: 20px;
}

#top .logout .loginfo {
  padding: 15px 0 0 0;
  width: 150px;
  height: 79px;
  float: left;
  text-align: left;
  overflow: hidden;
}

#top .logout .loginfo h3 {
  margin: 0;
  padding: 0;
}

#logo {
  width: 928px;
  height: 189px;
  text-align: left;
  overflow: hidden;
  background: url('img_mainbg.png') repeat-y top center;
  margin: 0px auto;
}

#logoimg {
  width: 928px;
  height: 189px;
  text-align: left;
  overflow: hidden;
  background: url('img_logobg.jpg') repeat-y top center;
}

#logo .server {
  float: left;
  margin: 80px 0 0 25px;
}

#logo .server img {
  border: 0;
}

#logo .server div {
  margin: -13px 1px 0 0;
  height: 13px;
  overflow: hidden;
  text-align: right;
  color: #ffffff;
  font-size: 10px;
}

#logo .panel {
  width: 202px;
  height: 90px;
  float: right;
  margin: 60px 29px 0 0;
  padding: 10px;
  font-size: 8px;
  text-transform: uppercase;
  color: #400000;
}

#logo .panel span {
  display:block;float:left;
}

#logo .panel div {
  color: #400000;
  font-size: 8px;
  text-transform: uppercase;
}

#main {
  width: 888px;
  padding: 0 20px 0 20px;
  text-align: left;
  overflow: hidden;
  background: url('img_mainbg.png') repeat-y top center;
  margin: 0px auto;
}

#main .left {
  width: 175px;
  border-right: 1px solid #d9d9d9;
  overflow: hidden;
  vertical-align: top;
}

#main .center {
  width: 460px;
  padding: 0 10px 0 10px;
  border-right: 1px solid #d9d9d9;
  overflow: hidden;
  vertical-align: top;
}

#main .right {
  width: 200px;
  padding: 0 20px 0 10px;
  overflow: hidden;
  vertical-align: top;
}

#main iframe {
  margin: 0 auto 0 auto;
}

#foot {
  width: 928px;
  height: 59px;
  padding: 20px 0 0 0;
  text-align: center;
  overflow: hidden;
  background: url('img_footbg.png') no-repeat top center;
  margin: 0px auto;
}

#foot {
  color: #d9d9da;
}

.tbl td {
  font-size: 10px;
}

.tbl td a {
  font-size: 10px;
}

.war_time {
  border-bottom: 1px solid #d9d9d9;
  font-size: 10px;
  text-align: right;
  color: #b9b9b9;
}

#mumble {
  margin-top: 15px;
}

#mumble h3 {
  background: url('ico_16_mumble.png') no-repeat left center;
  padding: 0 0 0 20px;
  marging: 0;
  text-transform: uppercase;
}

#mumble ul {
  margin: 5px 0 0 0;
  padding: 0;
  list-style: none;
}

#mumble ul li {
  margin: 0;
  padding: 2px 0 2px 20px;
  border-bottom: 1px dotted #d9d9d9;
}

#mumble li.a1 {
  background: url('ico_16_flag_authenticated.png') no-repeat left center;
}

#mumble div {
  text-align: right;
  padding-top: 4px;
  letter-spacing: 1px;
}

/*** News ***/


#main .center .news .date {
  font-size: 10px;
  background: #f5f5f5;
  text-align: right;
  margin: 5px 0 0 0;
  padding: 1px;
  color: #c9c9c9;
}

#main .center .news .content {
  font-size: 12px;
  background: #f0f0f0;
  text-align: justify;
  margin: 0;
  padding: 5px 4px 5px 4px;
  border-top: 1px solid #d9d9d9;
  color: #898989;
}

.news_code {
  display: block;
  font-size: 10px;
  padding: 5px 4px 5px 4px;
  background: #fdfdfd;
  text-align: justify;
  border: 1px solid #d9d9d9;
  color: #a9a9a9;
}

.news_quote {
  display: block;
  font-size: 10px;
  padding: 5px 4px 5px 4px;
  background: #fdfdfd;
  text-align: justify;
  border: 1px solid #d9d9d9;
  color: #a9a9a9;
}

.news_left {
  display: block;
  text-align: left;
}

.news_center {
  display: block;
  text-align: center;
}

.news_right {
  display: block;
  text-align: right;
}



/*** Legal ***/
#editor {
  margin-left: 15px;
  width: 230px;
  overflow: hidden;
  float: left;
}

#law {
  float: left;
  text-align: justify;
  width: 600px;
}

#law div {
  margin: 0 0 10px 0;
}

/*** Team ***/
.jointeam {
  font-size: 14px;
}

.user {
  margin: 0 20px 0 10px;
  width: 240px;
  height: 40px;
  overflow: hidden;
  float: left;
  font-size: 16px;
  font-weight: bold;
}

.user .title {
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
}

.user_sep {
  clear: both;
  height: 20px;
}

/*** Wars ***/
.match_chart {
  width: 600px;
  height: 13px;
  background: url('img_fpb.png') repeat-x top left;
  display: block;
  clear: both;
  text-align: left;
  overflow: hidden;
}

.match_chart .mpb_v {
  height: 11px;
  padding-top: 2px;
  background: url('img_wpb.png') repeat-x top left;
  float: left;
  text-align: center;
  color: #ffffff;
  font-size: 8px;
  overflow: hidden;
}

.match_chart .mpb_e {
  height: 11px;
  padding-top: 2px;
  background: url('img_epb.png') repeat-x top left;
  float: left;
  text-align: center;
  color: #ffffff;
  font-size: 8px;
  overflow: hidden;
}

.match_chart .mpb_d {
  height: 11px;
  padding-top: 2px;
  background: url('img_dpb.png') repeat-x top left;
  float: left;
  text-align: center;
  color: #ffffff;
  font-size: 8px;
  overflow: hidden;
}

.match_results {
  width: 95%;
  margin-top: 10px;
  background: #d0d0d0;
}

.match_results thead tr td {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  background: #d8d8d8;
  padding: 2px 2px 2px 4px;
}

.match_results tbody tr td {
  font-size: 10px;
  padding: 1px 1px 1px 2px;
}

.match_results tbody tr td span {
  color: #000000;
}

.match_results tbody tr td img {
  vertical-align: bottom;
  margin-right: 4px;
  border: 0;
}

.match_results .ln0 {
  background: #f0f0f0;
}

.match_results .ln1 {
  background: #e7e7e7;
}

.match_results tbody tr:hover td {
  background: #ffffff;
  cursor: pointer;
}

/*** Team & Match Details ***/
#teamdetails {
  float: left;
  width: 350px;
  margin: 10px 0 0 20px;
  background: #e5e5e5;
}

#teamdetails tr td {
  background: #f0f0f0;
}

#teamstats {
  float: right;
  width: 250px;
  margin: 10px 20px 0 0;
  background: #e5e5e5;
}

#teamstats tr td {
  background: #f0f0f0;
}

#teamstats tr td span {
  font-weight: bold;
}

#matchdetails {
  float: right;
  width: 350px;
  margin: 10px 20px 0 0;
  background: #e5e5e5;
}

#matchdetails tr td span {
  font-weight: bold;
}

#matchdetails tr td img {
  vertical-align: bottom;
  margin-right: 4px;
  border: 0;
}

#matchdetails tr td {
  background: #f0f0f0;
}

/*** Fixtures ***/

#big_cal {
  width: 100%;
  background: #d0d0d0;
}

#big_cal thead tr td {
  background: #e8e8e8;
  padding-left: 3px;
  font-weight: bold;
}

#big_cal tbody tr td {
  height: 50px;
  background: #f0f0f0;
  vertical-align: top;
  overflow: hidden;
}

#big_cal tbody tr td img {
  margin-right: 4px;
  vertical-align: bottom;
  border: 0;
}

#big_cal tbody tr td.out {
  background: #dddddd;
  color: #ffffff;
}

#big_cal tbody tr td span {
  font-size: 10px;
}

#big_cal tbody tr td.in:hover {
  background: #f8f8f8;
}

.cal_nav {
  width: 190px;
  float: right;
  margin: 23px 10px 0 0;
  background: #f0f0f0;
  border: 1px solid #d0d0d0;
  padding: 2px;
}

.cal_nav .date {
  width: 80px;
  float: left;
}

.cal_nav .tag {
  width: 100px;
  float: left;
}

/*** Repos ***/

.repos {
  width: 95%;
  margin-top: 10px;
  background: #d0d0d0;
}

.repos thead tr td {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  background: #d8d8d8;
  padding: 2px 2px 2px 4px;
}

.repos tbody tr td {
  font-size: 10px;
  padding: 1px 1px 1px 2px;
}

.repos tbody tr td span {
  color: #000000;
}

.repos .ln0 {
  background: #f0f0f0;
}

.repos .ln1 {
  background: #e7e7e7;
}

.repos tbody tr:hover td {
  background: #ffffff;
  cursor: pointer;
}

/*** Admin tab ***/

.adm_tab {
  width: 95%;
  margin-top: 10px;
  background: #d0d0d0;
}

.adm_tab thead tr td {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  background: #d8d8d8;
  padding: 2px 2px 2px 4px;
}

.adm_tab tbody tr td {
  font-size: 10px;
  padding: 1px 1px 1px 2px;
}

.adm_tab tbody tr td span {
  color: #000000;
}

.adm_tab tbody tr td img {
  vertical-align: bottom;
  margin-right: 4px;
  border: 0;
}

.adm_tab .ln0 {
  background: #f0f0f0;
}

.adm_tab .ln1 {
  background: #e7e7e7;
}

.adm_tab tbody tr:hover td {
  background: #ffffff;
  cursor: pointer;
}

/*** Admin users ***/

#useredit_formcontainer {
  position: absolute;
  text-align: left;
  z-index: 800;
  margin-left: 150px;
  margin-top: -40px;
}

.useredit_formin {
  width: 500px;
  height: 340px;
  background: #f6f6f6;
  border:2px solid #111111;
  overflow: hidden;
}

.useredit_formin .topbar {
  background: #e2e2e2;
  height: 14px;
  padding: 2px 0 0 4px;
  text-align: left;
  font-size: 10px;
}

.useredit_formin .topbar img {
  border: 0;
  cursor: pointer;
  margin-top: -2px;
}

/*** Admin wars ***/

#waredit_formcontainer {
  position: absolute;
  text-align: left;
  z-index: 800;
  margin-left: 150px;
  margin-top: -40px;
}

.waredit_formin {
  width: 500px;
  height: 370px;
  background: #f6f6f6;
  border:2px solid #111111;
  /*overflow: hidden;*/
}

.waredit_formin .topbar {
  background: #e2e2e2;
  height: 14px;
  padding: 2px 0 0 4px;
  text-align: left;
  font-size: 10px;
}

.waredit_formin .topbar img {
  border: 0;
  cursor: pointer;
  margin-top: -2px;
}

/*** Admin maps ***/

#mapedit_formcontainer {
  position: absolute;
  text-align: left;
  z-index: 800;
  margin-left: 150px;
  margin-top: -40px;
}

.mapedit_formin {
  width: 500px;
  height: 90px;
  background: #f6f6f6;
  border:2px solid #111111;
  overflow: hidden;
}

.mapedit_formin .topbar {
  background: #e2e2e2;
  height: 14px;
  padding: 2px 0 0 4px;
  text-align: left;
  font-size: 10px;
}

.mapedit_formin .topbar img {
  border: 0;
  cursor: pointer;
  margin-top: -2px;
}

/*** Admin teams ***/

#teamedit_formcontainer {
  position: absolute;
  text-align: left;
  z-index: 800;
  margin-left: 150px;
  margin-top: -40px;
}

.teamedit_formin {
  width: 500px;
  height: 200px;
  background: #f6f6f6;
  border:2px solid #111111;
  overflow: hidden;
}

.teamedit_formin .topbar {
  background: #e2e2e2;
  height: 14px;
  padding: 2px 0 0 4px;
  text-align: left;
  font-size: 10px;
}

.teamedit_formin .topbar img {
  border: 0;
  cursor: pointer;
  margin-top: -2px;
}

#teamedit_loader {
  width: 500px;
  height: 200px;
  background: url('img_loader.gif') no-repeat center center #ffffff;
  border:2px solid #111111;
}

/*** Date picker ***/

#date_picker {
  position: absolute;
  text-align: left;
  z-index: 1000;
  margin-left: 150px;
  margin-top: -16px;
}

#small_cal {
  width: 100%;
  background: #d0d0d0;
}

#small_cal thead tr td {
  background: #e8e8e8;
  padding-left: 3px;
  font-weight: bold;
}

#small_cal tbody tr td {
  background: #f0f0f0;
  vertical-align: top;
  overflow: hidden;
}

#small_cal tbody tr td img {
  margin-right: 4px;
  vertical-align: bottom;
  border: 0;
}

#small_cal tbody tr td.out {
  background: #dddddd;
  color: #ffffff;
  text-align: center;
}

#small_cal tbody tr td.in {
  text-align: center;
  cursor: pointer;
}

#small_cal tbody tr td span {
  font-size: 10px;
}

#small_cal tbody tr td.in:hover {
  background: #a9a9a9;
  color: #ffffff;
}

/*** Forms ***/

.ipt_sm {
  border: 1px solid #d9d9d9;
  font-size: 12px;
  width: 50px;
  margin-bottom: 2px;
  color: #a2a2a2;
}

.ipt {
  border: 1px solid #d9d9d9;
  font-size: 12px;
  width: 125px;
  margin-bottom: 2px;
  color: #a2a2a2;
}

.ipt_wide {
  border: 1px solid #d9d9d9;
  font-size: 12px;
  width: 200px;
  margin-bottom: 2px;
  color: #a2a2a2;
}

.ipt_ewide {
  border: 1px solid #d9d9d9;
  font-size: 12px;
  width: 350px;
  margin-bottom: 2px;
  color: #a2a2a2;
}

.btn {
  background: url('img_input_bg_grey.png') repeat-x top left;
  border: 1px solid #d9d9d9;
  color: #a2a2a2;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
}

/*** Waring / Error ***/
.warning {
  background: url('ico_32_warn.png') no-repeat 10px 5px #ffe600;
  border: 2px solid #9a2d00;
  padding: 16px;
  padding-left: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #9a2d00;
}

.warning ul li {
  font-weight: bold;
}

.warning div {
  text-align: right;
  height: 20px;
}

.info {
  background: url('ico_32_info.png') no-repeat 10px 5px #99dcff;
  border: 2px solid #002e73;
  padding: 16px;
  padding-left: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #002e73;
}

#error {
  background: url('ico_32_stop.png') no-repeat 10px 5px #ffacac;
  border: 2px solid #890000;
  padding: 16px;
  padding-left: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #890000;
}

#error h1 {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 2px;
  word-spacing: 5px;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  text-align: left;
  border: 0;
}

.emptybox {
  display: none;
}

/*** Page num ***/

a.pglnk {
  display: block;
  border: 1px solid #ffffff;
  text-decoration: none;
  margin: 0 1px 0 1px;
  padding: 0 1px 0 1px;
  float: left;
}

a.pglnk:hover {
  border: 1px solid #800000;
  background: #ffffff;
  color: #000000;
}

a.pglnk_active {
  display: block;
  border: 1px solid #ffffff;
  background: #000000;
  color: #ffffff;
  text-decoration: none;
  margin: 0 1px 0 1px;
  padding: 0 1px 0 1px;
  float: left;
}