/*** DIVERS ***/

a {
	color: #c37253;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: #85462e;
	text-decoration: underline;
}

a img {
	border: 0px;
}

img.middle {
	vertical-align: middle;
}

p {
	margin: 7px 0px 7px 10px;
	padding: 0px;
}

h1 {
	color: #ffebd1;
	background-color: #efac71;
	margin: 5px 5px 10px 0px;
	padding-left: 10px;
	font-size: 15pt;
	letter-spacing: 3px;
}

h2 {
	color: #efac71;
	margin-top: 5px;
	margin-bottom: 3px;
	border-bottom: 1px solid #efac71;
	font-size: 14pt;
}


h3 {
	color: #C16C33;
	margin-left		: 20px;
	border-bottom	: 1px dashed #efac71;
}

code {
	font-family		: Courier New, fixed;
	letter-spacing	: 1px;
}

.sub {
	margin-left: 30px;
}


.center {
	text-align: center;
	margin: auto;
}

.clear {
	width: 100%;
	clear: both;
	font-size: 0pt;
	line-height: 0pt;
}

.todo {
	color				: red;
	padding-left		: 10px;
	padding				: 3px;
	font-weight			: bold;
}

.noText {
	font-size: 0pt;
	line-height: 0pt;
}

div.separator {
	width: 90%;
	height: 2px;
	clear: both;
	font-size: 0pt;
	line-height: 0pt;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #efac71;
}

.bill,
.money {
	font-weight		: bold;
	font-style		: normal;
	font-size		: 11pt;
	color			: black;
}

.bill {
	cursor			: help;
}


.notify {
	color: red;
}

.notify img {
	vertical-align: top;
}

.backLink {
	clear: both;
	padding-top: 3px;
	border-top: 2px solid #f4d1a2;
	text-align: left;
	text-indent: 10px;
}
.backLink a:hover {
	text-decoration: none;
}

.ack, .nack {
	min-height			: 40px; /* /www/css/ie.css */
	background-color	: #FFE4C1;
	background-position	: 5px center;
	background-repeat	: no-repeat;
	padding-left		: 50px;
	padding-right		: 10px;
	margin-bottom		: 5px;
	font-weight			: bold;
	clear				: both;
}

.ack {
	background-image: url(/img/icons/hist_default.gif);
	border: 2px solid #efac71;
}

.nack {
	background-image: url(/img/icons/hist_error.gif);
	color: red;
	border: 2px solid #efac71;
}

.important {
	color: red;
}

.warning {
	color: red;
	margin-left: 10px;
	border: 2px solid #f7dcb7;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
}

.error {
	color: red;
	margin-left: 10px;
	font-weight: bold;
	border: 2px solid #f7dcb7;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
}

td.input {
	width: 150px;
}

.unknown {
	font-style: italic;
	color: #98603a;
}

img.spacer {
	width: 20px;
	height: 1px;
}

img.new {
	position			: absolute;
	vertical-align		: -15%;
}

.tiny {
	margin-left	: 30px;
	color		: #9A5E27;
	font-size	: 90%;
}

/*** FLASH ***/

.swf {
	font-size: 0pt;
	line-height: 0pt;
}

.map .swf {
	border: 1px solid black;
}


/*** ADMIN ***/
#historyHTML div {
	padding-right	: 10px;
	border			: 1px dotted #efac71;
	background-color: #FFD9A6;
}

#historyHTML h3 {
	margin-bottom	: 0px;
	margin-top		: 5px;
}

#historyHTML p {
	margin-top		: 3px;
	line-height		: 100%;
}


.searchBox {
	margin				: auto;
	margin-top			: 20px;
	margin-bottom		: 10px;
	padding				: 5px;
	border				: 1px dashed #efac71;
	width				: 510px;
}

.menu .searchBox {
	margin				: auto;
	border				: none;
	width				: 115px;
	outline				: 1px dashed #efac71;
	font-size			: 8pt;
}

.menu .searchBox form input {
	width				: 90px;
	height				: 14px;
	margin-bottom		: 3px;
	font-size			: 9pt;
}

.menu .searchBox form input.button {
	width				: 14px;
	font-size			: 8pt;
	padding				: 0px;
	height				: 19px;
}




/*** TABLES ***/

table {
	border-collapse		: collapse;
}

table td {
	font-family			: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size			: 10pt;
	vertical-align		: top;
}


