@charset "UTF-8";
/* CSS Document */


/*DEFINITION DES ATTRIBUTS PRINCIPAUX*/

* {
margin:0;
padding:0;
}

a, img {
border: none;
color: #CCC;
text-decoration: none;
}

img.cadre {
border: 3px double #041224;
}

a:hover {
color: #FFF;
text-decoration: underline;
}

body {
background: #041224 url(../img/main/bg_footer.png) fixed repeat-x bottom;
margin:0 auto;
padding:0;
font: 11px Arial, sans-serif;
color: white;
text-align: center;
}

input{
	font-size:11px;
}

h1 {
font-size: 24px;
font-weight: bold;
padding-left: 80px;
padding-top: 17px;
color:#d4e9ff;
}

h2 {
	background:transparent url(../img/pic/petitepuce.png) no-repeat scroll left center;
	border-bottom:1px dotted #D4E9FF;
	color:#D4E9FF;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	margin-right:300px;
	margin-top:20px;
	padding-bottom:5px;
	padding-left:30px;
	padding-top:5px;
}

h4{
	background:transparent url(../img/pic/puce.png) no-repeat scroll left center;
	color:#D4E9FF;
	font-size:11px;
	font-weight:bold;
	margin-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-top:5px;
	text-decoration:underline;
}

ul {
list-style: none;
padding-left: 30px;
line-height: 20px;
}

li {
background: url(../img/pic/puce.png) no-repeat left;
padding-left: 20px;
}

li:hover {
background: url(../img/pic/puce2.png) no-repeat left;
padding-left: 20px;
}

ul.menu {
list-style: none;
padding-left: 30px;
line-height: 15px;
text-align: right;
}

li.menu {
background: url(../img/pic/puce.png) no-repeat right;
padding-right: 15px;
}

li.menu:hover {
background: url(../img/pic/puce2.png) no-repeat right;
padding-right: 15px;
}


#header_background {
background: url(../img/main/bg_header.png) repeat-x top;
height: 139px;
margin:0;
}

#conteneur {
margin: 0 auto;
width:820px;
text-align: left;
}

#header {
background: url(../img/main/header.png) no-repeat center bottom;
height: 220px;
width: 900px;
}

#header-en {
background: url(../img/main/en/header.png) no-repeat center bottom;
height: 220px;
width: 900px;
}

#cadre_top {
background: url(../img/main/cadre_top.png) no-repeat center top;
height: 25px;
width: 900px;
}

#cadre_centre {
background: url(../img/main/cadre_centre.png) repeat-y center;
min-height:900px;
height:auto !important;
height:900px;
width: 900px;
}

#cadre_bottom {
background: url(../img/main/cadre_bottom.png) no-repeat center bottom;
height: 26px;
width: 900px;
}

#cadre_gauche {
position: absolute;
top: 160px;
background: none;
height: 800px;
width: 213px;
margin-left: -70px;
clear: both;
text-align: center;
}

#connexion {
background: url(../img/main/connexion.png) no-repeat center;
height: 173px;
width: 213px;
padding-top:50px;
}

#connexion-en {
background: url(../img/main/en/connexion.png) no-repeat center;
height: 173px;
width: 213px;
padding-top:50px;
}

#mon_pingouin {
background: url(../img/main/mon_pingouin.png) no-repeat center;
height: 223px;
width: 213px;
}

#mon_pingouin-en {
background: url(../img/main/en/mon_pingouin.png) no-repeat center;
height: 223px;
width: 213px;
}

img.barre_xp {
background: white url(../img/pic/percentimage_back.png) top left no-repeat;
padding: 0;
margin: 0 0 5px 0;
background-position: 1px 0;
}

#actions {
background: url(../img/main/actions.png) no-repeat center;
height: 223px;
width: 213px;
}

#actions-en {
background: url(../img/main/en/actions.png) non-repeat center;
height: 223px;
width: 213px;
}

#menu_partenaires_top {
background: url(../img/main/menu_partenaires_top.png) no-repeat center bottom;
height: 50px;
width: 213px;
}

#menu_partenaires_top-en {
background: url(../img/main/en/menu_partenaires_top.png) no-repeat center bottom;
height: 50px;
width: 213px;
}

#menu_plus_top {
background: url(../img/main/menu_compteplus_top.png) no-repeat center bottom;
height: 50px;
width: 213px;
}

#menu_plus_top-en {
background: url(../img/main/menu_compteplus_top.png) no-repeat center bottom;
height: 50px;
width: 213px;
}

#menu_rapports_top {
background: url(../img/main/menu_rapports_top.png) no-repeat center bottom;
height: 50px;
width: 213px;
}

