@charset "utf-8";
/* 	Style Lite pour War-Evolution 	*/
/* 		Tout droit réservé 			*/

/*
 
 * #A52A2A			#A52A2A
 * 165,42,42 		165,42,42
 * #38A52A				#38A52A
 * 56,165,42			56,165,42
 * #2AA5A5				#2AA5A5			#02A4E6
 * 42,165,165			42,165,165
 * 51,153,255	51,153,255
 * #BC7100			#BC7100
 * 188,113,0		188,113,0

*/
  
/********************/
/* Debug */ 
.Mysql {
	color:#00FF00;
	display:none;
}

/********************/
/* FONT */
@font-face {
  font-family: "Capture it";
  src: url("MyFairCody.otf");
  /* A font design by Darim Kim www.aboutletters.com) */
}

/********************/
/* GENERAL */
body { 
	background:white url(Fond3.jpg) no-repeat center fixed ; 
	margin:0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10pt;
	color:#000000;
	text-align:center;
}
#BigZone, .BigZone {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1000px; /* 990+300+144=1434 */
}
img {
	border:0px;
	text-decoration:none;
}

/********************/
/* Message Erreurs & Affirmations */ 
#MsgOk, #MsgErreur,#MsgInfo {
	color:white;
	text-align:center;
	background-image:url(BarreWhite.png);
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
	-opera-border-radius: 7px;
	border-radius:7px;
	-moz-box-shadow: 1px 1px 12px #FFF; 
    -webkit-box-shadow: 1px 1px 12px #FFF; 
    box-shadow: 1px 1px 12px #FFF; 
}
#MsgErreur {
	background-color:#A52A2A; /*#FF8E8E #CA0000*/
}
#MsgOk {
	background-color:#38A52A; /*#00CC00*/
}
#MsgInfo {
	background-color:#2AA5A5; /*#0099FF*/
}

/********************/
/* Liens */ 
a:link, a:visited {
	text-decoration:none;
	color:#050046;
	-webkit-transition: color 0.5s linear;
    -moz-transition: color 0.5s linear;
	transition: color 0.5s linear;
}
a:hover {
	color:#9FA0FF !important; /*yellow*/
	text-decoration:underline;
}
fieldset a:link, fieldset a:visited {
	color:black; /*#8089FF; /*#FFFF80; /*#703d49; /*#000C3E; /*#00283E; /*#050046; /*#92ade0; /*#1C2954; /*#C8CEE3;*/
}
legend a:link,legend a:visited {
	color:black;
}
table a:link, table a:visited {
	color:white;
}
.TR0 a:link, .TR0 a:visited {
	text-decoration:underline;
}
#Footer a {
	color:#000000;
	text-decoration:underline;
}

/********************/
/* Cadre */ 
fieldset, legend, .Cadre {
	text-align:left;
	background-color:rgba(100,100,100,0.7);
	color:white;
	border:1px solid #333333;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
	border-radius:5px;
	-moz-box-shadow: 1px 1px 12px #555; 
    -webkit-box-shadow: 1px 1px 12px #555; 
    box-shadow: 1px 1px 12px #555; 
}
legend {
	background-color:rgba(255,255,255,0.7);
	color:black;
	/*text-shadow: 0px 1px 1px #FFF;*/
}

.Tutoriel {
	color:black;
	background-color:rgba(128,149,255,0.6); 
	background-image:url(../../Images/Info.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
	transition: all 1s;
}
.Tutoriel, .Tutoriel legend {
	border: 1px black dashed;
}
.TutorielAction {
	color:white;
	font-weight:bold;
}

#ZoneMenu {
	float:left;
	text-align:center;
	left:0px;
	width:140px;
	top:0px;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
	transition: all 1s;
}
#ZoneMenu a:link, #ZoneMenu a:visited {
	color:white;
	margin-left:0px;
}
#ZoneMenu fieldset {
	text-align:center;
}