table.table {
	border-bottom		: 2px solid #efac71;
	border-collapse		: separate;
	border-spacing		: 3px;
	margin-left			: 10px;
	margin-top			: 10px;
	margin-bottom		: 20px;
	background-color	: #ffe4c1;
}
table.table th {
	background-color	: #efac71;
	color				: white;
	padding-left		: 5px;
	padding-right		: 5px;
}
table.table td {
	border-bottom		: 1px solid #f4d1a2;
	padding-left		: 5px;
	padding-right		: 5px;
}

table.table td:first-child, table.table .important {
	font-weight			: bold;
}

table.table .low {
	color				: red;
}

table.table th a {
	color				: white;
}


/*** MENU DE GAUCHE ***/
.menu {
	font-size: 10pt;
}

.menu .title {
	color: #efac71;
	font-weight: bold;
	font-size: 11pt;
	line-height: 11pt;
	border-bottom: 3px solid #efac71;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-top: 8px;
	margin-left: 0px;
}

.menu .title .expandLink {
	font-size	: 9pt;
}

.menu a {
	text-decoration: none;
}
.menu a:hover {
	text-decoration: underline;
}

.menu .dinoList {
	list-style: none;
	margin: 0px 0px 0px 7px;
	padding: 0px;
}

.menu .dinoList li {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #F2BF91;
	margin-bottom: 2px;
	margin-right: 5px;
}

.menu .dinoList p {
	margin: 0px;
	padding: 0px;
}

.menu .dinoList .name {
	line-height: 9pt;
}

.menu .dinoList li.locked .name,
.menu .dinoList li.locked .placeName {
	color		: #f3c697;
}

.menu .dinoList li.locked a:hover .name,
.menu .dinoList li.locked a:hover .placeName {
	color		: #e9b781;
}

.menu .buyLink {
	margin-top: 3px;
}



.menu .dinoList .placeName {
	margin: 0px;
	margin-bottom:5px;
	padding-left: 5px;
	font-style: italic;
	font-size: 9pt;
	font-weight: normal;
}

.menu .options {
	list-style: none;
	margin: 0px 0px 0px 7px;
	padding: 0px;
}

.menu .options .separator {
	font-size: 0pt;
	line-height: 0pt;
	margin-bottom: 10px;
}

.menu .def {
	margin-bottom: 5px;
}

.menu .def td {
	text-align: right;
	padding-right: 5px;
	padding-bottom: 5px;
}

.menu .flags {
	text-align		: center;
}

.menu .flags img {
	border			: 1px solid #efac71;
}

.menu .flags a:hover img {
	border-color	: black;
}

.menu .menuInfos {
	font-size: 10pt;
	color: #efac71;
}

.menu .friends ul {
	list-style-type	: none;		
	margin			: 0px;
	padding			: 0px;
}

.menu .friends ul li {
	margin-left		: 3px;
	margin-top		: 5px;	
	margin-right	: 5px;
	padding			: 3px 5px;
	border			: 1px solid transparent;
	-moz-border-radius	: 5px;	
}

.menu .friends ul li img {
	vertical-align	: -17%;	
}

.menu .friends ul li a {
	text-decoration	: none;	
}

.menu .friends ul li:hover {
	background-color	: #efac71;
	
} 

/*** VUE D'UN DINO ***/
.dinoView .left {
	width: 200px;
}

.dinoView .right {
}

.actionsTitle {
	color: #E4AA76;
	font-weight: bold;
	font-size: 8pt;
	text-transform: uppercase;
	margin-bottom: -4px;
}

.actions {
	margin-bottom: 5px;
	padding: 0px 5px 3px 5px;
	border: 2px solid #f7dcb7;
	min-height: 25px; /* /www/css/ie.css */
}

.actionList {
}

.actionList .action, .singleAction {
	float: left;
	/* nico : explose tooltip ie > position: relative; */
	width: 170px;
	height: 35px;
	line-height: 12pt;
	margin-top: 2px;
	margin-bottom: 0px;
}

.singleAction {
	clear: both;
}

.actionList .action a, .singleAction a {
	text-decoration: none;
}

.actionList .action a img, .singleAction a img {
	float: left;
	/* nico : explose tooltip ie > position: relative; */
	margin-right: 5px;
	text-decoration: none;
	vertical-align: middle;
}



/*** PAGE D'ACTION DE DINO ***/

ul.elements {
	list-style: none;
	margin: 0px;
	padding: 0px;
	clear: both;
	height:45px;
}
ul.elements li {
	text-align: center;
	float: left; position: relative;
	margin-right: 6px;
	padding-top: 3px;
	width: 30px;
	background-color: #f7dcb7;
}