#menu_boutique_top {
background: url(../img/main/menu_boutique_top.png) no-repeat center bottom;
height: 50px;
width: 213px;
}

#menu_rapports_top-en {
background: url(../img/main/en/menu_rapports_top.png) no-repeat center bottom;
height: 50px;
width: 213px;
}

.menu_centre {
background: url(../img/main/menu_centre.png) repeat-y center bottom;
height: auto;
width: 213px;
}

.menu_bottom {
background: url(../img/main/menu_bottom.png) no-repeat center bottom;
height: 50px;
width: 213px;
}

#contenu_menu {
padding-left: 35px;
padding-right: 25px;
text-align: justify;
}

#contenu_mon_pingouin {
padding-left: 38px;
padding-right: 20px;
text-align: center;
height: 148px;
position: relative;
top: 35px;
}

#contenu_top {
background: url(../img/main/contenu_top.png) no-repeat center bottom;
height: 72px;
width: 705px;
}

#contenu_centre {
padding-left: 25px;
padding-right: 25px;
text-align: justify;
width:auto;
}

#contenu_bottom {
background: url(../img/main/contenu_bottom.png) no-repeat center top;
height: 36px;
width: 705px;
padding-bottom: 10px;
}

#contenu {
padding-left: 150px;
padding-right: 35px;
text-align: justify;
}

#en_ligne {
float: right;
text-align: right;
margin-top: 35px;
margin-right: 80px;
clear: both;
display: inline;
}

#langue {
float: right;
text-align: right;
margin-top: -12px;
margin-right: 25px;
clear: both;
display: inline;
}

#menu_droite{
float: right;
text-align: right;
margin-top: 10px;
margin-right: 25px;
clear: both;
}

#compte_plus  {
float: right;
width: 22px;
height: 22px;
clear: both;
margin-right: 25px;
margin-top: 15px;
}

#defilant {
width: 852px;
height: 21px;
position: absolute;
top: 187px;
color: #FFF;
font-size: 12px;
}

#footer {
background: url(../img/main/footer.png) no-repeat center top;
width: 900px;
height: 45px;
text-align: center;
padding-top: 30px;
}

/*PETITS BOUTONS EN TOUS GENRES*/

#profil {
position: absolute;
top: 55px;
left: 20px;
height: 29px;
width: 29px;
text-align: center;
clear: both;
}

#niveau {
background: url(../img/pic/niveau.png) no-repeat left;
position: absolute;
top: 88px;
left: 0px;
height: 44px;
width: 44px;
text-align: center;
padding-top: 20px;
clear: both;
font-size: 18px;
font-weight: bold;
color: white;
}

#classement {
position: absolute;
top: 155px;
left: 28px;
height: 29px;
width: 29px;
text-align: center;
clear: both;
}

#deconnexion {
position: absolute;
top: 190px;
left: 95px;
height: 35px;
width: 35px;
clear: both;
}

#messagerie {
position: absolute;
top: 55px;
left: 175px;
height: 29px;
width: 29px;
text-align: center;
clear: both;
}

#banque {
position: absolute;
top: 103px;
left: 190px;
height: 29px;
width: 29px;
text-align: center;
clear: both;
}

#rapports {
position: absolute;
top: 155px;
left: 175px;
height: 29px;
width: 29px;
text-align: center;
clear: both;
}

#arene {
position: absolute;
top: 276px;
left: 62px;
height: 38px;
width: 36px;
text-align: center;
clear: both;
margin: 0 auto;
}

#alliances{
position: absolute;
top: 371px;
left: 128px;
height: 38px;
width: 36px;
text-align: center;
clear: both;
margin: 0 auto;
}

#monstres {
position: absolute;
top: 276px;
left: 122px;
height: 38px;
width: 36px;
text-align: center;
clear: both;
}

#quetes {
position: absolute;
top: 327px;
left: 46px;
height: 38px;
width: 36px;
text-align: center;
clear: both;
}

#grotte {
position: absolute;
top: 323px;
left: 152px;
height: 38px;
width: 36px;
text-align: center;
clear: both;
}

#village {
position: absolute;
top: 371px;
left: 70px;
height: 38px;
width: 36px;
text-align: center;
clear: both;
}
/*TABLEAUX*/

.tableau {
width: 100%;
border: 1px solid #041224;
background-color: #476b94;
}

.tableau thead tr {
text-align: center;
background: url(../img/pic/bg_thead.png) repeat-x;
color: white;
font-size:12px;
}

.petit {
background: url(../img/pic/bg_thead.png) repeat-x bottom;
color: white;
text-align: center;
font-size:10px;
}

.tableau tr {
text-align: center;
background-color: #476b94;
color: black;
}

.tableau tr:hover {
background-color: #041224;
color: white;
}

