
/* 
------------------------------------
	La page
------------------------------------
*/

body {
	margin : 0; /* marges externes */
	padding : 0; /* marges internes */
	background : black; /* couleur de fond */
	background-image : url(images/fond.jpg); /* image de fond */
	background-attachment:fixed;
	background-repeat:no-repeat; 
	color : white; /* couleur du texte */
	border : 0; /* bordures */
	text-align : left; /* Alignement du texte */
	font-family : times, Georgia, "Courier New", "New Roman", Verdana, Serif; /* police de caractère */
	height: 100%;
}


/* 
------------------------------------
	header
------------------------------------
*/

#header {
	text-align : center;
}

table#ressourcesPlanete {
	width : 700px; /* largeur */
	margin-right : auto;
	margin-left : auto;
	border : none;
	background : transparent;
	padding : 0;
}

table#ressourcesPlanete th {
	font-size : 100%; /* taille du texte */
	border : none;
}

table#ressourcesPlanete td {
	border : none;
	font-weight : bold; /* graisse du texte */
}

/* 
------------------------------------
	Menu gauche
------------------------------------
*/

#menuGauche { /* Le menu de gauche */
	float : left;
	margin-left : 5px; /* Marge à gauche */
	margin-bottom : 30px;
}

table#menuGauche {
	width : 170px; /* largeur */
}

table#menuGauche th {
	font-size : 80%; /* taille du texte */
}

table#menuGauche td {
	font-size : 75%; /* taille du texte */
}

table#menuGauche ul {
	text-align : left;
	list-style-type : square;
	margin-top : 2px;
	padding-top : 2px;
	margin-bottom : 2px;
	padding-bottom : 2px;
	margin-left : 10px;
	padding-left : 10px;
}

table#menuGauche a {
	color: #6699FF; /* couleur du texte */
	text-decoration: none; /* décoration du texte */
}

table#menuGauche a.rouge {
	color: red; /* couleur du texte */
}

table#menuGauche a.dore {
	color: #FF9900; /* couleur du texte */
}

table#menuGauche span.montant {
	text-decoration : blink; /* texte cligotant */
	color: #FF9900; /* couleur du texte */
	font-size : 130%; /* taille du texte */
	font-weight : bold; /* graisse du texte */
}

table#menuGauche a:hover { /* quand on pointe sur un lien */
	text-decoration : underline;
}

/* 
------------------------------------
	Contenu
------------------------------------
*/

#contenu {
	margin-left : 200px;
	margin-bottom : 30px;
}

#contenu p.exception {
	text-decoration : blink;
	font-size : 120%;
	color : red;
	font-weight : bold;
}

/* 
------------------------------------
	Les Liens
------------------------------------
*/

a {
	color: #33FF00; /* couleur du texte */
	text-decoration: none; /* décoration du texte */
	font-weight : bold; /* graisse du texte */
}

a:hover { /* quand on pointe sur un lien */
	text-decoration : underline;
}

a.neutre {
	color: white; /* couleur du texte - idem que la couleur du texte dans body*/
	text-decoration: underline; /* décoration du texte */
}

a.rouge {
	color: red; /* couleur du texte */
}

a.dore {
	color: #FF9900; /* couleur du texte */
}

/* 
------------------------------------
	Les images
------------------------------------
*/
 
img {
	border: 0; /* bordures */
	margin: 0; /* marges externes */
	padding: 0; /* marges internes */
}

/* 
------------------------------------
	Les formulaire
------------------------------------
*/

textarea, input, select { 
	color: white; /* couleur du texte */
	background-color: #000000; /* couleur de fond */
}

/* 
------------------------------------
	Chat
------------------------------------
*/

#chat {
	color : black;
	float : left;
	margin-top : 100px;
	margin-left : 100px;
}

#chat textarea, #chat input, #chat select {
	color : black; /* couleur du texte */
	background-color: red; /* couleur de fond */
}

/* 
------------------------------------
	Les tableaux
------------------------------------
*/
 
table {
	border : 1px #545454 solid;
	font-family : Tahoma,sans-serif;
	text-align: center; /* alignement du texte */
	background : black; /* couleur de fond */
	opacity : 0.90; /* opacité */
}

th {
	font-size : 90%; /* taille des caractères */
	margin : 2px;
	border : 1px #545454 solid;
	padding : 3px;
}

td {
	font-size : 85%; /* taille des caractères */
	margin : 2px;
	border : 1px #545454 solid;
	padding : 3px;
}

td.gauche {
	font-size : 85%; /* taille des caractères */
	margin : 2px;
	border : 1px #545454 solid;
	padding : 3px;
	opacity : 0.85; /* opacité */
	text-align: left; /* alignement du texte */
}

span.rouge { 
	color: red; /* couleur du texte */
}

span.vert { 
	color: #33FF00; /* couleur du texte */
}

span.dore { 
	color: #FF9900; /* couleur du texte */
}