ul.elements .last {
	margin: 0px;
}

ul.elements div {
	font-weight: bold;
	margin-top: -5px;
	color: #98603a;
}

ul.skills {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	color: #98603a;
}

ul.skills .name {
}

ul.skills .level {
	margin-left: 15px;
}

ul.skills .level img {
	vertical-align: middle;
}

ul.skills li {
	margin-bottom: 5px;
	margin-right: 5px;
	padding-bottom: 3px;
	border-bottom: 1px solid #f4d1a2;
}



/*** FICHE DE DINO ***/

.def {
	width: 100%;
}

.def th {
	font-size: 10pt;
	text-align: left;
	width: 30%;
	vertical-align: top;
}

.def th img {
	vertical-align: baseline;
}

.def td {
	vertical-align: top;
}

.dino {
	border: 2px solid #f7dcb7;
	padding: 3px 0px 3px 3px;
	width: 184px;
}

.dino .def {
	margin-bottom: 10px;
	width: 182px;
}

.dino .def tr {
	border-bottom: 2px solid #ffebd1;
}

.dino .def th, .dino .def td {
	background-color: #f7dcb7;
}

.dino .def th {
	text-indent: 3px;
}

.dino .pic {
	background-color: #f7dcb7;
	text-indent: 5px;
	width: 180px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	text-indent: 0px;
}

.dino .pic .swf {
	border: 1px solid #d79253;
	width: 100px;
	height: 100px;
	margin: auto;
}

.dino .charms {
	width: 39px;
	font-size: 1pt;
	padding-left: 4px;

	background-image: url(/img/design/charm_bg.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.dino .charms p {
	margin: 0px;
	color: #c37253;
	font-size: 8pt;
	text-align: center;
	border-bottom: 1px solid #d7a373;
	margin-right: 4px;
	margin-bottom: 4px;
}

.dino .alert {
	background-image: url(/img/design/charm_bg_warning.gif);
}

.dino .alert p {
	color: red;
	border-color: red;
}

.dino .bad p {
}



/*** LIEUX ***/

.place {
	margin-bottom: 10px;
}

.place .title {
	font-size: 12pt;
	font-weight: bold;
	letter-spacing: 3pt;
}
.place p {
	margin-bottom: 0px;
}

p.book:first-letter,
.inventory p:first-letter,
.shop p:first-letter,
.place p:first-letter
{
	font-weight		: bold;
	color			: #bf6539;
}

.place .link {
	text-align: right;
}

.place td.placePic {
	width: 100px;
}


.zonePic, .deltaPic, .shopPic {
	float			: left;
	position		: relative;
	margin-right	: 10px;
	margin-bottom	: 10px;
	border			: 2px solid #efac71;
	font-size		: 0pt;
	line-height		: 0pt;
	padding			: 3px;

}

.deltaPic {
	padding			: 0px;
}

.zonePic img {
	border: 1px solid #995426;
}

.zonePicSmall img {
	width: 75px;
}


/*** FLOATING TOOLTIP ***/


#tooltip {
	position: absolute;
	top: -1000px; /* avoid the IE6 cache optimisation with hidden blocks */
	z-index: 100;
	width: 250px;
	color: white;
}

#tooltip .header {
	background-image: url(/img/design/tooltip_header.gif);
	background-position: top center;
	background-repeat: no-repeat;
}
#tooltip .content {
	background-image: url(/img/design/tooltip_bg.gif);
}
#tooltip .footer {
	background-image: url(/img/design/tooltip_footer.gif);
	height: 11px;
	font-size: 0pt;
	line-height: 0pt;
}

#tooltip .title {
	color: #fee9c2;
	font-weight: bold;
	font-size: 10pt;
	border-bottom: 2px solid #fee9c2;
	margin: 0px 10px 3px 8px;
	padding-top: 2px;
}

#tooltip .titleOnly {
	color: #fee9c2;
	font-weight: bold;
	font-size: 12pt;
	margin: 0px 10px 0px 8px;
	padding-top: 5px;
}

#tooltip p {
	margin: 0px;
	font-size: 9pt;
	line-height: 10.5pt;
	padding: 0px 7px 5px 15px;
}

#tooltip img {
	margin-left: 80px;
}

.helpLink, .helpLink:hover{
	text-decoration: none;
}

.helpLink {
	cursor			: help;
}