tr.focus {
background: url(../img/pic/bg_focus.png) repeat-x;
color: white;
}

tr.focus:hover {
background: url(../img/pic/bg_focus2.png) repeat-x;
color: black;
}

.tableau img{
	border: 3px double #041224;
}


.joueur{
	width: 100%;
	border: 1px solid #041224;
}

.joueur tr{
	text-align: center;
	background-color: #476b94;
	color: black;
}

.joueur thead tr {
	text-align: center;
	background: url(../img/pic/bg_thead.png) repeat-x;
	color: white;
}
/*INFOBULLES*/

.infobulle{
position: absolute;   
visibility: hidden;
border: 1px solid #CCC;
padding: 10px;
font-size: 10px;
background-color: #1f3759;
z-index: 999;
}

.form_conn input[type=text]{
	width:100px;
	font-size:11px;
	border: 1px solid #999999;
}

.form_conn input[type=password]{
	width:100px;
	font-size:11px;
	border: 1px solid #999999;
}

.form_conn input[type=submit]{
	font-size:11px;
	margin-top:10px;
}

.form_conn{
	margin-left:10px;
}

.marquee_rapport{
	width:160px;
	height:50px;
}

#div_rapport{
	width:600px;
	margin:auto;
}

#div_rapport li{
	list-style-type:none;
	margin-top:4px;
	margin-bottom:4px;
}


.ptsplus{
	width:30px;
	display:block;
	margin-right:10px;
	float:right;
}

.table_combat{
	width:650px !important;
	width:630px;
}

.img_march{
	margin-left:10px;
	float:right;
}

.list_armes li{
	list-style-type:none;
	margin-left:25px;
}

#div_marchand{
	margin-top:150px;
	width:650px !important;
	width:630px;
}

#div_sorcier{
	width:650px !important;
	width:630px;
}

.form_modif label{
	width:250px;
}

.env_msg input[type=text]{
	border: 1px solid #999999;
	width: 230px;
	margin-bottom:5px;
}

.env_msg textarea{
	border : 1px solid #999999;
	width: 320px;
	height:230px;
}

.env_msg label{
	width:130px;
}

#menu1{
	margin-bottom:15px;
	padding-bottom:5px;
	font-size:13px;
}

.message{
	width:380px;
	height:400px;
	overflow:auto;
	border : 1px solid #999999;
	padding : 15px 10px 15px 10px;
}

.repondre{
	width:380px;
	border-right : 1px solid #999999;
	border-left : 1px solid #999999;
	border-bottom : 1px solid #999999;
	padding : 5px 10px 5px 10px;
}


td div{
	cursor:pointer;
	text-decoration:none;
}

td div:hover{
	color:yellow;
}

#vospo{
	color:black;
	border:0;
	font-weight:bold;
	background : #fff;
}

.bleu{
	color:#72dbff;
}


.combat {
	border: 1px solid white;
	margin-bottom:10px;
}

.avatar{
	border: 3px double #041224;
}

.combat input{
	font-size:11px;
}

tr.focus_table{
	background-color:#edefff;
	border:2px solid #0040c0;
}

.focus_table a{
	color: #888888;
}

.banque{
	width:100%;
	border: 1px solid #eeeeee;
	border-collapse:collapse;
}

.banque td{
	border: 1px solid #eeeeee;
	padding: 3px 3px 3px 3px;
}

.banque thead{
	font-weight:bold;
	background-color:#041224;
}

.ally{
	width:100%;
	border: 1px solid #eeeeee;
	border-collapse:collapse;
	background-color:#476b94;
	margin-bottom:15px;
}

.ally td{
	border: 1px solid #eeeeee;
	padding: 3px 3px 3px 3px;
	text-align:center;
}

.ally td.allytit_r{
	text-align:right;
	margin-left:-10px;
}

.ally thead{
	font-weight:bold;
	background-color:#041224;
}

#form_ctc{
	width:550px;
	margin:auto;
}

#form_ctc fieldset{
	padding:10px 10px 10px 10px;
	border:1px solid #aaaaaa;
}

#form_ctc label{
	width:150px;
	display:block;
	float:left;
}

#form_ctc input[type=text]{
	border: 1px solid #555555;
	width:200px;
}

#form_ctc textarea{
	border: 1px solid #555555;
	width:300px;
}

.ul_part{
	line-height:14px;
}

.red{
	color:red;
}

.pv{
	color:red;
	font-weight:bold;
}
.erreur{
	color:#ffbfbf;
	font-weight:bold;
}
.reussi{
	color:#a0e7a0;
	font-weight:bold;
}

fieldset{
	padding:10px 10px 10px 10px;
	border:1px solid #aaaaaa;
}

label{
	width:150px;
	display:block;
	float:left;
}