span.gris { 
	color: #808080; /* couleur du texte */
}

/* 
------------------------------------
	Login
------------------------------------
*/

#login {
	margin-top : 20px;
}

table#login {
	width : 800px; /* Largeur */
}

table#login th.titre {
	font-size : 130%; /* Taille du texte */
	color : red; /* Couleur du texte */
}

table#login td.description {
	width : 320px;
}

table#login td.pot {
	font-size : 150%; /* taille du texte */
	font-weight : bold; /* graisse du texte */
}

table#login span.montant {
	text-decoration : blink; /* texte cligotant */
	color: #FF9900; /* couleur du texte */
}

/* 
------------------------------------
	Pass oublié
------------------------------------
*/

#passOublie {
	margin-top : 20px;
}

table#passOublie {
	width : 600px; /* Largeur */
}

/* 
------------------------------------
	Logout
------------------------------------
*/

#logout {
	margin-top : 20px;
}

#logout p {
	width : 500px;
	border : 1px #545454 solid;
	font-size : 130%;
	color : red;
	text-align : center;
	font-family : Tahoma,sans-serif;
	background : black; /* couleur de fond */
	opacity : 0.85; /* opacité */
}

/* 
------------------------------------
	Empire
------------------------------------
*/

table#empire {
	width : auto; /* Largeur */
	border : none; /* bordures */
}

table#empire td.sansBordure { 
	border: none; /* bordures */
}

table#empire td.sousTitre {
	font-weight: bold; /* graisse du texte */
	color: red; /* couleur du texte */
}

table#empire span.enCours { 
	font-weight: bold; /* graisse du texte */
	color: green; /* couleur du texte */
}

/* 
------------------------------------
	Piloris
------------------------------------
*/

table#piloris {
	width : 800px; /* Largeur */
}

/* 
------------------------------------
	Galaxie
------------------------------------
*/

table#galaxie {
	width : 800px; /* largeur */
}

table#galaxieEncadre {
	width : 200px; /* largeur */
	color : white;
	font-size : 150%;
}

table#galaxieEncadre ul, table#galaxieEncadre li {
	text-align : left;
	list-style : none;
}

/* 
------------------------------------
	Arbre des technologies
------------------------------------
*/

table#arbreTechnologies {
	width : 500px; /* largeur */
}

/* 
------------------------------------
	Vue générale
------------------------------------
*/

table#vueGenerale_infosPlanete {
	width : 800px; /* largeur */
}

table#vueGenerale_sujetsForum {
	width : 800px; /* largeur */
}

table#vueGenerale_sujetsForum  td{
	text-align : left;
}

table#vueGenerale_statsJoueur {
	width : 800px; /* largeur */
}

table#vueGenerale_evenements {
	width : 800px; /* largeur */
}

table#vueGenerale_ressources, table#vueGenerale_flotte {
	width : 200px; /* largeur */
	color : white;
	font-size : 150%;
}

table#vueGenerale_ressources ul, table#vueGenerale_ressources li, table#vueGenerale_flotte ul, table#vueGenerale_flotte li {
	text-align : left;
	list-style : none;
}

table#vueGenerale_ressources .vert, table#vueGenerale_flotte .vert {
	color: #33FF00; /* couleur du texte */
}



/* 
------------------------------------
	Batiments
------------------------------------
*/

table#batiments {
	width : 800px; /* largeur */
}

table#batiments span.description { 
	font-size : 85%; /* taille des caractères */
}

/* 
------------------------------------
	Laboratoire
------------------------------------
*/

table#laboratoire {
	width : 800px; /* largeur */
}

table#laboratoire span.description { 
	font-size : 85%; /* taille des caractères */
}

/* 
------------------------------------
	Défenses
------------------------------------
*/

table#defenses {
	width : 800px; /* largeur */
}

table#defenses span.description { 
	font-size : 85%; /* taille des caractères */
}

/* 
------------------------------------
	Chantier Spatial
------------------------------------
*/

table#chantierSpatial {
	width : 800px; /* largeur */
}

table#chantierSpatial span.description { 
	font-size : 85%; /* taille des caractères */
}

/* 
------------------------------------
	Simulateur
------------------------------------
*/

table#simulateur {
	width : 600px; /* largeur */
}

/* 
------------------------------------
	Statistiques
------------------------------------
*/

table#statistiques {
	width : 950px; /* largeur */
}

table#statistiques td.moi {
	background-color : green;
	font-weight : bold;
}

/* 
------------------------------------
	Production de l'usine
------------------------------------
*/

table#tableauProduction {
	width : 500px; /* largeur */
}

/* 
------------------------------------
	Ressources
------------------------------------
*/

table#ressources_production {
	width : 800px; /* largeur */
}

table#ressources_energie {
	width : 300px; /* largeur */
}

table#ressources_stockage {
	width : 800px; /* largeur */
}

table#ressources_stockage td.vert { 
	background-color: #33FF00; /* couleur de fond */
}