/********************/
/* Menu */
#Menu { }
#Menu fieldset {
	display: inline ;
	vertical-align:top;
}
#Menu a:visited, #Menu a:link {
	color:white;
}
#Menu img {
	height:15px;
	vertical-align:middle;
}
#Menu a {
	/*height:19px;*/
	width:auto;
	text-align:center;
	text-decoration:none;
	/*background-image:url(Menu.png);*/
	/*background-position:0px 0px;*/
	font-family:"Trebuchet MS";
	font-size:12px;
	display:block;
	border:10px solid #FF0000
	/*-moz-box-shadow: 0px 0px 1px #555; 
    -webkit-box-shadow: 0px 0px 1px #555; 
    box-shadow: 0px 0px 1px #555; */
    -moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
	border-radius:5px;
}
.MenuAlerte {
	background-position:0px -40px !important;
	color:#A52A2A !important;
}
/*#Menu a:hover {
	background-position:0px -20px;
}*/
#Extra {
	float:right;
	text-align:right;
}
#Extra img {
	vertical-align:middle;
}
.MenuSwitch {
	background-color:rgba(255,255,255,0.45);
	border:1px solid #333333;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
	border-radius:5px;
	-moz-box-shadow: 1px 1px 6px #555; 
    -webkit-box-shadow: 1px 1px 6px #555; 
    box-shadow: 1px 1px 6px #555; 
    color:white;
    padding:1px;
    top:5px;
    bottom:5px;
 
}

#News li {
	list-style-type:none;
	padding:0px;
}

/********************/
/* Zones */
#ZoneHeader {
	/*background:url(Header.3.png) no-repeat top;*/
}
#ZoneLogo {
	float:left;
}
#ZoneChargement {
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
	transition: all 1s;
	text-align:left;
	display:inline;
	left:0px;
	position:absolute;
	font-size:smaller;
}
#Alerte {
	background-image:url(BarreWhite.png);
	background-color:#A52A2A;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-opera-border-radius:7px;
	border-radius:7px;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
	transition: all 1s;
	-moz-box-shadow: 1px 1px 12px #000; 
    -webkit-box-shadow: 1px 1px 12px #000; 
    box-shadow: 1px 1px 12px #000; 
	/*width:100%;*/
	color:white;
	margin-top:6px;
	margin-bottom:6px;
}
#Information {
	/*background-color:#015700; /*#003590; /*#4CCA00;*/
	background-color:rgba(0,0,0,0.75);
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-opera-border-radius:7px;
	border-radius:7px;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
	transition: all 1s;
	-moz-box-shadow: 1px 1px 12px #000; 
    -webkit-box-shadow: 1px 1px 12px #000; 
    box-shadow: 1px 1px 12px #000; 
	color:white;
	margin-top:6px;
	margin-bottom:6px;
	text-align:justify;
	padding:5px;
}
#Information a {
	color:white;
	text-decoration:underline;
}

.BarreHeader {
	background-color:rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 12px #000; 
    -webkit-box-shadow: 0px 0px 12px #000; 
    box-shadow: 0px 0px 12px #000; 
	width:100%;
	height:15px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}
#ZoneRessource a {
	background-color:rgba(200,200,200,0.5);
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-opera-border-radius:7px;
	border-radius:7px;
	-moz-box-shadow: 0px 0px 24px #FFF; 
    -webkit-box-shadow: 0px 0px 24px #FFF; 
    box-shadow: 0px 0px 24px #FFF; 
	padding-left:4px;
	padding-right:2px;
	border:1px solid black;
}
#ZoneRessource img {
	vertical-align:text-top;
}
#Localisation {
	display:none;
	text-align:left;
	padding-left:10px;
	position:relative;
	bottom:35px;
}
#LocalisationIleImage {
	width:100px;
	position:absolute;
	top:-20px;
	left:220px;
	z-index:-1;
}
#ZoneConnexion, #ZoneConnexion legend {
	background-image:url(Barre.png);
}
#ZoneConnexion a {
	background:none;
	height:auto;
	width:auto;
	display:inline;
}
#Corps {
	text-align:left;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
	transition: all 1s;
}

