@font-face {
        font-family: "Galactic Basic";
        src: url("font/galbasic")
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
margin: 0;
padding: 0;
background-image: url(../gui_images/starfield.png);
}
#header {
height: 250px;
background-color: #99CCCC;
background-image: url(../gui_images/full_ban_v4.png);
}

#pub {
height: 70px;
background-color:#000000;
margin-top: -10px;
}

#login {
text-align: right;
top : 15px;
position: absolute;
color: #D7FF4B;
right:0;
}

#haut {
height: 18px;
background-color:#CCCCFF;
background-image: url(../gui_images/t_bg.png);
}
#conteneur {
position: absolute;
/* height: 2000px;     à virer */
width: 800px;
left: 50%;
margin-left: -400px;
margin-top: 10px;
background-color:#CCCCFF;
background-image: url(../gui_images/bordure.png);
}
#centre {
/* height: 800px;     à virer */
background-color:#000000;
margin-left: 140px;
margin-right: 105px;
}
#gauche {
position: absolute;
left:0;
width: 150px;
}
#droite {
position: absolute;
right:0;
width: 105px;
}
#pied {
height: 10px;
background-color: #99CC99;
background-image: url(../gui_images/t_bg.png);
}

.input {
FONT-WEIGHT: bold; 
FONT-SIZE: 8pt; 
BORDER-LEFT-COLOR: #bac3c5; #FFFFFF; 
BORDER-BOTTOM-COLOR: #bac3c5; 
COLOR: #FFFFFF; 
background-color:#000000;
BORDER-TOP-COLOR: #bac3c5; 
FONT-FAMILY: Tahoma, Verdana, Arial; 
BORDER-RIGHT-COLOR: #bac3c5; 
border-colordark: #bac3c5; 
border-colorlight: #CCCCCC
}

.now_loading {
  text-align:center;
}

.gui_chatroom {
  /*background-color: #51ACE0;*/
  width: 200px;
  height: 300px;
  /*left: 50%; */
  padding-top: 20px;
  margin-top: 5px;
  color: #000000;
  background-image: url(../gui_images/neb_comms.png);
}

.chatroom {
  width:180px;
  height: 170px;
  overflow:auto;
  text-align: left;
  padding-left: 3px;
  padding-right: 3px;
  COLOR: #FFFFFF;
  margin-top: 20px;
  background-color:#000000;
  font-family: "Sylfaen", sans-serif;
}

.chatroom a:link {
	color: #D7FF4B;
	text-decoration: underline;
}
.chatroom a:visited {
	text-decoration: underline;
	color: #D7FF4B;
}
.chatroom a:hover {
	text-decoration: underline;
	color: #D7FF4B;
}
.chatroom a:active {
	text-decoration: underline;
}

#message_pair {
  background-color:#142B42;
}

.nebulastar_chatroom {
FONT-SIZE: 8pt; 
BORDER-LEFT-COLOR: #bac3c5; #FFFFFF; 
BORDER-BOTTOM-COLOR: #bac3c5; 
COLOR: #FFFFFF; 
background-color:#000000;
BORDER-TOP-COLOR: #bac3c5; 
FONT-FAMILY: Tahoma, Verdana, Arial; 
BORDER-RIGHT-COLOR: #bac3c5; 
border-colordark: #bac3c5; 
border-colorlight: #CCCCCC
}


.button {
FONT-WEIGHT: bold; 
FONT-SIZE: 8pt; 
BORDER-LEFT-COLOR: #bac3c5; #FFFFFF; 
BORDER-BOTTOM-COLOR: #bac3c5; 
COLOR: #FFFFFF; 
background-color:#000000;
BORDER-TOP-COLOR: #bac3c5; 
FONT-FAMILY: Tahoma, Verdana, Arial; 
BORDER-RIGHT-COLOR: #bac3c5; 
border-colordark: #bac3c5; 
border-colorlight: #CCCCCC
}

.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
text-align: center;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menuhaut a:hover {
text-decoration: none;
}

dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 10px 0 0;
padding: 0;
}
.menu {
position : absolute;
margin: 0;
padding: 0;
left: 150px;

}
.menu dl {
float: left;
}
.menu li {
display: inline;
}
.menu a {
text-decoration: none;
color: #FFFFFF;
}
.menu a:hover {
font-family: "Galactic Basic";
font-size: 10px;
text-decoration: none;
color : #D7FF4B;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7 {
position: absolute;
left: 0;
display: none;
font-size: 0.82em;
border-top: 1px solid gray;
width: 500px;
height: 18px;
background-image: url(../gui_images/t_bg.png);
}

#smenu_Freespace2, #smenu_XWA, #smenu_X3Reunion, #smenu_Homeworld2, #smenu_Haegemonia, #smenu_Iwar2, #smenu_Nexus {
position: absolute;
/* top: 600px; */
left: 0;
right: 140px;
display: inline;
font-size: 0.90em;
width: 170px;
background: transparent;
/* margin-left: 140px; */
/* border-top: 1px solid gray; */
}

#smenu_Freespace2 li, #smenu_XWA li, #smenu_X3Reunion li, #smenu_Homeworld2 li, #smenu_Haegemonia li, #smenu_Iwar2 li, #smenu_Nexus li{
/*padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
border-style: dotted;
border-width: 1px; */
/* margin-left: 140px; */
/* border-top: 1px solid gray; */
background-color: black;
/*background-image: url(../gui_images/t_bg.png);*/
}