.helpLink img {
	vertical-align: middle;
}


/*** INVENTAIRE ***/

.inventory table {
	width: 100%;
	margin-left: 10px;
	border-bottom: 3px solid #efac71;
}

.inventory table th {
	color: #efac71;
	font-size: 12pt;
	text-align: left;
	border-bottom: 3px solid #efac71;
}

.inventory table td {
	padding				: 3px 5px 3px 5px;
	border-bottom		: 1px solid #efac71;
	background-color	: #ffe4c1;
}

.inventory table .pic {
	width: 32px;
}

.inventory table .action {
	width: 250px;
}

.inventory table .action {
}

.inventory table .action .name {
	margin: 0px;
	padding: 0px;

	margin-right: 10px;
	width: 90px;
	font-size: 8pt;
	line-height: 10pt;
}

.inventory table .action .separator {
	color: #efac71;
}

.inventory .invIcon {
	float			: left;
	position		: relative;
	margin-right	: 10px;
}


/*** JAUGE ***/

a .bar {
	cursor: pointer;
}

.bar .skin, .bar .skinAnim {
	float: left;
	position: relative;
	width: 74px;
	height: 13px;
	margin-top: 3px;
	margin-right: 5px;
	line-height: 0pt;
	font-size: 0pt;
	background-image: url(/img/design/bar.gif);
}

.bar .skinAnim {
	background-image: url(/img/design/bar_anim.gif);
}

.bar .start, .bar .fill, .bar .end {
	margin-top: 3px;
	float: left;
	position: relative;
	height: 7px;
}

.bar .start {
	background-image: url(/img/design/bar_start.gif);
	width: 6px;
	margin-left: 4px; /* /www/css/ie.css */
}

.bar .end {
	float: left;
	position: relative;
	background-image: url(/img/design/bar_end.gif);
	width: 6px;
}

.bar .fill {
	background-image: url(/img/design/bar_fill.gif);
}


.bar .value {
	font-size: 9pt;
	padding-top: 1px;
	color: #98603a;
}



/*** RÉCOMPENSES ***/

.rewardBox {
	margin: auto;
	width: 240px;
	background-image: url(/img/design/reward_bg.gif);
}

.rewardBox .header {
	text-align: center;
	background-image: url(/img/design/reward_header.gif);
	height: 49px;
}

.rewardBox .epicHeader {
	background-image: url(/img/design/reward_epic_header.gif);
	height			: 18px;
}

.rewardBox .epicHeader p {
	margin		: 0px;
	padding		: 0px;
	padding-top	: 0px;

	color			: #ffbb72;
	text-align		: center;
	font-size		: 8pt;
	text-transform	: uppercase;
	font-weight		: bold;
	word-spacing	: 1pt;
}

.rewardBox .epicHeader .helpLink img {
	margin-top	: -3px;
	border		: 1px solid #895132;
}

