/**
 *
 * To know :
 * #476A94 : dark blue BG color
 * */

html,body,img {
	margin:0; padding: 0; border: none;
}
body {
	background: #d6dbe1 url(/images/design/wholebg2.png) center top no-repeat;
	color: black;
	font: 11px Tahoma,sans-serif;
}
body#largeDesign { background:  #d6dbe1 }

body#iframed { background:  #d6dbe1 }

body#guest { background: #d6dbe1 url(/images/design/wholebg2.png) center top no-repeat; }

a {
	color: black;
	font-weight:bold;
}
a:link { color: black; }
a:active { color: black; }
a:visited { color: black; }
a:hover { color: #C00 }

h3 { font-size: 150% }
h4 { font-size: 1em; text-align:center; color: #005; margin: 0.5em 0 }

p.l { margin: 0.3em 0 }

.smallfont { font-size: 1em }

.center { text-align:center; }
table.center td { text-align:center }

/* misc */
.avatarimage { padding:0; margin:0 auto; background: url(/images/image_non_dispo.jpg);
	width: 200px; height: 50px }
.avatarimage img { padding:0; margin:0; width: 200px; height: 50px }

.pagehelp { background: #97BCF0; border: 2px solid black; color: black;
	-moz-border-radius: 1em; border-radius: 1em; padding: 0.5em 1em; margin: 0.5em 2em; text-align: justify }
.pagehelp h4 { color: black }
.pagehelp p, .pagehelp h4, .pagehelp ul { margin: 0.3em 0 }
.pagehelp ul { padding-left: 1.2em }

a.boutton {
	padding: 1px 6px;
	text-decoration: none;
	color: #fff;
}
a.boutton:hover { 
	color:white!important; 
	border-color:white;
}
a.selected { 
	color:white!important; 
	border-color:white; 
}

div.uploadimage { font-size: x-small; text-align:center; position:relative }
div.uploadimage div.filetriche { position:absolute;text-align:center;width:100% }

/* when we have a div with an image BG and absolute-positionned elements */
div.placeledesign { position: relative; padding: 0 }
a.placeledesign { display:block; position: relative; padding: 0; color:black; text-decoration:none }
.placeledesign .pld { position: absolute; overflow: auto; }
* html .placeledesign .pld { position: absolute; overflow: hidden; overflow-y: auto; }
.placeledesign form { display: inline }
.placeledesign div.avatarimage { overflow: hidden }

/***** guests *****/
div#guestmenu { height: 60px; background: url(/images/design/header.jpg); }
div#guestmenu table { position:absolute; top:0; right:75px; border-spacing: 10px 1px }
div#guestmenu table td { color:#fff; text-align:center; padding: 0; font: bold 1em Tahoma,sans-serif }
div#guestmenu a { color:#ccc; text-decoration:none;  }
div#guestmenu input { border: 1px solid black; padding-left:2px; width:130px;}
div#guestmenu #linkhome { position:absolute; left: 10px; top:3px; text-decoration: none; width:170px; height: 48px; }
div#guestmenu input.go { position:absolute; top:7px; right:4px; width:60px; height:38px; border:none }
div#guestmenu label { margin-left:-15px; font-weight:normal }
div#guestmenu #stayonline { margin-top:0px; margin-left:5px; float:left; width:auto; }
div#guestmenu #invitedby { position:absolute; left:470px; top:20px; font-weight:bold; color:#fff }

#guestcontent { 
	background: url('/images/design/default-tops.png') top center no-repeat;
	width: 990px;
	height: 412px;
}
#guestcontent h3 { font-size:20px; text-align:center; margin: 0 }
#guestcontent ol { width:100%; padding-left: 40px }
#guestcontent ol li { margin-top: 6px; }
#guestcontent ul li { 
		list-style-image: url('/images/boule1.gif');
		margin-top: 6px;
		}
#guestcontent.guestcontentnofr {
	background: url(/images/design/default-tops-nofr.png) top center no-repeat;
	height: 185px;
	padding-top: 70px;
}

/* login page */
div#jsmsg { position: absolute; z-index:999; width: 400px;
	left: 50%; top: 200px; margin-left:-200px; text-align:center;
	border: 2px solid red; background: #ff8; color: #800; padding:1em }
div#inscr {
	height: 290px; width:425px; position: relative;
	background: url(/images/design/inscr_bg.png) top left no-repeat; text-align:center;
}
div#inscr h1 { position: absolute; top:20px; left: 52px; width: 360px; font-size: 44px; margin: 0; padding:0; }
div#inscr div { position: absolute; top:80px; width: 425px; font-size: 15px; line-height:30px; font-weight:bold; }
div#inscr a { position: absolute; display: block; top: 185px; left:70px; width: 310px; font-size: 30px; text-transform:uppercase; text-decoration:none }
div#inscr img { position: absolute; top:0; left: 9px }


/***** design ****/

/* this contains AllContent, topmenu, leftmenu.
It gots 2 modes : width=100% and width=950px. The 2nd mode is changed by adding largeDesign in html
*/
#AllAll {
	position: relative;
	margin: 0 auto;
	width: 990px;
}
body#largeDesign #AllAll { width: 100% }

#AllContent {
	position: absolute;
	left: 210px; right: 5px;
	top: 60px;
	padding: 5px 5px 0px 5px;
	min-width: 700px;
}

/*#topmenu div , #topmenu table , #leftmenu div, #leftmenu table { border: 1px dotted red }*/

#topmenu { position: absolute; height: 58px; top:0; left: 210px; right:35px; z-index:400; background: url(/images/design/topmenu_bg.jpg); }
#topmenu div { position:absolute } /*  menu titles */
#topmenu div a { font: bold 1.8em sans-serif; color: white; text-decoration: none; }
#topmenu div div.cadre { display:none; border:none; padding:0; padding-top:10px; width:180px; z-index:500 } /* scrolling menus */
#topmenu div:hover div.cadre { display:block }
#topmenu div div.cadre h4 { margin: 0 }
#topmenu div div.cadre a { display: block; width: 87%; padding: 4px 3% 2px 10%; min-height: 25px; text-decoration: none; font: bold 1em sans-serif; color: black }
#topmenu div div.cadre img { vertical-align:middle }
#topmenu a.head { display:block; width: 180px; height:58px; font-size: 0.00001em }
#topmenu div div.cadre a.last { height: 25px; text-align:center; padding: 0; width: 100% }

