* {  
     font-family: Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;  
 }  
   
 body {  
     background: url(images/bg.jpg) repeat-x #001b23;  
     background-attachment: fixed;  
     margin: 0;  
     color: #FFF;  
     font: 11px Verdana, Arial, Helvetica, sans-serif;  
 }  
   
 a {  
     color: #8A2BE2;  
 }  
   
 a:hover {  
     color: #808000;  
 }  
   
 img {  
     border: 0px;  
 }
   
 .infobulle {  
     position: absolute;  
     visibility: hidden;  
     border: 1px solid Black;  
     padding: 10px;  
     font-family: Verdana, Arial;  
     font-size: 10px;  
     background-color: #FFFFCC;  
 }  
   
 .inactif1 {  
     color: red;  
 }  
   
 .inactif2 {  
     color: red;  
 }  
   
 .url_in_classement {  
    color: #FFFFFF;  
     text-decoration: none;  
 }  
   
 .color_note_high {  
     color: red;  
 }  
   
 .color_note_medium {  
     color: white;  
 }  
   
 .color_note_low {  
     color: green;  
 }  
   
 .lien_dans_vprofils {  
     color: #FFFFFF;  
 }  
   
 .abandon_colonie {  
     text-decoration: underline overline;  
     color: red;  
 }  
   
 .lien_profils {  
     text-decoration: none;  
     color: #FFFFFF;  
 }  
   
 .overview_color_heure {  
     font-weight: bold;  
     color: #6495ED;  
 }  
   
 .deja_construit {  
     color: green;  
 }  
   
 .a_obtenir {  
     color: red;  
 }  
   
 .color_requierement {  
     color: blue;  
 }  
   
 .voiralli {  
     text-decoration: none;  
 }  
   
 .frame {  
     visibility: hidden;  
 }  
   
 .voir_notes {  
     text-decoration: none;  
     color: orange;  
     cursor: pointer;  
 }  
   
 .lien {  
     cursor: pointer;  
 }  
   
 .pair {  
     background-color: #000000;  
 }  
   
 .impair {  
     background-color: #303030;  
 }
 
  h2 {  
     margin: 0;  
     padding: 0px;  
 }
 
  #corp {  
	background: #000000;  
	width: 1080px;   
	opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
}
 
 .barreHr {  
     background: url(images/top.png);  
     width: 1080px;  
     height: 35px;  
     text-align: center;
     border: 0px;	 
 } 
 
 form input#search_bar {  
     background: url(images/input_search.jpg);  
     width: 161px;  
     height: 23px;  
     line-height: 27px;  
     padding: 0 5px;  
     border: none;  
     color: #fff;  
     float: left;  
     margin: 1px 10px 0 0;  
 }  
   
 form input.submit {  
     background: url(images/search.jpg);  
     width: 62px;  
     height: 23px;  
     border: none;  
     color: #fff;  
     float: left;  
 }
 
 #gauche {  
     width: 209px; 
     float: left;  
     display: block;
 }  
   
 #center {  
    width: 662px;
	float: left;
	display: block;
 } 
 
 #centerLogin {  
    width: 871px;
	float: left;
	display: block;
 } 
 
#droite {  
     width: 209px;
     float: left;  
     display: block;
 }  
/*
 #gauche h2 {  
     background: url(images/content_head.png);  
     width: 209px;  
     height: 33px;  
     line-height: 27px;  
     font-weight: normal;  
     text-align: center;  
     font-size: 11px;  
     color: #fff;
 }

 #droite h2 {  
     background: url(images/content_head.png);  
     width: 209px;  
     height: 33px;  
     line-height: 27px;   
     font-weight: normal;  
     text-align: center;  
     font-size: 11px;  
     color: #fff;  
 }  
   
   
 #menu h2 {  
     background: url(images/menu.png);  
     width: 209px;  
     height: 25px;  
     line-height: 20px;
     font-weight: normal;  
     text-align: center;  
     font-size: 11px;  
     color: #FFF;  
 }
 */