.rewardBox .footer {
	background-image: url(/img/design/reward_footer.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 8px;
}

.rewardBox .rewardCount {
	font-weight: bold;
	color: #ffbb72;
	font-size: 10pt;
	padding-top: 9px;
}

.rewardBox .rewardBar {
	width: 80px;
	height: 20px;
	padding-left: 11px;
	margin: auto;
}

.rewardBox .bar {
}

table.rewards {
	margin: auto;
}

table.rewards td {
	background-image: url(/img/rewards/empty.gif);
	padding: 0px;
	margin: 0px;
	width: 32px;
	height: 32px;
}

table.rewards td p {
	margin: 0px;
	padding: 0px;
	font-size: 13pt;
	text-align: center;
	margin-top: 3px;
	color: #C17A33;
}



/*** MINI FICHE DINOZ ***/

.dinoSheet { /* /www/css/ie.css */
	margin-left: 20px;
	margin-bottom: 10px;

	border: 2px solid #d5965d;
	border-collapse: separate;
	border-spacing: 5px;
}

.dinoSheet .picBox {

}

.dinoSheet .picBox .swf {
	border: 1px solid #efac71;
}

.dinoSheet .infoBox {
	width: 190px;
}

.dinoSheet .infoBox .def th {
	text-indent: 10px;
	width: 40%;
}

.dinoSheet .def th, .dinoSheet .def td, .dinoSheet .def tr {
	line-height: 10pt;
}

.dinoSheet .attack {
	margin-top: 7px;
	padding-top: 3px; /* /www/css/ie.css */
	background-image: url(/img/design/button_attack.gif);
	text-transform: uppercase;
	cursor: pointer;
}

.dinoSheet .attack div {
	text-align: center;
	width: 190px;
	height: 21px; /* /www/css/ie.css */
	cursor: pointer;
}

.dinoSheet .attack a {
	color: #ffbb72;
	text-decoration: none;
}

.dinoSheet .attack a:hover {
	color: white;
}

.dinoSheet .action {
	width: 45%;
	margin-left: 5px;
}

.dinoSheet .title {
	color: #ffebd1;
	background-color: #efac71;
	padding-left: 10px;
	padding-bottom: 1px;
	font-weight: bold;
	font-size: 10pt;
	height:22px;
	letter-spacing: 1px;
}

.dinoSheet .miscBox {
	width: 235px;
}

.dinoSheet .miscBox li {
	line-height: 10pt;
	font-size: 9pt;
}

.dinoSheet .miscBox li img {
	vertical-align: middle;
}

.dinoSheet .miscBox .action {
}

.dinoSheet .miscBox ul {
	list-style: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

.dinoSheet .elements {
	margin-left: 10px;
	margin-top: 5px;
}

.dinoSheet input.button {
	margin-top: 5px;
}

.dinoShop .dinoSheet .picBox .action {
	padding-top: 5px;
	width: 100px;
	margin: 0px;
}


/*** FICHE UTILISATEUR ***/

.userSheet .def th {
	text-indent: 20px;
	width: 50%;
}

.userSheet .def {
	margin-bottom: 10px;
}

.userSheet .summary .userPane {
	width: 340px;
	padding-right: 10px;
}
.userSheet .summary .userPane .def th {
	width: 40%;
}

.userSheet .summary .userPane .guild td {
	font-weight: bold;
}



/*** LEVELING ***/
table.skills {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: separate;
	border-spacing: 3px;
	border-bottom: 3px solid #efac71;
}
table.skills thead th {
	padding-left: 3px;
	background-color: #efac71;
	color: #ffebd1;
	padding-bottom: 3px;
	vertical-align: bottom;
}

table.skills tbody td {
	border-bottom: 1px solid #f4d1a2;
}


table.skills td.help {
	width: 40px;
	text-align: center;
}

table.skills td.element {
	width: 90px;
	text-align: center;
}

table.skills td.name {
	font-weight: bold;
}

table.skills .untrained {
	color: #EC9F59;
}

table.skills .max {
	color: red;
}


/*** TABLE DES SCORES ***/

table.scores {
	width: 90%;
	border-collapse: separate;
	margin-bottom: 20px;
}

table.scores td {
	border-bottom: 1px solid #f7dcb7;
	padding-left: 5px;
}


table.scores th {
	padding-left: 3px;
	background-color: #efac71;
	color: #ffebd1;
}

table.scores .pos {
	font-weight: bold;
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
}


table.scores .name {
	width: 200px;
}

table.scores tfoot td {
	border-top: 2px solid #efac71;
	text-align: center;
	border-bottom: none;
}


table.scores .mine td {
	font-weight: bold;
	background-color: #ffd9a6;
	padding-top: 2px;
	padding-bottom: 2px;
}



/*** BOUTIQUES ***/

table.shopItems {
	border-bottom: 3px solid #efac71;
	width: 100%;
}

table.shopItems th {
	border-bottom: 3px solid #efac71;
	color: #efac71;
	font-size: 12pt;
	text-align: left;
}

table.shopItems td {
	border-bottom: 1px solid #efac71;
	height: 45px;
}

table.shopItems .icon {
	width: 45px;
	padding-left: 5px;
	padding-top: 3px;
}

table.shopItems .name {
}

table.shopItems .name p {
	font-weight: bold;
	margin: 0px;
}

table.shopItems .stock {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

table.shopItems .empty {
	font-style: italic;
	color: #ba784b;
}

table.shopItems .price {
	vertical-align: middle;
	text-align: right;
	padding-right: 30px;
}

table.shopItems th.price {
	padding-right: 40px;
}

table.shopItems .price p {
	margin: 0px;
}

table.shopItems .buy .action {
	width: 100px;
	padding-top: 3px;
}

table.shopItems .count {
	vertical-align: middle;
}
table.shopItems .count input {
	width: 20px;
}



/*** BANQUE ***/

.countryList {
	list-style: none;
	margin: 0px 0px 20px 30px;
	padding: 0px;
}

.countryList li {
	margin: 0px;
	padding: 0px;
	height: 28px;
}

.countryList img {
	vertical-align: bottom;
	border: 1px solid #c37253;
}

.medium {
	margin-bottom	: 10px;
}

.medium .title {
	color			: #efac71;
	font-weight		: bold;
	font-size		: 14pt;
	line-height		: 11pt;
	border-bottom	: 4px solid #efac71;
	padding-bottom	:2px;
	margin-right	: 5px;
	margin-bottom	: 3px;
	margin-top		: 8px;
	margin-left		: 0px;
}

.medium .sum, .medium .desc, .medium .form {
	margin-left: 20px;
}

.medium .sum {
	font-weight: bold;
}

.medium .desc .number {
	font-size: 16pt;
	font-weight: bold;
}

.bankType a {
	display				: block;
	width				: 200px;
	margin				: auto;
	padding				: 5px;

	font-size			: 9pt;
	line-height			: 10pt;
	text-align			: center;
	text-decoration		: none;

    background-color	: #d28e51;
    color				: #fcead1;

    border				: 1px solid #f7c2a4;
    border-bottom-color	: #c37253;
    border-right-color	: #c37253;
}

/*** HISTORIQUE ***/

.histMsg {
	padding-bottom: 6px;
	padding-top: 2px;
	margin-bottom: 5px;
	border-bottom: 1px solid #efac71;
	font-weight: bold;
	background-color: #ffd9a6;
}

.read {
	font-weight: normal;
	background: none;
}

.histMsg .pic {
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 10px;
}


.histMsg .date {
	color: #98603a;
	line-height: 10pt;
}


/*** NEWS ***/


.newsItem {
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #efac71;
}

.newsItem td.pic {
	width	: 120px;
}

.newsItem div.pic {
	float: left;
	position: relative;
	border: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.newsItem .title {
	font-size: 13pt;
}

.newsItem .date {
	color: #98603a;
}

.newsItem .desc {
	padding-bottom	: 10px;
}



/*** RÉSULTAT DE COMBAT ***/


.battle .layout {
	width: 100%;
}

.battle .column {
	width: 100px;
	background-image: url(/img/design/columnBgLose.gif);
	background-repeat: no-repeat;
	border: 1px solid #efac71;
}

.battle .winner {
	background-image: url(/img/design/columnBgWin.gif);
}

.battle .result {
	font-size: 14pt;
	color: #98603a;
	margin-bottom: 20px;
	border-bottom: 2px solid #efac71;
}

.battle .reward {
	margin-left: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	min-height: 50px; /* /www/css/ie.css */
	border-bottom: 2px solid #f4d1a2;
}

.battle .reward .pic {
	float: left;
	position: relative;
	margin-right: 10px;
	margin-top: 3px;
}

.battle .reward p {
	margin: 0px;
	padding: 0px;
	color: #98603a;
}

.battle table.reward {
	width: 100%;
}

.battle table.reward .pic {
	float: none;
	width: 42px;
}

.battle table.reward td {
	padding-bottom: 10px;
}

.battle .report {
	list-style: circle;
}



/*** TOURNOI ***/

.tournament .panel {
	border-collapse: separate;
	border-spacing: 10px;
	width: 100%;
	/* /www/css/ie.css */
}

.tournament .panel th {
	font-size: 12pt;
	background-color: #efac71;
	color: #ffebd1;
}

.tournament .panel td {
	border: 2px solid #f4d1a2;
}

.tournament .panel tbody td.rewards {
	height: 110px;
}

.tournament .panel p {
	text-align: center;
	padding: 0px;
	margin: 0px;
}

.tournament .panel .target {
	color: #98603a;
}
.tournament .panel .title {
	font-weight: bold;
}

.tournament .panel .bar {
	margin-left: 54px; /* /www/css/ie.css */
}

.tournament .panel .pic {
	margin-bottom: 2px;
}

.tournament .actionPanel {
	width: 200px;
	padding: 5px 5px 5px 10px;
}

.tournament table.scores {
	margin: auto;
}


/*** PAGE D'INTRO ***/

.intro h2 {
	margin-top: 20px;
}

.intro .chapter {
	margin-top: 10px;
}

.intro .chapter .spacer, .guide .spacer {
	width: 20px;
}

.intro .chapter img {
	border: 2px solid #F7D0A6;
	padding: 3px;
}


/*** AFFICHAGE RELATIF DES NIVEAUX ***/

.lvlSheep, .lvlEasy, .lvlMedium, .lvlHard, .lvlCrazy {
	font-weight: bold;
}

.lvlSheep {
	color: #aaa;
}
#tooltip .lvlSheep {
	background-color: #aaa;
}

.lvlEasy {
	color: #090;
}
#tooltip .lvlEasy {
	background-color: #090;
}

.lvlMedium {
	color: #ff9a35;
}
#tooltip .lvlMedium {
	background-color: #ffb046;
}

.lvlHard {
	color: red;
}
#tooltip .lvlHard {
	background-color: red;
}