.mentions {
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a {text-decoration: none;
color: #D7FF4B;
}

/* Cadre des menus situé à gauche */
.menutitle_g {
list-style-type: none;
margin: 0;
padding: 0;
width: 140px;
height: 40px;
/*margin-left: 5px;*/
background-image: url(../gui_images/camo.gif);
/*border : 2px solid Black;*/
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}

.ssmenucolor{
margin: 0;
padding: 0;
/* background-image: url(../gui_images/camo.gif); */
margin-top: 2px;
margin-bottom: 2px;
margin-left: 50px;
}
.ssmenucolor a {
}


.menutitle_d {
list-style-type: none;
margin: 0;
padding: 0;
width: 95px;
height: 14px;
margin-left: 2px;
background-image: url(../gui_images/bordure_right.png);
/* border : 2px solid Black; */
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}

/* Contenu des menus situé à gauche */
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
width: 140px;
margin-left: 5px;
color: #FFFFFF;
/*background-image: url(../gui_images/t_bg.png); */
/*border : 2px solid Black; */
}
.menugauche li {
/*margin-bottom: 1px;*/
}
.menugauche a {
/*margin: 0 2px; */
color: #FFFFFF;
/*margin-left: 5px;
text-decoration: none;*/
}

/* transformer la police en galactic base */ 
.menugauche a:hover {
/*font-family: "Galactic Basic";
font-size: 10px;
text-decoration: none;*/
color : #D7FF4B;
}


/* HIGHLIGHT - donner une autre texture */
.highliths {
list-style-type: none;
margin: 0;
padding:0;
width: 140px;
margin-left: 2px;
background-image: url(../gui_images/bordure_right.png);
/* border : 2px solid Black; */
}


/* Contenu du menu de droite */ 
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
width: 95px;
margin-left: 2px;
color: #FFFFFF;
/* background-image: url(../gui_images/t_bg.jpg);*/
/* border : 2px solid Black; */
}
.menudroit li {
margin-bottom: 2px;
}
.menudroit a {
margin: 0 2px;
color: #FFFFFF;
margin-left: 3px;
text-decoration: none;
}
.menudroit a:hover {
text-decoration: none;
color: white;
}
p {margin: 0 0 10px 0;}

img { border: none; }

div.transON {width: 100%; }
div.transOFF {width: 100%; opacity:.35;filter: alpha(opacity=35); -moz-opacity: 0.35;}
div.transHIGHLIGHT { 
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
border-style: dotted;
border-width: 1px; }
div.transHIGHLIGHT:hover { 
border-style: solid;
background-color: #142B42; }

li.transHIGHLIGHT { 
  
}
li.transHIGHLIGHT :hover{ 
  background-color: #474A4D; 
}

.ImportantMessage {
  width:490px;
  font-size: 10px;
  text-align: justify;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  COLOR: #FFFFFF;
  margin-top: 20px;
  margin-left: 10px;
  background-image: url(../gui_images/news_content.png); /*opacity:.95;filter: alpha(opacity=95); -moz-opacity: 0.95;border:1px solid black; */
}

table.news {
	/* border : 2px solid Black; */
	margin-left: 10px;   /*  20px si pas de HighLights */ 
	background-image: url(../gui_images/t_bg_bottom.png);
	text-align: justify;
}

/* message - contenu */
td.news_corps {
	background-image: url(../gui_images/news_content.png);
	font-size : 10px;
	width: 490px;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
}

td.news_date {
	background-image: url(../gui_images/camo_9.gif);
	font-size : 14px;
	color: white;
	font-weight: bold;
	height: 20px;
	padding-left: 5px;
}

td.news_title {
	background-image: url(../gui_images/t_bg.png);
	text-align: left;
	font-size : 12px;
	color: #DFEAF6;
	font-weight: bold;
}

td.news_author {
	background-image: url(../gui_images/t_bg_bottom.png);
	height: 15px;
	text-align: left;
	font-size: 10px;
	/* font-weight: bold; */
	/* padding-top: 8px; */
}

/* lien vers les commentaires des internautes */
td.news_comments {
}

blockquote {
	background-color: white;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7;
}

.nb_visiteurs {
	font-size: 25px;
	font-weight: bold;
	text-align: right;
}

.signature {
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	padding-top: 8px;
}

.source {
	font-weight: bold;
}

.news a:link {
	color: #white;
	text-decoration: none;
}
.news a:visited {
	text-decoration: none;
	color: #DFEAF6;
}
.news a:hover {
	text-decoration: underline;
	color: #D7FF4B;
}
.news a:active {
	text-decoration: none;
}

.news_corps a:link {
	color: #white;
	text-decoration: none;
}
.news_corps a:visited {
	text-decoration: none;
	color: #D7FF4B;
}
.news_corps a:hover {
	text-decoration: underline;
	color: #D7FF4B;
}

.logout a:link {
	color: #D7FF4B;
	text-decoration: none;
}
.logout a:visited {
	text-decoration: none;
	color: #D7FF4B;
}
.logout a:hover {
	text-decoration: underline;
	color: #D7FF4B;
}
.logout a:active {
	text-decoration: none;
}