/* conservé par compatibilité avec les autres templates */
 #center h2 {  
     background: url(images/centerban.png);  
     width: 627px;  
     height: 33px;  
     line-height: 27px;    
     font-weight: normal;  
     text-align: center;  
     font-size: 11px;  
     color: #fff;  
 }  
 
 form#login {  
     padding: 10px 5px;  
 }  
   
 form#login input.login {  
     background: url(images/input_login.jpg);  
     width: 161px;  
     height: 19px;  
     clear: both;  
     border: none;  
     overflow: hidden;  
     padding: 2px 5px;  
     margin: 5px 0;  
     color: #fff;  
 }
 
 form#login input#submit {  
     background: url(images/login.jpg);  
     width: 62px;  
     height: 23px;  
     line-height: 23px;  
     text-align: center;  
     color: #fff;  
     border: none;  
     float: right;  
 }  
   
 a#register {  
     float: left;  
     text-decoration: underline;  
 }  
   
 a#forgot {  
     font-style: italic;  
 }
 
 .clear {  
     clear: both;  
     height: 0;  
     overflow: hidden;  
} 

.input {
    background: #000000;
    color: #FFFFFF;
}

 #bas {
     background: #DDDDDD;
     border-width: medium;
	 border-style: outset;
	 border-color: #969696; 
     width: 800px;  
     height: 62px;  
     color: #4B4B4B;  
     padding: 0 5px 4px 5px; 
	 opacity: 0.5;	 
 }
 
 #message_logo {  
   max-width: 510px;
   font-size: 15px;  
   color: #F00;
   height: 0px;
   position: relative; 
   left: 120px;
   top: 140px;
 }
 
 #footer {
   display: inline-block;
 }
 
 .center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	display: block;
}

ul.menu li {
	margin-bottom: 1px;
	line-height: 2.5em;
}

/* définition du lien de menu */
ul.menu li a,ul.menu li a:hover {
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 25px;
	padding-top: 0px;
	text-align: center;
	font-size: 11px;
	text-decoration: none;
	display: block;
	vertical-align: middle;
}

/* lien affiché */
ul.menu li a {
	background-image: url(images/menu.png);
/*	border-style: solid;
	border-width: 1px;*/
	color: #FFFFFF;
}

/* lien survolé */
ul.menu li a:hover {
	background-image: url(images/menu.png);
/*	border-style: dashed;
	border-width: 1px;*/
	color: #008F8F;
	cursor: pointer;
}

/*bannières*/
div#gauche p.titre,div#droite p.titre {
	 background: url(images/content_head.png);  
     width: 209px;  
     height: 33px;  
     line-height: 27px;   
     font-weight: normal;  
     text-align: center;  
     font-size: 11px;  
     color: #fff;  
     margin: 0px;
	
}

div#center p.titre,div#centerLogin p.titre {
	background: url(images/centerban.png);  
	width: 627px;  
	height: 33px;  
	line-height: 27px;    
	font-weight: normal;  
	text-align: center;  
	font-size: 11px;  
	color: #fff;  
	margin-left: auto;
	margin-right: auto;
}

.inscrit_total
{
text-decoration: underline overline;
color: #4B4B4B;
}

.txt3 {
	font-size: x-large;
}

/* rendu selon la galaxie*/
.galaxie1 {
	color: green;
}

.galaxie2 {
	color: blue;
}

.galaxie3 {
	color: white;
}

.galaxie4 {
	color: red;
}

.galaxie5 {
	color: yellow;
}

/* rendu selon le nombre de points */
.points1 {
	font-size: x-large;
	color: red;
}

.points2 {
	font-size: large;
	color: red;
}

.points3 {
	font-size: large;
	color: green;
}

.points4 {
	font-size: medium;
	color: green;
}

.points5 {
	font-size: medium;
	color: blue;
}

.points6 {
	font-size: small;
	color: blue;
}

/* positionnement des textes dans un conteneur*/
.leftTop {
	text-align: left;
	vertical-align: top;
}

.leftMiddle {
	text-align: left;
	vertical-align: middle;
}

.leftBottom {
	text-align: left;
	vertical-align: bottom;
}

.rightTop {
	text-align: right;
	vertical-align: top;
}

.rightMiddle {
	text-align: right;
	vertical-align: middle;
}