.lvlCrazy {
	color: #700;
}
#tooltip .lvlCrazy {
	background-color: #700;
}

#tooltip ul {
	list-style: none;
}

#tooltip .lvlSheep, #tooltip .lvlEasy, #tooltip .lvlMedium, #tooltip .lvlHard, #tooltip .lvlCrazy {
	color: white;
	width: 160px;
	padding-left: 5px;
	margin-bottom: 5px;
	text-align: center;
	border: 1px solid white;
}


.paginate {
	margin-top: 5px;
	margin-bottom: 15px;
	border-top: 1px dashed #efac71;
	text-align: left;
	color: #98603a;
}

.paginate .off {
	color: #efac71;
}


.firefox {
	width: 700px;
	background-color: #ffebd1;
	padding-left: 5px;
}


/*** CLANS (GUILDES) ***/

.guild .mine {
	font-weight: bold;
}

.guild em {
	color			: #efac71;
	font-style		: normal;
}


.guild form {
	margin-left		: 20px;
	margin-bottom	: 20px;
}

.guild form.edit .field, .guild form.edit .button, .guild form.edit textarea {
	width			: 550px;
}
.guild form p {
	font-weight		: bold;
	margin-bottom	: 0px;
	margin-left		: 0px;
}
.guild ul li p {
	font-weight	: normal;
}