#topmenu div#tm_perso a.head { background: url(/images/en/des/topmenu_perso.jpg) }
#topmenu div#tm_fight a.head { background: url(/images/en/des/topmenu_fight.jpg) }
#topmenu div#tm_map   a.head { background: url(/images/en/des/topmenu_map.jpg) }
#topmenu div#tm_amis  a.head { background: url(/images/en/des/topmenu_amis.jpg) }
#topmenu div#tm_tuto  a.head { background: url(/images/en/des/topmenu_tuto.jpg) }
#topmenu div#tm_suite a.head { background: url(/images/en/des/topmenu_suite.jpg) }
#topmenu div#tm_perso:hover a.head { background: url(/images/en/des/topmenu_perso2.jpg) }
#topmenu div#tm_fight:hover a.head { background: url(/images/en/des/topmenu_fight2.jpg) }
#topmenu div#tm_map:hover   a.head { background: url(/images/en/des/topmenu_map2.jpg) }
#topmenu div#tm_amis:hover  a.head { background: url(/images/en/des/topmenu_amis2.jpg) }

body.langfr #topmenu div#tm_perso a.head { background: url(/images/fr/des/topmenu_perso.jpg) }
body.langfr #topmenu div#tm_fight a.head { background: url(/images/fr/des/topmenu_fight.jpg) }
body.langfr #topmenu div#tm_map   a.head { background: url(/images/fr/des/topmenu_map.jpg) }
body.langfr #topmenu div#tm_amis  a.head { background: url(/images/fr/des/topmenu_amis.jpg) }
body.langfr #topmenu div#tm_tuto  a.head { background: url(/images/fr/des/topmenu_tuto.jpg) }
body.langfr #topmenu div#tm_suite a.head { background: url(/images/fr/des/topmenu_suite.jpg) }
body.langfr #topmenu div#tm_perso:hover a.head { background: url(/images/fr/des/topmenu_perso2.jpg) }
body.langfr #topmenu div#tm_fight:hover a.head { background: url(/images/fr/des/topmenu_fight2.jpg) }
body.langfr #topmenu div#tm_map:hover   a.head { background: url(/images/fr/des/topmenu_map2.jpg) }
body.langfr #topmenu div#tm_amis:hover  a.head { background: url(/images/fr/des/topmenu_amis2.jpg) }
body.langbg #topmenu div#tm_perso a.head { background: url(/images/bg/des/topmenu_perso.jpg) }
body.langbg #topmenu div#tm_fight a.head { background: url(/images/bg/des/topmenu_fight.jpg) }
body.langbg #topmenu div#tm_map   a.head { background: url(/images/bg/des/topmenu_map.jpg) }
body.langbg #topmenu div#tm_amis  a.head { background: url(/images/bg/des/topmenu_amis.jpg) }
body.langbg #topmenu div#tm_tuto  a.head { background: url(/images/bg/des/topmenu_tuto.jpg) }
body.langbg #topmenu div#tm_suite a.head { background: url(/images/bg/des/topmenu_suite.jpg) }
body.langbg #topmenu div#tm_perso:hover a.head { background: url(/images/bg/des/topmenu_perso2.jpg) }
body.langbg #topmenu div#tm_fight:hover a.head { background: url(/images/bg/des/topmenu_fight2.jpg) }
body.langbg #topmenu div#tm_map:hover   a.head { background: url(/images/bg/des/topmenu_map2.jpg) }
body.langbg #topmenu div#tm_amis:hover  a.head { background: url(/images/bg/des/topmenu_amis2.jpg) }

#topmenu div#tm_perso div.cadre { background: url(/images/design/deroulant_perso.jpg) top }
#topmenu div#tm_fight div.cadre { background: url(/images/design/deroulant_fight.jpg) top }
#topmenu div#tm_map   div.cadre { background: url(/images/design/deroulant_map.jpg) top }
#topmenu div#tm_amis  div.cadre { background: url(/images/design/deroulant_amis.jpg) top }

#topmenu div div.cadre a:hover { background: left top no-repeat }
#topmenu div#tm_perso div.cadre a:hover { background-image: url(/images/design/topmenu_perso/fleche.gif) }
#topmenu div#tm_fight div.cadre a:hover { background-image: url(/images/design/deroulant_fight2.jpg) }
#topmenu div#tm_map   div.cadre a:hover { background-image: url(/images/design/deroulant_map2.jpg) }
#topmenu div#tm_amis  div.cadre a:hover { background-image: url(/images/design/deroulant_amis2.jpg) }

#topmenu div#tm_perso div.cadre a.last { background: url(/images/design/deroulant_perso3.jpg) }
#topmenu div#tm_fight div.cadre a.last { background: url(/images/design/deroulant_fight3.jpg) }
#topmenu div#tm_map   div.cadre a.last { background: url(/images/design/deroulant_map3.jpg) }
#topmenu div#tm_amis  div.cadre a.last { background: url(/images/design/deroulant_amis3.jpg) }

/* topmenu plusieurs colonnes */
#topmenu div#tm_perso div.tm_perso_ga { float:left; background: url(/images/design/topmenu_perso/deroulant_gauche.jpg) }
#topmenu div#tm_perso div.tm_perso_c  { float:left; background: url(/images/design/topmenu_perso/deroulant_milieu.jpg) }
#topmenu div#tm_perso div.tm_perso_dr { float:left; background: url(/images/design/topmenu_perso/deroulant_droit.jpg) }
#topmenu div#tm_perso div.tm_perso_ga a.last { 
	width: 87%; padding: 0 3% 0 10%; text-align:left;
	background: url(/images/design/topmenu_perso/B_G.jpg) }
#topmenu div#tm_perso div.tm_perso_c a.last {
	width: 87%; padding: 0 3% 0 10%; text-align:left;
	background: url(/images/design/topmenu_perso/B.jpg) }
#topmenu div#tm_perso div.tm_perso_dr a.last { background: url(/images/design/topmenu_perso/B_D.jpg) }
#topmenu div#tm_perso div.cadre a.nolink { cursor: default }
#topmenu div#tm_perso div.cadre a.nolink:hover { background: transparent }