.rightBottom {
	text-align: right;
	vertical-align: bottom;
}

.centerTop {
	text-align: center;
	vertical-align: top;
}

.centerMiddle {
	text-align: center;
	vertical-align: middle;
}

.centerBottom {
	text-align: center;
	vertical-align: bottom;
}

.msgInfoBold {
	font-family: verdana;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: 900
}
	
.msgInfo {
	font-family: verdana;
	font-size: 9px;
	color: #FFFFFF
}

.msgInfo10 {
	font-family: verdana;
	font-size: 10px;
	color: #FFFFFF
}

.msgInfo11 {
	font-family: verdana;
	font-size: 11px;
	color: #FFFFFF
}

table.tabInset {
//	white-space: nowrap; 
	border-style: inset;
}

table.min300 {
	min-width: 300px;	
}

.nowrap {
	white-space: nowrap; 
}

/* affichage à droite des nombre dans un tableau*/
td.nombre, div.nombre {
	text-align: right;
	white-space: nowrap;
}

td.nombre {
	padding-right: 5px;
}

/* affichage des ressources manquantes*/
.ressManque {
	width: 100%;
	background-color: #FF0000;
	font-weight: 900;
	font-family:verdana;
	font-size:12px;
	color:#404020;
}

.enCours {
	color:#20C020;
	font-size:11px;
}

.construire {
	font-weight: 900;
	font-family:verdana;
	font-size:11px;
	color:#20C020;
}

.popup_desc	{
	background-color: #FFFFFF;
	border: 1px #98AAB1 solid;
	position: absolute;
	z-index: 1000;
	top: 5px;
	right: -238px;
}

.popup_txt {
	font-size : 12px;
	color : #000000;
	font-weight: normal;
}

.divElement {
	display:block;
	width: 175px;
	text-align:center;
	font-family: verdana;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: 900;
	float:left;
	padding: 20px;
}

.titreElement {
	height: 2.75em;
	text-align:center;
	font-size:12px;
}

.boutonlike {
	color:#000000;
	background-color:#D4D0C8;
	border-style: outset;
	border-width:2px;
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	text-decoration: none; 
}
.boutonlike:hover {
	color:#000000;
	background-color:#D4D0C8;
	border-style: inset;
	border-width:2px;
	border-color: #333333 #CCCCCC #CCCCCC #333333;
	text-decoration: none; 
}

/* tableau d'affichage des missions en cours*/
table#missionCours {
	border-style: ridge;
	border-width: 3px;
	font-family: arial;
	font-size: 11px;
	color: #808080;
}

/*espacement entre le titre d'un tableau et le tableau*/
caption {
	white-space: nowrap;
	padding-bottom: 10px;
	caption-side: top;
}

/*mise en place d'espace à gauche de l'objet*/
.margeLeft {
	padding-left: 30px;
}

.margeLeftEmpire{
	padding-left: 10px;
}

.margeRightEmpire{
	padding-right: 30px;
}

.petit {
	font-size: 9px;
}
/*gestion du survol de la souris sur les bâtiments*/
div.blocHover {
	background-color: #202040;
}

div.blocOut {
	background-color: transparent;
}

.gris {
	color: #4B4B4B;
}

/* classement TOP*/
.top1 {
	font-size: x-large;
	color: red;
	text-align: center;
	width: 50%;
	border-color: white;
}

.top2 {
	font-size: large;
	color: orange;
	text-align: center;
	width: 50%;
	border-color: white;
}

.top3 {
	font-size: medium;
	color: yellow;
	text-align: center;
	width: 50%;
	border-color: white;
}

.top4 {
	font-size: small;
	color: white;
	text-align: center;
	width: 50%;
	border-color: white;
}

.top5 {
	font-size: x-small;
	color: gray;
	text-align: center;
	width: 50%;
	border-color: white;
}

/* affichage des messages d'erreurs*/
.erreur {
	width: 100%;
	color: #FF0000;
	font-weight: 900;
	font-family:verdana;
	font-size:12px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* sapn interne à une erreur pour changer l'erreur en information*/
.erreur > span {
	color: #20FF20;
}