.guild .msg {
	margin-left		: 20px;
	margin-bottom	: 10px;
	background-color: #FFE4BF;
	border-bottom	: 2px solid #efac71;
}
.guild .msg .header {
	background-color: #efac71;
	color			: white;
	font-weight		: bold;
	padding-left	: 5px;
	padding-right	: 5px;
	height			: 22px;
}

.guild .msg .header a {
	color			: white;
}


.guild .msg .author {
	float			: left;
	position		: relative;
}

.guild .msg .date, .guild .msg .admin {
	float			: right;
	position		: relative;
}

.guild .msg .admin {
	margin-left		: 20px;
}
.guild .msg .admin a {
	color			: #FFF4E6;
}


ul.guildMenu {
	list-style		: none;
	margin			: 0px;
	padding			: 0px;
	height			: 18px;
	border-bottom	: 3px solid #f2be8e;
}

ul.guildMenu li {
	float			: left;
	position		: relative;

	width			: 85px;
	margin-right	: 5px;
	margin-left		: 2px;
	background-color: #f2be8e;

	font-weight		: normal;
	text-transform	: capitalize;
	text-align		: center;
}

ul.guildMenu li a {
	text-decoration	: none;
	color			: #ffebd1;
}

ul.guildMenu li a:hover {
	color			: white;
}

.guild table.memberList .low {
	color			: red;
}

.guild table.memberList em {
	color			: #C97745;
	font-size		: 9pt;
	font-family		: fixed;
}


/*** LOGIN REDIRECT ***/


.loginRedirect {
	text-align: center;
}

.loginRedirect .box {
	margin: auto;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 15px;
	margin-top: 40px;

	width: 500px;
	background-color: #ffebd1;
	border-bottom: 3px solid #dd8060;
}


.rankingMenu {
	color: #DF9762;
	border-bottom: 1px solid #efac71;
	padding-bottom: 5px;
}



/*** DIALOGUES ***/

.dialog .speakerPic, .dialog .pnjPic {
	float			: left;
	position		: relative;

	border			: 2px solid #efac71;
	padding			: 3px;
	margin-right	: 10px;
	margin-bottom	: 10px;
}

.dialog .speakerPic img, .dialog .pnjPic img {
	border			: 1px solid #efac71;
}

.dialog .speakerPic .swf, .dialog .pnjPic .swf {
	border			: 1px solid #efac71;
}

.dialog .pnj {
	font-weight		: bold;
	color			: #98603a;
}


.dialog .questions {
	list-style		: square;
	color			: #efac71;
	padding			: 0px;
	margin			: 0px;
	margin-left		: 140px;
}