a#tm_end { display: block; position: absolute; top:0; right: 0; height:58px; width: 35px;
	background: url(/images/design/topmenu_end.jpg); color: #9db5d7;
	font: 10px Arial,sans-serif; text-align:center; line-height: 70px; overflow:hidden; text-decoration: none }

#topmenu div#tm_perso div.cadre img.town { position: absolute; margin-left: -30px }

#leftmenu { position: absolute; top:0; left: 0; width: 210px; background: #6AF url(/images/design/leftmenu_middle.jpg) }
#leftmenu #lm_linkhome { display:block; text-decoration: none; width: 100%; height: 58px }
#leftmenu #lm_top { background: url(/images/design/leftmenu_top.jpg) top no-repeat; padding: 0 0 0 6px }
#leftmenu #lm_bottom { background: url(/images/design/leftmenu_bottom.jpg); height: 15px }
#leftmenu #lm_lienshaut { width:100px; font:12px sans-serif; float:left; }
#leftmenu #lm_lienshaut p { margin: 0.2em 0; padding-left: 17px }
#leftmenu #lm_lienshaut p a { text-decoration: none; color:white; font-weight: normal; }
#leftmenu #lm_lienshaut p.selected { background: url(/images/design/leftmenu-cursor.png) left center no-repeat }
#leftmenu #lm_lienshaut p.selected a { text-decoration: underline }
#leftmenu #lm_lienshaut p a.newmsg { color: #f44; font-weight:bold }
#leftmenu #lm_icoperso { text-align:center; width: 90px; float: left; }
#leftmenu #lm_icoperso h4 { color: black }
#leftmenu #lm_icoperso img { border: 1px solid #000 }
#leftmenu #lm_icoperso div { height:23px; overflow:hidden; }
#leftmenu #lm_infosperso { clear: both; border-collapse: collapse }
#leftmenu #lm_infosperso td, #leftmenu #lm_infosperso th { vertical-align:top; padding-top: 5px }
#leftmenu #lm_infosperso tr { height: 16px }
#leftmenu #lm_infosperso tr img { margin: -5px 0 } /* pr eviter un decalage quand on ajoute une image trop grande */
#leftmenu #lm_infosperso td.where { color: black; font-style: italic; text-align:center }
#leftmenu #lm_infosperso { margin: 0 auto; width: 175px }
#leftmenu #lm_infosperso th { text-align:right }
#leftmenu .lm_pubzenis { 
	display:block; 
	background: url('/images/design/sidebar_item_bg_1.png') top no-repeat; 
	margin:27px 0 0 7px; 
	padding:10px 0 0 0; 
	width:188px; 
	height:25px; 
	text-decoration:none; 
	font-size: 120%;
	text-align:center;
}

#leftmenu .sponsoring { 
	background: url('/images/design/sidebar_item_bg_2.png') top no-repeat; 
	margin:7px 0 0 7px; 
}
#leftmenu #sponsoring { text-align:center; min-height: 100px }


#leftmenu  #lm_infosperso tr.lmenubar { height: 20px }
.persobox tr.lmenubar { height: 25px }
div.lmenubar {
	font-size:0.1em; border: 1px solid black; position: absolute;
	border-radius: 4px; -moz-border-radius: 4px;
	width: 168px; height: 3px; left: 23px; 
}
.persospageperso div.lmenubar { left: 8px }
div.lmenubar div { height: 100%; border-radius: 4px; -moz-border-radius: 4px; }