input[type=text]{
	border: 1px solid #555555;
	width:200px;
}

input[type=password]{
	border: 1px solid #555555;
	width:200px;
}

textarea{
	border: 1px solid #555555;
	width:300px;
}

#table_combat{
	border:1px solid white;
	border-collapse:collapse;
	margin:auto;
	width:70%;
}

#table_combat thead{
	font-weight:bold;
	background-color:#041224;
	border-bottom:1px solid white;
	text-align:center;
}

#table_combat td{
	padding : 10px 10px 10px 10px;
	border-right:1px solid white;
}

#content_quete{
	height:220px;
}

#div_error{
	position:absolute;
	z-index:1000;
	width:35%;
	height:100px;
	left:35%;
	top:35%;
	border:2px solid #000766;
	background-color:#ddd;
	padding : 10px 10px 10px 10px;
	color:#000766;
}

#div_error small{
	float:right;
	cursor:pointer;
	text-align:right;
	width:100%;
	margin-bottom:5px;
}

#div_error p{
	margin-top:5px;
	margin-bottom:5px;
}

.link{
	cursor:pointer;
}

.link:hover{
	text-decoration:underline;
}

.ally input[type=button]{
	float:right;
	margin-top:-15px;
	height:25px;
	width:25px;
	font-size:13px;
}

.allytit{
	background-color:#3b587a;
	font-weight:bold;
	margin-right:8px;
}

.allytit_r{
	text-align:right;
	background-color:#3b587a;
	font-weight:bold;
}

.ally select{
	font-size:11px;
}

td.allyleft{
	text-align:left;
}

.allyleft textarea {
	height:200px;
	width:350px;
}

#tab_pro_pac, #tab_pro_gue{
	display:none;
}

#cadeau{
	width:46%;
	left:27%;
	right:27%;
	margin:auto;
	margin-top:150px;
	z-index:10000;
	position:absolute;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	background-color:#fff;
	border:1px solid black;
	text-align:left;
}

#cadeau_close{
	height:22px;
	vertical-align:middle;
	background-color:#666;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	text-align:right;
	margin-bottom:10px;
}

#cadeau_close img{
	margin-right:5px;
	margin-top:2px;
	border:0;
	cursor:pointer;
}

.img_cad{
	float:left;
	margin:15px 15px 15px 15px;
	margin-top:0px;
}

#cadeau p{
	color:#00318a;
	margin-top:15px;
	font-size:14px;
	font-weight:bold;
	padding-right :10px;
}

#cadeau h1{
	color:#00318a;
	margin-left:0;
	font-weight:bold;
}

#div_combat{
	width:500px;
	margin:auto;
	border:1px solid #ddd;
	height:60px;
	line-height:60px;
	margin-top:25px;
	text-align:center;
}

#div_combat img{
	float:left;
	margin-top:12px;
	margin-left:12px;
	margin-right:40px;
}

.barre_pv{
	border:1px solid black;
	height:12px;
	width:100px;
	background-color:white;
}

.barre_ene{
	border:1px solid black;
	height:12px;
	width:100px;
	background-color:white;
}

#barre_pv1{
	margin-left:75px;
	float:left;
}

#barre_pv2{
	margin-right:75px;
	float:right;
}

#barre_ene1{
	margin-left:75px;
	float:left;
}

#barre_ene2{
	margin-right:75px;
	float:right;
}

#content_bar1{
	background-color:#32e000;
	height:12px;
	width:100px;
}

#content_bar2{
	background-color:#32e000;
	height:12px;
	width:100px;
}

#content_bar_ene1{
	background-color:#3200e0;
	height:12px;
	width:100px;
}

#content_bar_ene2{
	background-color:#3200e0;
	height:12px;
	width:100px;
}

#content_barres{
	height:20px;
	width:500px;
	margin:15px auto auto;
}

#content_barres2{
	height:20px;
	width:500px;
	margin:0px auto auto;
}

#degats1{
	position: absolute;
	z-index:10000;
	color:red;
	font-size:22px;
	font-weight:bold;
	margin-left:135px;
	margin-top:40px;
	display:none;
}

#degats2{
	position: absolute;
	z-index:10000;
	color:red;
	font-size:22px;
	font-weight:bold;
	margin-left:135px;
	margin-top:40px;
	display:none;
}

.ecr_bar{
	position:absolute;
	width:100px;
	font-style:italic;
	font-size:10px;
	color:#aaa;
	text-align:center;
	background:transparent;
	margin-top:-12px;
}

.po{
	color:#dbbe58;
}

.degats{
	color:#ef1c00;
	font-weight:bold;
}

.xp{
	color:#9feeff;
}

.bonus_ally{
	color:yellow;
}