#Footer {
	background-color:rgba(200,200,200,0.7);
	-moz-box-shadow: 0px 0px 12px #000; 
    -webkit-box-shadow: 0px 0px 12px #000; 
    box-shadow: 0px 0px 12px #000; 
    margin-top:-7px;
    margin-bottom:-7px;
    margin-left:auto;
    margin-right:auto;
}
#PubFooter {
	margin-top:15px;
	margin-bottom:15px;
}

/********************/
/* ZonesPrédifinies */
/*.ZoneBlanche, .ZoneRouge, .ZoneVerte {
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
	-opera-border-radius: 7px;
	border-radius: 7px;
}
.ZoneBlanche {
	background-image:url(Op50White.png);
	color:#000000;
}
.ZoneRouge {
	background-image:url(Op50Red.png);
	color:#FFFFFF;
}
.ZoneVerte {
	background-image:url(Op50Green.png);
	color:#FFFFFF;
}*/

/********************/
/* Chat */
#WEChat {
	/*float:right;*/
	position:absolute;
	width:240px;
	max-height:800px;
	right:0px;
	bottom:0px;
	top:0px;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
	transition: all 1s;
	/*overflow:hidden;*/
}
/*#WEChat:hover {
	right:0px;
}*/
#WEChat_Form a {
	color:white;
}
#WEChat_Messages {
	position:absolute;
	width:230px;
	overflow:auto;
	top:42px;
	bottom:0px;
}
/*#WEChat_Messages fieldset {
	width:197px !important;
}*/
#WEChat_Messages legend {
	text-align:center;
	background-color:rgba(255,255,255,0.9);
	font-family: 'Capture it';
	font-size: 1.2em;
	text-shadow: 0px 1px 1px #FFF;
}
#WEChat_Messages fieldset {
	background-color:rgba(0,0,0,0.8);
}
/*#WEChat_Messages legend a {
	text-decoration:none;
}*/
.WEChat_Messages_Header {
	font-size:65%;
	vertical-align:super;
}
.WEChat_Time {
	color:#666666;
	font-size: xx-small;
}
.WEChat_Message {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.WEChat_Alerte {
	background-color:rgba(165,42,42,0.8) !important;
}

/********************/
/* Form */ 
form {
	margin:0px;
	padding:0px;
}
textarea, input, select {
	background-color: rgba(30,30,30,0.5); /*#1E1E1E;*/
	border:1px solid #666666;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	-opera-border-radius: 3px;
	border-radius:3px;
	color:#FFFFFF;
	margin:1px;
	-moz-box-shadow: 1px 1px 12px #555; 
    -webkit-box-shadow: 1px 1px 12px #555; 
    box-shadow: 1px 1px 12px #555; 
}
input[type="submit"], input[type="button"] {
	background-image:url(BarreWhite.png);
	border:1px solid white;
}
textarea:focus, input:focus, select:focus, textarea:hover, input:hover, select:hover  {
	border:1px solid #2AA5A5; /*#02A4E6; /*#E66F02;*/
	outline-color:#2AA5A5; /*#02A4E6;*/
	/*
	background-color: rgba(30,30,30,0.9);
	-moz-box-shadow: 1px 1px 12px #000; 
    -webkit-box-shadow: 1px 1px 12px #000; 
    box-shadow: 1px 1px 12px #000; */
}
.InputWhite {
	background-color: rgba(230,230,230,0.9);
	font-size:1 em;
}

/********************/
/* Drag&Drop */ 
.BlockSelect fieldset, .BlockSelect legend, .BlockDrag:hover fieldset,.BlockDrag:hover legend {
	border:1px solid #2AA5A5;
}
.BlockBackground {
	position:absolute;
	top:5px;
	right:5px;
	color:#333333;
	font-size:40px;
}

/********************/
/* Barre de progression */
.BarreJaune, .BarreRouge, .BarreVerte {
	visibility:hidden;
	text-align:center;
	color:#000000;
	border:1px solid #333333;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
	border-radius:5px;
	-moz-box-shadow: 1px 1px 12px #555; 
    -webkit-box-shadow: 1px 1px 12px #555; 
    box-shadow: 1px 1px 12px #555;
   /* background-image:url(PX.png);*/
}
.BarreJaune, .BarreXPJaune {
	background-color:#38A52A;
}
.BarreRouge, .BarreXPRouge {
	background-color:#A52A2A;
}
.BarreVerte, .BarreXPVerte, .BarreBleu, .BarreXPBleu { 
	background-color:#2AA5A5;
}

.BarreXP {
	display:inline-block;

	padding-left:5px;
	padding-right:5px;
	margin-left:0px;
	margin-right:0px;
	
	border:1px solid #333333;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
	border-radius:5px;
	-moz-box-shadow: 1px 1px 12px #555; 
    -webkit-box-shadow: 1px 1px 12px #555; 
    box-shadow: 1px 1px 12px #555; 
}


/********************/
/* Inventions */
.FondInv {
	background-image:url(FlecheProlongementInvention.png);
	background-repeat:repeat-x;
	background-position:center;
}
.FondFinInv {
	width:50px;
	background-image:url(FlecheSigneInvention.png);
	background-repeat:no-repeat;
	background-position:center;
	background-position:left;
}
.InvOne {
	width:100px;
	padding-top:50px;
}
.InvTwo {
	width:100px;
	vertical-align:middle;
}
.TRInv {
	vertical-align:top;
	margin-right:10px;
	text-align:center;
}

/********************/
/* Tableaux */
.TR0, .TR1, .TR2, .TRUX, .TRvert, .TRrouge, .TRorange {
	background-image:url(Lignes.png);
	background-repeat:repeat-x;
	text-align:center;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 1s;
    -moz-transition-property: background-color;
	-moz-transition-duration: 1s;
	transition-property: background-color;
	transition-duration: 1s;
}
/* Titre tableau */
.TR0 {
	background-image:url(MenuTitre.png);
	background-color:rgba(0,0,0,0.6);
	-moz-box-shadow: 1px 1px 20px #000; 
    -webkit-box-shadow: 1px 1px 20px #000; 
    box-shadow: 1px 1px 20px #000; 
	
}
/* Lignes */
.TR1 { 
	background-color:rgba(51,153,255,1); /*#3399FF;*/
}
.TR2 { 
	background-color:rgba(51,102,255,0.7); /*#3366FF; */
}
.TRUS,.TRvert {
	background-color:rgba(56,165,42,0.9); /*#00FF00;*/
}
.TRrouge {
	background-color:rgba(165,42,42,0.9); /*#FF0000;*/
}
.TRorange {
	background-color:rgba(188,113,0,0.9); /*#FF9900;*/
}
.TR1:hover { 
	background-color:rgba(51,153,255,0.7); /*#3399FF;*/
}
.TR2:hover { 
	background-color:rgba(51,102,255,0.5); /*#3366FF; */
}
.TRUS:hover, .TRvert:hover {
	background-color:rgba(56,165,42,0.4); /*#00FF00;*/
}
.TRrouge:hover {
	background-color:rgba(165,42,42,0.4); /*#FF0000;*/
}
.TRorange:hover {
	background-color:rgba(188,113,0,0.4); /*#FF9900;*/
}

/********************/
/* Titres/Tailles */
.Titre {
	font-size:large;
}
.SousTitre {
	font-size:larger;
}
.titrepage {
	display:none;
}
.Small, .Smaller {
	font-size: xx-small;
}

/********************/
/* Actions */
.actions {
	text-align:center;
	background-color:rgba(127,127,127,0.6); /*#4A4A4A;*/
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
	-opera-border-radius: 7px;	
	border-radius:7px;
	margin-bottom:5px;
	border:1px solid #999999;
	padding:2px;
}
.actions a:link, .actions a:visited {
	color:white;
}
/********************/
/* Affichage Joueur */
.Joueur:hover {
	text-decoration:underline;
	text-shadow: 1px 1px 2px #000;
}
.Joueur {
	 font-family: 'Capture it';
	 font-size: 1.2em;
	 text-shadow: 0px 1px 1px #000;
}
.SousMessage {
	font-size:smaller;
	text-align:center;
	color:#999999;
}
.Alliance {
	color:#FFFFFF;
	font-size:75%;
	vertical-align:super;
}

/********************/
/* Transparence */
.Transparent {
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	filter:alpha(opacity=50);
	opacity:0.5;
}
.Transparent25 {
	-moz-opacity:0.25;
	-khtml-opacity:0.25;
	filter:alpha(opacity=25);
	opacity:0.25;
}

/********************/
/* Afficher/Masquer */
.Cacher {
	display:none;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
	transition: all 1s;
}
.Montrer {
	display:;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
	transition: all 1s;
}

/********************/
/* Couleurs */
/* Paix */
.Accord1 {
	background-color:#38A52A;
}
/* Neutre */
.Accord0 {
	background-color:none;
}
/* Guerre */
.Accord2 {
	background-color:#A52A2A;
}
/* Préavis */
.Accord3 { 
	background-color:#BC7100;
}
/* Préavis Gris (Ville) */
.Accord4 { 
	background-color:grey;
}
/* Rapports */
.AttaqueNous {
	color:#38A52A;
}
.AttaqueLui {
	color:#A52A2A;
}
.AttaqueAlerte {
	color:#BC7100;
}

.Attaque {
	color:#A52A2A;
}
.Attaque[type="button"] {
	background-color:#A52A2A !important;
	color:#FFFFFF !important;
	border:0px !important;
}
.Defense {
	color:#2AA5A5;
}
.Defense[type="button"] {
	background-color:#2AA5A5 !important;
	color:#FFFFFF !important;
	border:0px !important;
}
.Escorte {
	color:#BC7100;
}
.Escorte[type="button"] {
	background-color:#BC7100 !important;
	color:#FFFFFF !important;
	border:0px !important;
}
.AbTravail {
	color:#38A52A;
}
.AbTravail[type="button"] {
	background-color:#38A52A !important;
	color:#FFFFFF !important;
	border:0px !important;
}

/* FOND UNITES */
/*
.FondAttaque, .FondDefense, .FondAbri {
	background-color:#FF0000;
	background-image:url(../../Images/Menu.png);
	border:0px;
	padding:3px;
	padding-right:0px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
	border-radius:5px;
}
.FondAttaque {
	background-color:#FF0000;
}
.FondDefense {
	background-color:#0000FF;
}
.FondAbri {
	background-color:#00FF00;
}*/
/* DRAG/DROP */
.BlockDrag {
	-moz-user-select:none;
	cursor:move;
	position:relative;
}
.Priorites {
	background-image:url(../../Images/Fleche.png);
	background-position:center;
	background-repeat:no-repeat;
}
.Cibles {
	background-image:url(../../Images/Cibles.png);
	background-position:center;
	background-repeat:no-repeat;
}

.AccueilAlertes {
	background-image:url(BarreWhite.png);
	background-color:rgba(165,42,42,0.7);  /*#A52A2A;*/
}
.AccueilAlertes:hover {
	border:1px solid #E66F02;
}
.AccueilIcones {
	/*float:left;*/
	margin-right: 5px;
	height:25px;
	vertical-align:middle;
}

.TexteBkc {
	color:#686868;
	font-size:40px;
	float:right;
}
#Twitter { }