div.lmenubarvie { background: #f00 }
div.lmenubarvie div { background: #0f0 }
div.lmenubarmana { background: #f0f }
div.lmenubarmana div { background: #0ff }

.persospageperso div.lmenubarxp { bottom: 10px; left: 183px; width: 70px; background: #369 }
.persospageperso div.lmenubarxp div { background: #0c3 }

#information {
	border: 2px solid black; color: white; font: bold 1em sans-serif; text-align:center;
	background: #476A94 url(/images/information.jpg) center top no-repeat;
	width: 260px; padding: 70px 10px 10px 10px;
	position: absolute; left: 370px; top: 120px;
	z-index:9999;
	-moz-border-radius: 8px; border-radius: 8px;
	cursor: pointer;
}
#information h4 { color: #3fd }
#information a { color:#3c8; text-decoration: none}

#consolemodo { padding: 5px; margin: 5px }
#consolemodo iframe { width: 100%; height: 30px; border: none; overflow: visible; background:transparent }
#consolemodo form { display: inline }
#consolemodo select { width: 90% }
#consolemodo input { width: 75% }
#consolemodo input+input { width: 15% }

/****** pseudo display ******/
/* team ranks */
b.t1 { font-weight: normal; color: #AA0 }
b.t2 { font-weight: normal; color: #FA0 }
b.t3 { font-weight: normal; color: #DDD; background:#333 }
b.t4 { font-weight: normal; color: #FFF }
b.t5 { font-weight: normal; color: #5B9 }
b.t6 { font-weight: normal; color: #999 }
/* clan */
b.tc { font-weight: normal; color: #F00 }
/* perso */
b.tp { font-weight: normal; color: #FFF }

/* alliances background */
td.bgvoid { background:#777 }
td.bgearth { background:#C90 } 
td.bgair { background:#DDF }
td.bgair b.tp { color: #055 }
td.bgwater { background:#088 }
td.bgfire { background:#F70 }


/*bonus page */
.bonux {
	text-align:center;
	color:#000000; background: transparent;
	border: none;
}
.bonus img {  vertical-align: top }
a.bonus_button {
	background-color:#3f6c94;
        border:1px solid #fff;
        color:#FFF;
font: normal 12px sans-serif;
        text-decoration:none;
	padding:0 3px;
}

/*forum, messaging*/
.quote { color: #256 }
.quote2 { color: #037 }

/* .. */
.bigerror { text-align:center; width:500px; background: white; color: black; border: 1px solid black; z-index:1000 }
.error { font-weight: bold; color: red }

.erreurjavascript {
	position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1; background: #476A94;
}
.erreurjavascript div {
	width:400px; border: 1px solid #ABB8CB; color: white; text-align:center; padding: 1em; margin: 10em auto; font: 0.8em sans-serif;
}
.erreurjavascript h5 { color: red; font-size: 2em; }


/* default page */
.news { border: 1px solid #8097B1; padding: 0; text-align: left; margin-bottom: 1em }
.news .titre { background: url(/images/table/thead.png) center; padding: 0.2em; border-bottom:1px solid #8097B1 }
.news .content { background: #476A94 url(/images/table/td.png) right repeat-y; padding: 0.2em; }


/* instead of <table width="100%" border="0" cellspacing="0" cellpadding="0">, use simples <table class="layout"> */
table.layout {
	border-collapse: collapse; border-spacing: 0;
	margin: 0; padding: 0;
	width: 100%;
	border: none;
}
table.layout td { padding: 0; margin: 0; border: none; }

table.cadre2 table.layout td { border:none}

table.lire { width: 100%; }

/* "cadre" is dark background and border */
.cadre { border: 1px solid #8097B1; background: #476A94; margin: auto }
.cadre h4 { color:#FFFFFF; }
table.cadre { border-collapse: collapse; }
table.cadre td, table.cadre th { border: 1px solid #8097B1; }
div.cadre { padding: 0.3em }

/* inverted cadre (only in bonus.php) */
.cadre2 { border: 1px solid #476A94; background: #8097B1; margin: auto }
table.cadre2 { border-collapse: collapse; background: #8097B1 }
table.cadre2 td, table.cadre2 th { border: 1px solid #476A94; }


/* table a bordure nette */
table.bords {
	text-align: center;
	border-collapse: collapse;
	empty-cells: show;
}
table.bords td, table.bords th {
	border: thin solid black;
	text-indent: 0;
}
table.bords th { background: #EFD87C }

/* everywhere */
table.tops { margin: auto; text-align: center; border-collapse: collapse; }
table.tops th { color: #A9C0D2; background: #446783 }
table.tops th,table.tops td { border: 1px solid #446783 }
table.tops td { background: #A9C0D2 }


/* clan page */

div.optionsclan { text-align:center; margin-bottom: 1em }
div.optionsclan a, div.optionsclan a:visited {
	height: 48px; width: 48px;
	margin: 0.3em; text-align:center;
	border: 1px solid #476A94; font-weight: bold;
}
div.optionsclan a img { border: none; vertical-align: middle; margin: 5px }

#shootbox { width: 280px; float:right }
#shootbox iframe { border:1px solid black; width: 99%; height: 300px }
#lignesb div { text-align:left; padding-left: 30px; text-indent: -30px; }

#barre_alliances { height: 2em; width: 70%; margin:0 auto; border:1px solid }
#barre_alliances div { float: left; height:100%; text-align:center; overflow:hidden }

div#clan_desc {
	text-align:center;
	padding: 10px 5px;
	border: 3px ridge #395b7d;
	background: url(/images/clans/desc_bg.jpg);
}



/*********** forum ******/
.forum h3 { text-align:center; color: white; margin: 0.7em 0 0.3em }
.forum table { border-collapse: collapse; width:95% }
.forum table th, .forum table td { border: 1px solid #7990AC; padding: 2px; text-align:center }
.forum table th { background: url(images/forum_titre.jpg) }
.forum table td.l { text-align:left; width:50% }
.forum table tr.line1 { cursor:pointer; background: #5A85B0 url(images/forum_bg1.jpg) top repeat-x }
.forum table tr.line2 { cursor:pointer; background: #97ADC5 url(images/forum_bg2.jpg) top repeat-x }
.forum table tr.line2:hover { background: #5A85B0 url(images/forum_bg1.jpg) top repeat-x }
.forum table tr.line1:hover { background: #97ADC5 url(images/forum_bg2.jpg) top repeat-x }
.forum table tr.line1 td.locked { background: url(images/forum_locked1.jpg) right top no-repeat }
.forum table tr.line2 td.locked { background: url(images/forum_locked2.jpg) right top no-repeat }
.forum table tr.line2:hover td.locked { background-image: url(images/forum_locked1.jpg) }
.forum table tr.line1:hover td.locked { background-image: url(images/forum_locked2.jpg) }
.forum table span.annonce { display:block; width: 25px; height: 35px; float:left; background: top left }
.forum table tr.line1 span.annonce { background-image: url(/images/forum_annonce1.jpg) }
.forum table tr.line2 span.annonce { background-image: url(/images/forum_annonce2.jpg) }
.forum table tr.line2:hover span.annonce { background-image: url(/images/forum_annonce1.jpg) }
.forum table tr.line1:hover span.annonce { background-image: url(/images/forum_annonce2.jpg) }

table.fmessage { border-collapse: collapse; width:100% }
table.fmessage td.fmt { border: 1px solid #7990AC; padding: 3px; text-align:left; vertical-align:top }
table.fmessage .adminmsg { border: 1px solid #7990AC; -moz-border-radius: 6px; border-radius: 6px; width: auto; float:right; text-align:center; padding: 0 0.2em }
table.fmessage .adminmsg a { font: bold 1em monospace; color: #7990AC; border: none; text-decoration: none }

.forumnav a, .forumnav a:link, .forumnav a:visited {
	border: 1px solid #476A94; padding: 0 3px
}
.forumnav a:hover { color: red }

.forumliens a {
display: block; width: 186px; text-decoration: none; border-bottom: 1px dotted #476a94; border-top: 1px dotted #476a94
}
table.forumliens a:hover {
color: #FFC600; font-weight:bold; text-decoration: none; border-bottom: 1px dotted white; border-top: 1px dotted white
}
div.smileys { width: 140px }
div.smileys img { border: none; margin: 2px }


/*** allopass ***/
#allopass { width: 300px; border: 1px solid black; color: black; background: white; text-align:center }
#allopass a, #allopass img { border: none; margin: 0 }
#allopass #flags { font-size: 1px }


/********* messagerie ************/

div.msgoptions { float:left; width: 150px; clear:left; padding: 0.5em 0; margin: 0.5em; margin-left: 0 }
div.msgoptions input[type=button], div.msgoptions input[type=submit] { padding:0 }
div.msgoptions form { display: inline }
div.msgoptions input.smal { font-size:9px;width:20% }


/************************** fight *******************/

.scroll { display: block; padding: 5px; max-height: 60em; overflow: auto;}
.scroll table { width: 100% }

table.listepersos { border: 1px solid #8096B1; width: 100%; border-collapse: collapse }
table.listepersos td, table.listepersos th { text-align:center; padding: 2px; border: 1px solid #8096B1; border-width: 1px 0 }
table.listepersos thead th { background: url(/images/table/thead.png) center }
table.listepersos tr { background: #476A94 url(/images/table/td.png) center right repeat-y }
table.listepersos tr:hover { background-image: url(/images/table/td-hover.png) }

table.listefights th { 
	/*width: 20% */
}
table.listefights td a { 
	text-decoration: none;
}

/**************** fight display *******************/

#hereisthefight { position: relative; margin: auto; width: 700px }

/* cases qui contiennent tout */
.cadrefightv3 { display: none; position: absolute; top: 0; left: 0 }

img.iconeperso {
	border: 1px solid black;
	margin: 2px;
}


table.fightaf { width: 700px; }
table.fightaf h3 { color: black; font-size: 150%; margin: 0; font-weight: normal; }

.fleft { text-align: left }
.fleft .iconeperso { float: right }
.fright { text-align: right }
.fright div.barrein { float: right }
.fright .iconeperso { float: left }

p.motround { font-weight: bold; color: #885500; text-transform: uppercase; margin: 0 }
p.numberround { color: #FF0000; font-size: 5em; margin: 0 }

div.barre { border: 1px solid black; padding: 0; overflow:hidden; font-size: 1px; background: #bbb; height: 10px; }
div.barrevie { margin-bottom: 5px; height:13px; background: url(/images/combats/bar/vie_moins.jpg) }
div.barremana { height:13px; background: url(/images/combats/bar/mana_moins.jpg); clear:both }
div.barrein { height: 100%; padding: 0; margin: 0; border: none; font-size: 1px; }
div.barrevie div.barrein { background: url(/images/combats/bar/vie.jpg) }
div.barremana div.barrein { background: url(/images/combats/bar/mana.png) }
div.barreattaque div.barrein { background: url(/images/combats/bar/attaque.jpg) }
div.barredefense div.barrein { background: url(/images/combats/bar/defense.jpg) }

div.jauge { margin: 0.9em 0 0 0 }

div.scenecombat {
	position: relative; border: 1px solid black; padding: 0;
	width:700px; height:260px;
}
div.scenecombat div, div.scenecombat table {
	position:absolute;
	padding: 0;
	border-collapse: collapse;
}
div.scenecombat td { padding: 0; vertical-align: bottom }

/* affichage gauche/droite perso/bulle */

img.gif { position:absolute; top: 129px; z-index: 1 }
table.talk { position:absolute; top:130px; z-index:3; width:143px; height:111px; }
table.talk td { padding: 54px 2px 2px 2px; vertical-align: middle; text-align: center; }
table.talk td h5 { font-size: 1em; color: red; margin: 0 }
table.shout { position:absolute; top:130px; z-index:3; width:288px; height:158px; background: url(/images/combats/bulle-shoot.png) }
table.shout td { padding: 35px 45px; vertical-align: middle; text-align: center; font: bold 16px sans-serif; color: #500 }
div.degats { position:absolute; top: 100px; z-index:4; }
div.degats div { font: bold 14px sans-serif; color: #830;
	background: #ff8; border: 1px solid; -moz-border-radius: 10px; border-radius: 10px; padding: 3px 7px; }

img.gifgars1 { left: 24px }
img.gifgars2 { right: 24px }
img.gifgars3 { left: 0; top: 0 }
table.talkgars1 { left: 140px; background: url(/images/combats/bulle-left.png) }
table.talkgars2 { right: 140px; background: url(/images/combats/bulle-right.png) }
table.shoutgars1 { left: 70px; }
table.shoutgars2 { right: 70px; }
div.degatsgars2 { left: 100px; }
div.degatsgars1 { right: 100px; }


table#resultats {
	position: absolute;
	top: 99px; left:179px;
	background: #A6B7CB; width: 350px; border: 1px solid black;
	z-index: 350;
}
table#resultats td, #resultats table th { border: 1px solid #476A94 }
table#resultats td { padding: 1px 4px }
table#resultats th {
	background: #7A8FAA;
	color: white;
   	font-size: 110%;
  	font-weight: normal;
}
table#resultats td h4 {
	color: black; margin: 0; font-size: 1.3em;
}

div#histNextChap {
	position: absolute;
	top: 110px; left:369px;
	height: 185px;
	width: 270px;
	padding: 10px 30px; vertical-align: middle; text-align: center;
	background: #A6B7CB url(/images/histoire/image/victoire.png) top left; color: yellow;
	border: 1px solid white; font-weight: bold; font-size: 13px;
	z-index: 350;
}


span.des { border: 1px solid black; border-radius: 3px; -moz-border-radius: 3px; background: #fff;
font: bold 10px sans-serif; padding: 0 2px }

/****************** capsules ************************/
div.manycapsshow { width: 100%; overflow: auto }
div.manycapsshow div.unecapsule { width: 110px; height: 70px;
	text-align: center; float:left }
div.manycapsshow div.unecapsule img { vertical-align: middle }

div.manycapsshow div.cgroupe { cursor: pointer }

div.capsshow { width: 200px; position: relative; z-index:99 }
div.capsshow img { margin: 2px }
div.capsshow div.top, div.capsshow div.bot { width:100%; height: 22px; margin: 0 }
div.capsshow div.top { background: url(/images/caps/tb_top.png) }
div.capsshow div.mid { background: url(/images/caps/tb_mid.png); padding: 0 7px }
div.capsshow div.bot { background: url(/images/caps/tb_bot.png) }
div.capsshow div.botall { background: url(/images/caps/tb_botall.png); width:100%; height: 168px; margin: 0; }
div.capsshow div.demig { float: left; width: 77px } /* 200-14=186, 186/2=93 */
div.capsshow div.demid { float: left; width: 109px }
div.capsshow div.center { clear: left; text-align:center; width: 100% }
div.capsshow div.botallfr { background: url(/images/fr/tb_botall.png); width:100%; height: 168px; margin: 0; }
div.capsshow div.botallen { background: url(/images/en/tb_botall.png); width:100%; height: 168px; margin: 0; }
div.capsshow div.botallit { background: url(/images/it/tb_botall.png); width:100%; height: 168px; margin: 0; }
div.capsshow div.botallbg { background: url(/images/bg/tb_botall.png); width:100%; height: 168px; margin: 0; }
div.capsshow div.botalles { background: url(/images/es/tb_botall.png); width:100%; height: 168px; margin: 0; }
div.capsshow div.botallnl { background: url(/images/nl/tb_botall.png); width:100%; height: 168px; margin: 0; }
div.capsshow div.botallpt { background: url(/images/pt/tb_botall.png); width:100%; height: 168px; margin: 0; }
div.capsshow div.botallde { background: url(/images/de/tb_botall.png); width:100%; height: 168px; margin: 0; }


div.small div.unecapsule { width: 95px; height: 60px; margin:0 3px;}
div.small div.unecapsule img { width:15px; height:19px }

div.boutique div.unecapsule { width:131px; color: black; font-weight: bold; }
div.boutique div.unecapsule img { float: left; margin-top: 10px }

.caps_msg_box{
	padding:10px;
	position: absolute;
	margin:auto;
	left:180px; width: 460px; top: 170px;
	background: #4d6e97;
	border: 2px solid black; 
	font: bold 1.2em sans-serif; 
	text-align:center;
	color:black;
	z-index:9999;
	cursor:pointer;	
}

.caps_msg_box a { 
	color: #fff;
	text-decoration:none; 		
}
.caps_msg_box a:hover { text-decoration:underline; }

.caps_filter {
	position:absolute; 
	left:40px; 
	top: 240px;
}

/*********************** carte / map **********************/
#carte {
	margin: 0 20px; float:left; padding: 0;
	height: 450px; width: 500px;
	position: relative;
	border:1px solid black;
	overflow:hidden;
	background: top left no-repeat;
}
#carte img { padding:0; margin:0; border: none; position: absolute; top:0; left:0; z-index:5 }
#carte div, #carte a {
	padding:0; margin:0; border: none;
	display: block; float: left;
	text-align: center; vertical-align: middle;
	width: 50px; height: 50px;
	overflow: hidden; text-decoration: none;
	position: relative;
	z-index: 20;
}
#carte div.bg { width:100%; height:100% }
#carte div.bord{ border-bottom: 1px solid; border-right: 1px solid;}
#carte div.cartesel { background: url(images/dessus.gif) center center no-repeat; }
#carte a:hover { background: url(/images/dessus1.gif) center center no-repeat }

#colonecarte { width: 180px; float:left; margin: 0; padding: 5px; text-align: center }

#colonecartelieux { width: 180px; float:left; margin-top: 10px; padding: 0 5px 5px 5px }
#colonecartelieux a { display:block; text-decoration: none }

/* ?? */
div#infosdep { text-align: center; width: 30em; padding: 0.5em;
	color: white; background: url(/images/semiblackbg.png) }

div#changesinfo { text-align: center; width: 30em; padding: 0.5em;
	color: white; background: url(/images/semiblackbg.png) }

div#parraininfo { text-align: center; width: 20em; padding: 0.5em;
	color: white; background: url(/images/semiblackbg.png) }	

.filleuls { overflow:auto; max-height:10em; }
.filleuls ul { margin:0; padding:0 }

table.persobox td, table.persobox th { vertical-align: top; padding: 2px }
table.layout td.avat { width: 73px }
table.layout td.avat img { width: 70px; height: 100px; border:1px solid black; margin-left: 3px }
table.persobox tr { border-bottom:1px solid #8097B1 }
table.persobox th { text-align:right; padding-right: 3px }

.persospageperso {
	width:250px; height:135px; background: #476a94;
	border: 2px solid #738FA5; margin: 2px; padding: 0 0.5em;
	-moz-Border-Radius: 15px; float:left; position:relative }
.persospageperso h4 { margin: 0; color: white }

/** patterns link **/
.pattern {
	padding: 0 4px;
	text-decoration: none;
}
.pp1 { border: 2px outset #f66; background: #f66 }
.pp2 { border: 2px outset #88f; background: #88f }
.pp3 { border: 2px outset #6f6; background: #6f6 }
.pp4 { border: 2px outset #fc3; background: #fc3 }
.pattern:hover { color: black }

/* warzone */
div#warzonemap div#carte { width:656px; height:248px; border:none; float:none; margin:0 auto;
	background: url(/images/clans/warzone-fond.jpg) 22px 16px no-repeat }


/*** mode histoire */
.histoirestep {
	border: 2px solid black;
	background: url(/images/histoire/bg_baba.jpg) top;
	height: 83px;
	margin-bottom: 0.5em;
}
.histoirestep div.blabla {
	padding: 5px 185px 0 115px;
	text-align: justify;
}
.histoirestep img { border: 1px solid black; float:left; margin: 5px }
.histoirestep div.events { border: 1px solid black; float:right; width: 160px; margin: 5px; padding: 3px 5px }
.histoirestep div.events ul { margin: 0; padding: 0 0 0 0.3em; list-style: square inside }
.histoirestep div.events li { padding: 0; margin: 0 }

#histoirefirst { font-size:1.5em; height:auto; min-height:100px; }
#histoirefirst div.blabla { padding: 5px 10px 5px 0px; height: auto;}

#histoirefirst div.histoiregift {border: 1px solid black; float:right;  width: 166px; font-size:0.65em; height:auto; margin:5px; padding:2px; text-align:center;}
#histoirefirst div.histoiregift img { border: none; float:none; margin:0; padding:0; }
#histoirefirst div.histoiregift ul { margin:2px; padding:0; list-style: none; text-align:left; }

/*** histoire dialogue ***/
div#dialogue {
	margin: auto;
	width: 602px;
	text-align:center;
}
div#dialogue div#diahaut {
	margin: 1em 0; padding: 0;
	width: 600px; height: 400px;
	border: 1px solid black;
	position: relative;
}

div#dialogue #messDebut { color: white; font: bold 14px sans-serif; margin: 1em  }
div#dialogue #messFin { display:none; color:yellow; font: bold 14px sans-serif; margin-top: 3em; }
div#dialogue #tablesbulles { display:none; width:590px; margin: 5px; position: absolute; left: 0; bottom: 0 }

div#dialogue #tablesbulles table { width: 100% } /* ie didn't get that on first try */

div#dialogue #tablesbulles td { vertical-align:bottom }
div#dialogue #tablesbulles table td { width: 17px; vertical-align:bottom }
div#dialogue #tablesbulles table td:first-child + td { width: auto }
div#dialogue #tablesbulles table tr.tinytiny { font-size: 1px; height:10px }
div#dialogue #tablesbulles table tr.tinytiny td { padding: 0; vertical-align:middle }
div#dialogue #tablesbulles table tr.tinytiny td img { vertical-align: middle }
div#dialogue #tablesbulles table tr.tinytiny td:first-child { background: url(/images/histoire/bulle/01.png) }
div#dialogue #tablesbulles table tr.tinytiny td:first-child +td { background: url(/images/histoire/bulle/02.png) }
div#dialogue #tablesbulles table tr.tinytiny td:first-child +td+td { background: url(/images/histoire/bulle/03.png) }
div#dialogue #tablesbulles table tr.tinybas td:first-child { background: url(/images/histoire/bulle/08.png) }
div#dialogue #tablesbulles table tr.tinybas td:first-child +td { background: url(/images/histoire/bulle/09.png) }
div#dialogue #tablesbulles table tr.tinybas td:first-child +td+td { background: url(/images/histoire/bulle/10.png) }



div#dialogue td.inBulle { text-align: left }
font.persoBulle { font: bold 14px 'Comic sans MS',sans-serif }
font.action { color:#ff5; text-transform: uppercase }

div#dialogue input[type=button] { height: 40px; font: 20px 'comic sans ms',sans-serif; -moz-border-radius: 20px; border-radius: 20px; width:65%; float:left }
div#dialogue input+input[type=button] { width: 30%; float:right }



/*** choix de combat dans chaque defi
  les #deficoup* entourent tout le cadre.
#fcm : ?? renseigner, les autres aussi
#fct : les tours (entoure aussi ce qui suit) <- todo virer
 */
#histcombobg {
	background: url(/images/histoire/design-coups.jpg);
	width: 700px; height: 450px;
	margin: 0 auto;
	position: relative;
}
#histcombobg h4 { font: bold italic 23px Tahoma,sans-serif }
#histcombobg h4 span { color: red  }
#histcombobg table { width: 100% }
#histcombobg table td { width: 50%; text-align: center; color: red; font: italic bold 1.7em Tahoma,sans-serif }
#histcombobg table td+td { color: darkblue; font-size: 1.4em }
#histcombobg .patterns { text-align: center; margin: 2em 0; font-size: 1.3em; }
#histcombobg .patterns p { margin: 1.5em 0; }
#histcombobg .patterns .pattern { border-width:3px; padding: 2px 10px }


/*** tournoi ***/
.msgtournoi { position: absolute; top: 100px; left: 150px; width: 500px; z-index:99;
		border: 1px solid white; background: #476A94;
		text-align:center }

.tournoi_infos { background: url(/images/tournoi/infos_middle.jpg) center; width: 250px; }
.tournoi_infos .t_top    { background: url(/images/tournoi/infos_top.jpg); height: 20px; }
.tournoi_infos .t_bottom { background: url(/images/tournoi/infos_bottom.jpg); height: 22px; clear:both }
.tournoi_infos .t_middle { padding: 0 10px }

.tournoi_inscrits { margin-top:10px; }
.tournoi_inscrits .t_middle h4 { margin-top: -1em; }
.tournoi_inscrits .t_middle div { clear: both; margin: 1em 0; overflow: auto }
.tournoi_inscrits .t_middle div img { float:left; margin: 0 2px 0 5px }
.tournoi_inscrits .t_middle div img.dr { float:right; margin: 0 6px 0 2px; clear: both }

.tournois_colonne { position: absolute;top:0;bottom:0;left:0;width: 260px; }
.tournoi_iframe { margin-left: 265px }
.tournoi_iframe iframe { width:100%; height: 438px; border: none; }

	.tournoisAllBG {
		width:750px;
		height:400px;
		background: url(/images/tournoi/main.jpg) top no-repeat;
		text-align:left;
		position: relative;
	}
	a.TournoisCell {
		position: relative;
		cursor:pointer;
		float:left;
		width:163px;
		height:74px;
		font-weight:bold;
		text-align:center;
		padding:5px;
		margin-left:10px;
		display: block;
		text-decoration:none;
 	}

	a.tournoisCellNouveaux, a.tournoisCellEncours, a.tournoisCellTermines {
		background:url(/images/tournoi/bg_cell.png);
	}
	a.tournoisCellNouveaux:hover, a.tournoisCellEncours:hover, a.tournoisCellTermines:hover {
		color:#000000;
		background:url(/images/tournoi/bg_cell_over.png);
	}

	.tournoisCellsBas {
		bottom:2px; right:0; width:100%;
		text-align: center;
		position:absolute;
	}
	a.tournoisCellNouveaux .tournoisCellsBas { font-size: 24px; font-weight: bold; text-align: right; width: auto; right: 10px; }
	a.tournoisCellEncours  .tournoisCellsBas { font-size: 18px }
	a.tournoisCellTermines .tournoisCellsBas { font-size: 14px }
	
	p.TournoisMenu { text-align:right; padding-right:20px; margin-top:0px; float:right }
	p.TournoisMenu a {
		color:red;
		text-decoration:none;
		font-size:12px;
	}
	.TournoisMenu:hover a {
		color:#000;
	}

	.tournoisOverlib {
		background-color:#6290c4;
		font-weight:bold;
		padding:10px;
		filter:alpha(opacity=90);
	    -moz-opacity:0.9;
	    -khtml-opacity: 0.9;
	    opacity: 0.9;
		color:#FFFFFF;
		-moz-border-radius: 10px; border-radius: 10px;
		border:1px solid #f5ba32;
		width: 300px;
		margin-left: -150px;
	}

	/* les 3 lignes avec chacun leur boxs de tournois */
	.tournoisInscriptionsContent, .tournoisEncoursContent, .tournoisTerminesContent {
		position:absolute;
		left:10px;
	}
	.tournoisInscriptionsContent h5, .tournoisEncoursContent h5, .tournoisTerminesContent h5 {
		margin: 0 22px; color:white; height: 30px; font: bold 15px sans-serif;
	}

	.tournoisInscriptionsContent {
		top:12px;
	}
	.tournoisEncoursContent {
		top:137px;
	}
	.tournoisTerminesContent {
		top:262px;
	}

/*** top 10 ***/
table.top10 {
	border-collapse: collapse;
	width: 80%;
	margin: 1.5em auto;
	background: #476A94 url(/images/table/td.png) right repeat-y;
}
table.top10 th, table.top10 td { border: 1px solid #8097B1 }
table.top10 thead th { padding: 0.3em }
table.top10 td { text-align:right; padding-right: 1em }
table.top10 th { background: #54749b url(/images/table/thead.png) center }
table.top10 td:first-child, table.top10 td:first-child + td { text-align:center}


/*** quizzz, qcm ***/
.bouton {
	text-decoration:none;
	border: 2px outset #888;
	margin: 0.5em;
	padding: 0.2em;
	background: #ccc;
	-moz-border-radius: 0.5em; border-radius: 0.5em;
	color:black;
}
.bouton:hover { border-style: inset; color:black }


#qcmcontainer {
	position: relative;
	padding-left: 200px; width:590px;height:426px;
	background: url(images/qcm.jpg);
	border: 1px solid black;
	overflow: auto;
}
#qcmcontainer div.qcmbulle {
	border: 1px solid black;
	background: white;
	-Moz-Border-Radius: 10px;
	min-height: 30px;
	margin: 5px;
	padding: 5px;
}
#qcmcontainer div.qcmreponse {
	border: 1px solid black;
	background: #fea;
	-Moz-Border-Radius: 5px;
	min-height: 30px;
	margin: 5px;
	padding: 5px;
	text-align:left;
	line-height: 2em;
}
#qcmcontainer div.qcmreponse input { font-size: 0.8em; margin:2px }



#qcmcontainer2 {
	position: relative; margin: auto;
	padding-right: 250px; width:409px;height:430px;
	background: url(/images/quizz.jpg);
	border: 1px solid black;
	overflow: auto;
}
#qcmcontainer2 div.qcmbulle {
	border: 1px solid black;
	background: white;
	Border-Radius: 10px; -Moz-Border-Radius: 10px;
	min-height: 30px;
	margin: 5px;
	padding: 2px 10px;
	text-align:justify;
}
#qcmcontainer2 div.qcmbulle .question { }
#qcmcontainer2 div.qcmbulle .question a { font-size: 9px; font-weight: normal }
#qcmcontainer2 div.qcmbulle .question a:hover { color: black; text-decoration:none }
#qcmcontainer2 div.qcmbulle .reponse { }
#qcmcontainer2 div.qcmbulle .reponse input { font-size: 0.8em; margin:2px }

/***** forms, formulaires *****/

.connec, input.champs, .champs, select {
	font: 11px Tahoma,sans-serif;
	font-weight: bold;
	text-align: left; padding-left:3px;
	color: #CDF;
	background: #346 url(/images/bg_input.png) center;
	border: 1px solid #457;
}

select { background: url(/images/bg_input.png) center; }
select option { background: url(/images/bg_input.png) center; }

@media screen and (-webkit-min-device-pixel-ratio:0){ select { color:#000; } }  /* safari, ie, chorem */ 
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { /* opera only */
       select { color:#000; } 
}

button, input[type=submit], button, input[type=button], .boutton {
	background: #346 url(/images/bg_button.png) center; color:white; border:1px solid #457;
	font-weight: bold; text-align: center;
}

textarea { background: #346 url(/images/bg_textarea.jpg) top left; padding:5px; color: #CDF; border: 1px solid #457; }

div#url_text { text-align: right; line-height: 2em }


div#raccourcistxth { margin: 0.7em 2em; height: 1.5em }
div#raccourcistxtv { margin: 0.5em 0 }
div#raccourcistxth div:first-child { float: left }
div#raccourcistxtv span { display:block; height: 2em }



/***** clans *****/

table.clanlist { width: 400px; margin: auto; border: 1px solid black; border-spacing: 0 5px; padding: 5px; background: #abd }
table.clanlist td { background: #6c8aa7 url(/images/table/clanlist.png) center repeat-x;
height:50px; padding: 0; text-align:center; border: 1px solid black; border-left: none; border-right: none; }
table.clanlist img { vertical-align: top }
table.clanlist td:first-child { width: 25px; border-left: 1px solid black }
table.clanlist td:first-child+td+td { border-right: 1px solid black }


/** order by links **/
a.orderby{
	text-decoration: none;			
}

/** popup window **/
#popup_window {
	padding: 10px 15px 10px 5px;
	position: absolute;
	left:200px; right: 200px; top:100px;
	max-height: 300px;
	overflow: auto;
	background: #ff8;
	border: 2px solid black; 
	font: bold 1.2em sans-serif; 
	text-align:center;
	color:black;
	z-index:9999;
}
#popup_window h4 { color:red; }
#popup_window a { 
	color: red;
	padding: 0 10px;
	text-decoration:none; 		
}
#popup_window div a { 
	color: #a00;
	padding: 0;
	text-decoration: underline;
}
#popup_window a:hover { color: black }
#popup_window .time{
	text-align:right;
	color: #006400;
	margin-bottom:1em;
}

/** suivi clans **/
.modo_messages {
	width: 95%;
	height: 200px;
	overflow: auto;
	background: #CCC;
	border: 1px solid black;
	padding-left: 10px;
}
.modo_messages div { background: #aaa }
.modo_messages div span { float:right; color:#800 }

/** footer **/
#footer { 
	clear:both;
	width:990px;
	height:55px; 
	background: url(/images/parrainbar/bg.png) top center repeat-x;
	margin-left: -215px;
	margin-bottom:0px;
	padding-bottom:0px;
	color:#fff;
	font-weight:bold;
	font-size:15px;
}
#footer a{ color:#fff; text-decoration:none; } 

#footer .f_left {
	float:left;
	padding:8px 10px 0 20px;
	height: 47px;
	width: 285px;
	background: url(/images/parrainbar/left.png) top left no-repeat;
	text-align:left;
}

#footer .f_center{
	width:350px;
	height:45px;
	padding:10px 0 0 65px; 
	background: url(/images/parrainbar/arrow.png) top left no-repeat;	
	float:left;
}
.f_center input { border:none; width:320px; height:25px; text-align:left; padding:10px 0 0 10px;}

#footer .f_right {
	float:right;
	padding:8px 20px 0 0;
	width: 230px;
	height: 47px;
	background: url(/images/parrainbar/right.png) top right no-repeat;
	text-align:center;
}

/** admin **/

h1.block { border: 2px solid white; background: #f83; padding: 3px; margin: 3px auto; width: 30em; text-align:center; }
table.colums3 { width: 100%; border-spacing: 10px 0 }
table.colums3 td { vertical-align:top; width:33% }