.dialog .nack, .dialog .ack {
	margin-bottom	: 10px;
}



/*** TOTEMS ***/
.totem {
	margin-top	: 10px;
}

.totem .side {
	border				: 2px solid #f1ab70;
	width				: 150px;
	height				: 230px;
	background-color	: #67376b;
	background-image	: url(/img/design/totem.jpg);
	background-position	: center bottom;
	background-repeat	: no-repeat;
}

.totem .side img {
	border	: 1px solid #995426;
}


ul.totemRequest {
	margin		: 0px;
	padding		: 0px;
	margin-left	: 30px;
	padding-top	: 3px;

	list-style	: none;
	width		: 250px;
	border-top	: 1px solid #efac71;
}

ul.totemRequest li {
	margin			: 0px;
	padding			: 0px;
	margin-bottom	: 3px;

	border-bottom	: 1px solid #efac71;
	height			: 40px;
}

ul.totemRequest li .pic {
	float		: left;
	position	: relative;
	margin-left	: 3px;
	margin-right: 10px;
}

ul.totemRequest .name, ul.totemRequest .need {
	float		: left;
	position	: relative;

	width		: 200px;
}

ul.totemRequest .name {
	text-transform	: capitalize;
	line-height		: 10pt;
	font-weight		: bold;
	color			: #995426;
}

ul.totemRequest .need {
	font-size		: 12pt;
}


/*** ARMAGEDDON ! ***/

.acounter {
	width				: 169px;
	height				: 66px;
	background-image	: url(/img/design/armageddonCounter.gif);
	background-position	: top left;
	background-repeat	: no-repeat;
	float				: right;
	position			: absolute;
	margin-top			: -19px;
	margin-left			: 440px;
	padding-top			: 26px;

	color				: #ffdfa1;
	font-size			: 18pt;
	font-family			: times new roman;
	font-weight			: bold;
	text-align			: center;
	text-indent			: 8px;
}



/*** ADMIN ***/

.admin .table em {
	color				: #de6b45;
}



/*** EXCHANGES ***/
.exchange .table {
	margin				: auto;
	margin-top			: 10px;
	margin-bottom		: 3px;
	width				: 340px;
}

.exchange .button {
	display				: block;
	margin				: auto;
	width				: 340px;
	margin-bottom		: 30px;
}

.exchange form.search {
	width				: 270px;
	margin				: auto;
	border				: 1px solid #efac71;
	padding				: 2px;
	margin-bottom		: 15px;
}
.exchange form.search .button {
	margin				: 0px;
	width				: 270px;
}
.exchange form.search table.def {
	margin-bottom		: 2px;
}
.exchange form.search table.def th {
	width				: 150px;
}
.exchange form.search table.def td {
	text-align			: right;
}


/*** MESSAGE ***/
table.message {
	border-collapse		: separate;
	border-spacing		: 2px;
	width				: 100%;
	border				: 1px solid #efac71;
}

table.message th,
table.message td {
	vertical-align		: top;
}

table.message th {
	padding-left		: 5px;
	width				: 90px;
	color				: white;
	background-color	: #efac71;
}

table.message td {
	padding-left		: 10px;
}

table.message thead td {
	background-color	: #e8956c;
	color				: white;
}

table.message thead td a {
	color				: white;
}

table.message .attach {
	font-size			: 8pt;
	color				: #efac71;
	font-weight			: bold;
	margin-bottom		: 10px;
}
table.message .attach .swf {
	width				: 100px;
	border				: 1px dotted #efac71;
	padding				: 3px;
}

table.messageList tr:hover td {
	background-color	: #ffefd9;
}

table.messageList tr td,
table.messageList tr td a {
	font-weight			: normal;
	text-decoration		: none;
}
table.messageList tr.unread td,
table.messageList tr.unread td a {
	font-weight			: bold;
}



/**** ADS ***/

table.ads {
	width : 590px;
}

table.ads div.content {
	margin-top			: 10px;
	width				: 590px;
	overflow			: hidden;
	height				: 80px;
	border				: 2px solid #efac71;
	background-color	: #FFE4C1;
}

table.ads tr.infos {
	background-color	: #efac71;
}
table.ads tr.infos div {
	font-size			: 9pt;
	padding-left		: 5px;
	padding-right		: 5px;
}
table.ads tr.infos div.date {
	text-align			: right;
	color				: #ffebd1;
}

table.ads tr.infos a {
	color				: #8d422c;
}

table.ads tr.mine div.content {
	border-color		: red;
}