table#ressources_stockage td.rouge { 
	background-color: red; /* couleur de fond */
}

table#ressources_stockage td.sansBordure { 
	border : none; /* bordures */
}

/* 
------------------------------------
	Flottes
------------------------------------
*/

table#envoyerFlotte {
	width : 450px; /* largeur */
}

table#flottesEnVol {
	width : 800px; /* largeur */
}

/* 
------------------------------------
	Messagerie
------------------------------------
*/

table#messagerie {
	width : 800px; /* largeur */
}

/* 
------------------------------------
	Rapports (espionnage, combats, phalange)
------------------------------------
*/

table#rapports {
	width : 600px; /* largeur */
}

table#rapport {
	width : 600px; /* largeur */
}

table#rapport th.forum {
	background-color : #6600CC;
}
table#rapport td.forum {
	background-color : #6600CC;
}

/* 
------------------------------------
	Détails
------------------------------------
*/

table#details {
	width : 800px; /* largeur */
}

table#details span.description { 
	font-size : 85%; /* taille des caractères */
}

/* 
------------------------------------
	Compte plus
------------------------------------
*/

table#plus {
	width : 800px; /* largeur */
}

/* 
------------------------------------
	Merveilles
------------------------------------
*/

table#merveilles {
	width : 800px; /* largeur */
}

/* 
------------------------------------
	Satellites
------------------------------------
*/

table#satellites {
	width : 800px; /* largeur */
}

table#satellites span.description { 
	font-size : 85%; /* taille des caractères */
}

/* 
------------------------------------
	Phalange
------------------------------------
*/

table#phalange {
	width : 500px; /* largeur */
}

/* 
------------------------------------
	Porte de saut
------------------------------------
*/

table#porteSaut {
	width : 500px; /* largeur */
}

/* 
------------------------------------
	Profil
------------------------------------
*/

table#profil {
	width : 700px; /* largeur */
}


/* 
------------------------------------
	Marchand
------------------------------------
*/

table#marchand {
	width : 800px; /* largeur */
}


/* 
------------------------------------
	Activation
------------------------------------
*/

table#activation {
	width : 800px; /* largeur */
}

table#activation td.pot {
	font-size : 150%; /* taille du texte */
	font-weight : bold; /* graisse du texte */
}

table#activation span.montant {
	text-decoration : blink; /* texte cligotant */
	color: #FF9900; /* couleur du texte */
}


/* 
------------------------------------
	Alliance
------------------------------------
*/

table#listeAlliances {
	width : 800px; /* largeur */
}

table#alliance {
	width : 600px; /* largeur */
}

table#candidatureAlliance {
	width : 800px; /* largeur */
}

table#listeMembres {
	width : 800px; /* largeur */
}

table#creerAlliance {
	width : 400px; /* largeur */
}

table#gestionAlliance {
	width : 800px; /* largeur */
}

table#gestionCandidatures {
	width : 850px; /* largeur */
}

table#gestionMembres {
	width : 800px; /* largeur */
}
table#gestionPactes {
	width : 800px; /* largeur */
}

/* 
------------------------------------
	Administration
------------------------------------
*/

table#admin_messagerie {
	width : 900px; /* largeur */
}

table#admin_logConnexions {
	width : 800px; /* largeur */
}

table#admin_logConnexions td.reussie {
	background-color : green;
}

table#admin_logConnexions td.echec {
	background-color : red;
}

table#admin_passOublie {
	width : 700px; /* largeur */
}

table#admin_passOublie td.valide {
	background-color : green;
}

table#admin_passOublie td.invalide {
	background-color : red;
}

table#admin_flottesEnVol {
	width : 1100px; /* largeur */
}

table#admin_retoursFlottes {
	width : 1100px; /* largeur */
}

table#admin_flottesEnvoyees {
	width : 1100px; /* largeur */
}

table#admin_ban {
	width : 800px; /* largeur */
}

table#admin_marchand {
	width : 1000px; /* largeur */
}

table#admin_listeJoueur {
	width : 900px; /* largeur */
}

table#admin_rapports {
	width : 600px; /* largeur */
}

table#admin_rapport {
	width : 600px; /* largeur */
}

table#admin_messageGlobal {
	width : 800px; /* largeur */
}

table#admin_sauts {
	width : 800px; /* largeur */
}

table#admin_comptesPlus {
	width : 1400px; /* largeur */
}

table#admin_reliques {
	width : 800px; /* largeur */
}

table#admin_abandonsPlanetes {
	width : 800px; /* largeur */
}

table#admin_empire {
	width : auto; /* Largeur */
	border : none; /* bordures */
}

table#admin_empire td.sansBordure { 
	border: none; /* bordures */
}

table#admin_empire td.sousTitre {
	font-weight: bold; /* graisse du texte */
	color: red; /* couleur du texte */
}

table#admin_empire span.enCours { 
	font-weight: bold; /* graisse du texte */
	color: green; /* couleur du texte */
}
