html, body {
    background: #000 url(/beta/images/template/background.jpg) top center no-repeat;
    background-color: #000;
    font-family: Arial;
    font-size: 12px;
    color: #fff;
}

html a, body a {
    outline: none;
}

#page {
    padding-bottom: 40px;
}

#container {
    width: 960px;
    margin: 0 auto;
}

#header {
    position: relative;
    background: transparent url(/beta/images/template/header2.png);
    width: 960px;
    height: 99px;
}

#header a.lien-logo {
    position: relative;
    display: block;
    top: 20px;
    left: 75px;
    width: 250px;
    height: 30px;
}

#logo_compte {
    position: absolute;
    top: 60px;
    left: 170px;
}

#logo_compte a {
    display: block;
    position: absolute;
    width: 29px;
    height: 29px;
}

a.amiral_on {
    background: url(/beta/images/template/picto_amiral.png);
    border: none;
}

a.amiral_off {
    background: url(/beta/images/template/picto_amiral_off.png);
    border: none;
}

a.pt_on {
    background: url(/beta/images/template/picto_PT.png);
    border: none;
    left: 29px;
}

a.pt_off {
    background: url(/beta/images/template/picto_PT_off.png);
    border: none;
    left: 29px;
}

#menu_head {
    position: absolute;
    top: 53px;
    left: 244px;
}

#menu_head ul li a {
    display: block;
    background-image: url(/beta/images/template/menu_head.png);
    width: 77px;
    height: 46px;
}

#menu_head ul li {
    float: left;
    margin: 1px;
    padding: 0;
}

#menu_head #bt_batiment a {
    background-position: 0 0;
}

#menu_head #bt_batiment a:hover {
    background-position: 0 -47px;
}

#menu_head #bt_batiment a.active {
    background-position: 0 -94px;
}

#menu_head #bt_recherche a {
    background-position: -79px 0;
}

#menu_head #bt_recherche a:hover {
    background-position: -79px -47px;
}

#menu_head #bt_recherche a.active {
    background-position: -79px -94px;
}

#menu_head #bt_vaisseaux a {
    background-position: -158px 0;
}

#menu_head #bt_vaisseaux a:hover {
    background-position: -158px -47px;
}

#menu_head #bt_vaisseaux a.active {
    background-position: -158px -94px;
}

#menu_head #bt_defenses a {
    background-position: -237px 0;
}

#menu_head #bt_defenses a:hover {
    background-position: -237px -47px;
}

#menu_head #bt_defenses a.active {
    background-position: -237px -94px;
}

#menu_head #bt_techno a {
    background-position: -316px 0;
}

#menu_head #bt_techno a:hover {
    background-position: -316px -47px;
}

#menu_head #bt_techno a.active {
    background-position: -316px -94px;
}

#menu_head #bt_production a {
    background-position: -395px 0;
}

#menu_head #bt_production a:hover {
    background-position: -395px -47px;
}

#menu_head #bt_production a.active {
    background-position: -395px -94px;
}

#menu_head #bt_mouvement a {
    background-position: -474px 0;
}

#menu_head #bt_mouvement a:hover {
    background-position: -474px -47px;
}

#menu_head #bt_mouvement a.active {
    background-position: -474px -94px;
}

/*MENU EN MODE DECONNECTE*/

#menu_head_deconnecte {
    position: absolute;
    top: 53px;
    left: 244px;
}

#menu_head_deconnecte ul li a {
    display: block;
    background-image: url(/beta/images/template/menu_deconnecte.png);
    width: 77px;
    height: 46px;
	text-indent:-9999px;
}

#menu_head_deconnecte ul li {
    float: left;
    margin: 1px;
    padding: 0;
}

#menu_head_deconnecte #bt_accueil a {
    background-position: 0 0;
}

#menu_head_deconnecte #bt_accueil a:hover {
    background-position: 0 -47px;
}

#menu_head_deconnecte #bt_accueil a.active {
    background-position: 0 -94px;
}

#menu_head_deconnecte #bt_inscription a {
    background-position: -79px 0;
}

#menu_head_deconnecte #bt_inscription a:hover {
    background-position: -79px -47px;
}

#menu_head_deconnecte #bt_inscription a.active {
    background-position: -79px -94px;
}

#menu_head_deconnecte #bt_forum a {
    background-position: -158px 0;
}

#menu_head_deconnecte #bt_forum a:hover {
    background-position: -158px -47px;
}

#menu_head_deconnecte #bt_forum a.active {
    background-position: -158px -94px;
}

#menu_head_deconnecte #bt_histoire a {
    background-position: -237px 0;
}

#menu_head_deconnecte #bt_histoire a:hover {
    background-position: -237px -47px;
}

#menu_head_deconnecte #bt_histoire a.active {
    background-position: -237px -94px;
}

#menu_head_deconnecte #bt_video a {
    background-position: -316px 0;
}

#menu_head_deconnecte #bt_video a:hover {
    background-position: -316px -47px;
}

#menu_head_deconnecte #bt_video a.active {
    background-position: -316px -94px;
}

#menu_head_deconnecte #bt_screenshot a {
    background-position: -395px 0;
}

#menu_head_deconnecte #bt_screenshot a:hover {
    background-position: -395px -47px;
}

#menu_head_deconnecte #bt_screenshot a.active {
    background-position: -395px -94px;
}

#menu_head_deconnecte #bt_propos a {
    background-position: -474px 0;
}

#menu_head_deconnecte #bt_propos a:hover {
    background-position: -474px -47px;
}

#menu_head_deconnecte #bt_propos a.active {
    background-position: -474px -94px;
}

#header #radarAuto{
 	position:absolute;
    top: 54px;
	right:0;
	width:163px;
}

#menu_texte_planete {
    position: absolute;
    background: url(/beta/images/template/degrade_planete.png);
    top: 29px;
    right: 20px;
    width: 176px;
    height: 15px;
    font-size: 12px;
    padding-top: 2px;
    padding-left: 220px;
    font-weight: bold;
}

#menu_planetes {
    position: absolute;
    top: 28px;
    right: 0;
    width: 130px;
    height: 20px;
    font-size: 12px;
}

#menu_infoJoueur {
    position: relative;
    background: url(/beta/images/template/infoJoueur.png);
    z-index: 5;
    width: 130px;
    height: 126px;
    padding-left: 120px;
    font-family: Arial;
    font-size: 12px;
    color: #bac1c4;
}
#menu_infoJoueur.deconnecte {
    position: relative;
    background: url(/beta/images/template/menu_joueur_deconnecte.png);
    z-index: 5;
    width: 130px;
    height: 126px;
    padding-left: 120px;
    font-family: Arial;
    font-size: 12px;
    color: #bac1c4;
}

#menu_infoJoueur a {
    font-size: 12px;
}

#menu {
    position: relative;
    z-index: 4;
    width: 250px;
}

#menu_ressources {
    position: relative;
    background: url(/beta/images/template/menu_ressources.png);
    width: 160px;
    height: 155px;
    z-index: 5;
    padding-top: 10px;
    padding-left: 90px;
    font-size: 12px;
}

#menu_left {
    position: absolute;
    background: url(/beta/images/template/menu_left.png);
    width: 81px;
    height: 347px;
}

#menu_right {
    position: absolute;
    background: url(/beta/images/template/menu_right.png);
    left: 224px;
    width: 26px;
    height: 347px;
}

#menu_content {
    position: absolute;
    z-index: 20;
    background: url(/beta/images/template/fond_menu.png) no-repeat;
    left: 81px;
    width: 143px;
    height: 347px;
    padding: 10px 10px 10px 5px;
    font-family: Arial;
    font-size: 12px;
    color: #bac1c4;
}

#menu ul {
    margin: 0;
}

#menu li {
}

#menu a {
    text-decoration: none;
}

#menu a:hover {
    color: #36C2E4;
}

#menu a:active {
    color: #e1ac00;
}

#menu a.or {
    color: #e1ac00;
}

#menu a.or:hover {
    color: #36C2E4;
}

#menu_infoJoueur a.message {
    display: block;
    background: url(/beta/images/template/picto_messagerie.png) no-repeat;
    height: 22px;
    margin-top: 15px;
    margin-left: -20px;
    padding-top: 3px;
    padding-left: 35px;
	pointer:cursor;
}

#menu_infoJoueur a.daily {
    display: block;
    background: url(/beta/images/template/picto_daily.png) no-repeat;
    height: 22px;
    margin-left: -20px;
    padding-top: 3px;
    padding-left: 35px;
	pointer:cursor;
}

#menu a.accueil {
    display: block;
    background: url(/beta/images/template/pictoHome.png) no-repeat;
    padding-top: 7px;
    padding-left: 22px;
    height: 12px;
}

#menu a.banque {
    display: block;
    background: url(/beta/images/template/pictoBanque.png) no-repeat;
    margin-top: 5px;
    margin-left: 3px;
    padding-top: 1px;
    padding-left: 20px;
    height: 12px;
    color: #e1ac00;
}

#menu a.banque:hover {
    color: #fff;
}

#menu a.cyberboutique {
    display: block;
    background: url(/beta/images/template/picto-cyberboutique.jpg) no-repeat;
    margin-top: 5px;
    margin-left: 3px;
    padding-top: 1px;
    padding-left: 20px;
    height: 12px;
}

#menu a.mission {
    display: block;
    background: url(/beta/images/template/picto-mission.jpg) no-repeat;
    margin-top: 5px;
    margin-left: 3px;
    padding-top: 1px;
    padding-left: 20px;
    height: 12px;
}

#menu a.carte {
    display: block;
    background: url(/beta/images/template/picto-carte.png) no-repeat;
    margin-top: 5px;
    margin-left: 0;
    padding-top: 1px;
    padding-left: 23px;
    height: 18px;
}

#menu a.deconnexion {
    display: block;
    background: url(/beta/images/template/picto_deco.png) no-repeat;
    margin-top: 5px;
    margin-left: 3px;
    padding-left: 45px;
    height: 11px;
}

#content-wrapper {
    position: relative;
    top: -250px;
    width: 960px;
    font-family: Arial;
    font-size: 12px;
    color: #fff;
}

#content-title {
    position: relative;
    background: url(/beta/images/template/content-short.png) repeat-y;
    top: -40px;
    left: 250px;
    width: 710px;
    height: 105px;
    padding-top: 20px;
}

#content {
    position: relative;
    background: url(/beta/images/template/content.png) repeat-y;
    top: -40px;
    width: 710px;
    min-height: 520px;
    padding-left: 260px;
}

#realContent{
    position: relative;
    top: -60px;
    width: 690px;
}

a {
    color: #fff;
}

#content a:hover {
    color: #00b5ff;
    text-decoration: none;
}

#content p {
   /* font-size: 12px;*/
}

#footer {
    background: url(/beta/images/template/footer.png);
    width: 710px;
    height: 48px;
    padding-left: 250px;
    padding-top: 40px;
    texT-align: center;
    font-size: 10px;
    position: relative;
    top: -290px;
}

p.infos {
    /*background-color: #EFFBFF;*/
	background-color: #B2BABE;
    font-size: 12px;
    color: #000;
    padding: 5px;
    -moz-border-radius:20px;
	border: 2px dotted #000;
	/*font-weight:bold;*/
}

p.infos strong{
   	color:#06f;
	font-weight:bold;
}

#content p.infos a {
    color: #000;
}
#content p.infos a:hover {
    color:#06f;
}

.ok {
    font-weight: bold;
    color: #60b163;
}

.warning {
    font-weight: bold;
    color: #00b5ff;
}

.error {
    font-weight: bold;
    color: #f00;
}

.fond_news {
    /*background: url(/beta/images/template/fond_news.png) repeat;*/
	background-color: #2D6372;
    width: 500px;
    padding: 10px;
    color: #fff;
    font-size: 12px;
}

.menu_head {
    border: 0px solid #FFFFFF;
    background: #000000;
    background-image: url(images/divers/fond1.jpg);
    align: left;
}

.grey {
    color: #969696;
}

h1 {
    background: transparent url(/beta/images/template/h1.png);
    width: 435px;
    height: 26px;
    font-family: Arial;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 5pt;
    font-weight: bold;
    padding-left: 142px;
    color: #fff;
    margin-left: 40px;
}

h2,h3{
    background: transparent url(/beta/images/template/h2.png);
	z-index: 1000;
    width: 686px;
    height: 22px;
    font-family: Arial;
    padding-bottom: 2px;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #000;
}

h4 {
	background: transparent url(/beta/images/template/h4.png) no-repeat;
    color: #fff;
    font-family: Arial;
    text-transform: uppercase;
    font-size: 14px;
    width: 370px;
    height: 15px;
	padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
}

h5 {
    border: 1px solid #fff;
    color: #fff;
    font-family: Arial;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding-left: 10px;
    width: 325px;
    height: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}
h6 {
	background: transparent url(/beta/images/template/h4.png) no-repeat;
    color: #fff;
    font-family: Arial;
    text-transform: uppercase;
    font-size: 14px;
    width: 120px;
    height: 15px;
	padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.interMenu {
    background: url(/beta/images/template/filet_menu.png);
    z-index: 25;
    width: 123px;
    height: 4px;
    margin: 3px;
}

h2.event {
    background: transparent url(/beta/images/template/h2-event.png);
    width: 686px;
    height: 22px;
    font-family: Arial;
    padding-bottom: 2px;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #041b20;
}

#event-header {
    background: transparent url(/beta/images/template/event-header.png);
    width: 686px;
    height: 14px;
}

#event-content {
    background: transparent url(/beta/images/template/event-content.png) repeat-y;
    width: 666px;
    padding-left: 10px;
    padding-right: 10px;
}

#event-footer {
    background: transparent url(/beta/images/template/event-footer.png);
    width: 686px;
    height: 9px;
}

h2.alert {
    background: transparent url(/beta/images/template/h2-alert.png);
    width: 686px;
    height: 22px;
    font-family: Arial;
    padding-bottom: 2px;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #041b20;
}

#alert-header {
    background: transparent url(/beta/images/template/alert-header.png);
    width: 686px;
    height: 14px;
}

#alert-content {
    background: transparent url(/beta/images/template/alert-content.png) repeat-y;
    width: 666px;
    padding-left: 10px;
    padding-right: 10px;
}

#alert-footer {
    background: transparent url(/beta/images/template/alert-footer.png);
    width: 686px;
    height: 9px;
}

h2.en-cours {
    background: transparent url(/beta/images/template/h2-en-cours.png);
    width: 686px;
    height: 22px;
    font-family: Arial;
    padding-bottom: 2px;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #041b20;
}

#en-cours-header {
    background: transparent url(/beta/images/template/en-cours-header.png);
    width: 686px;
    height: 14px;
}

#en-cours-content {
    background: transparent url(/beta/images/template/en-cours-content.png) repeat-y;
    width: 666px;
    padding-left: 10px;
    padding-right: 10px;
}

#en-cours-content table th{
	padding-left:2px;
}

#en-cours-footer {
    background: transparent url(/beta/images/template/en-cours-footer.png);
    width: 686px;
    height: 9px;
}

#accueil {
    width: 680px;
    height: 450px;
}

#perso-accueil {
    float: left;
	text-align:center;
    height: 440px;
	width:300px;
	padding:0 10px 10px 100px;
}

#infos-accueil {
    float: left;
    width: 230px;
    height: 440px;
    padding: 10px;
}

#infos-accueil ul.lueur {
}

#infos-accueil ul li.lueur {
    list-style-image: none;
    background: url(/beta/images/template/lueur.png) no-repeat;
	font-weight:bold;
    display: block;
    width: 190px;
    height: 20px;
    padding-top: 3px;
    padding-left: 20px;
    margin-left: -3px;
}

#infos-accueil ul li.lueur a{
	color:#fff;
}

#infos-accueil ul li.lueur a:hover{
	color:#fff;
}

/*Le personnage dans Mon personnage*/
#perso {
    float: left;
	text-align:center;
    width: 240px;
    height: 440px;
	padding:0 10px 10px 10px;
}

#infos-perso, #personnage {
    float: left;
    width: 400px;
    height: 440px;
    padding: 10px;
}

div.grille {
    background: url(/beta/images/template/grille.png) repeat-y;
    min-height: 120px;
    width: 685px;
	position:relative;
}

div.image {
   /* float: left;*/
    padding: 10px;
	
}

div.texte-splain {
  /*  float: left;*/
    padding: 5px;
    width: 370px;
    height: 70px;
	position:absolute;
	top:5px;
	left:120px;
	
}

div.texte-vaisseau {
    position:absolute;
	/*float: left;*/
	top:15px;
	left:320px;
    padding: 5px;
    width: 150px;
    height: 70px;
}

div.bouton {
    position: absolute;
    left: 515px;
    top: 45px;
}

div.boutonBatiment {
    position: absolute;
    left: 505px;
    top: 35px;
}

a p.construire {
    background: url(/beta/images/template/construire.png) no-repeat;
    width: 130px;
    height: 32px;
    padding-top: 12px;
    padding-left: 50px;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

a:hover p.construire {
    background: url(/beta/images/template/construire-ro.png) no-repeat;
    color: #1ca2c1;
}

a p.pas-construire {
    background: url(/beta/images/template/pas-construire.png) no-repeat;
    width: 180px;
    height: 39px;
    margin:auto;
	padding-top: 12px;
    padding-left: 45px;
 	text-transform: uppercase; 
    text-decoration: none;
    color: #AF0800;
    font-weight: bold;
	font-size:10px;
}

a p.annuler-construire {
    background: url(/beta/images/template/annuler-construire.png) no-repeat;
    width: 130px;
    height: 32px;
    padding-top: 12px;
    padding-left: 50px;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

a:hover p.annuler-construire {
    background: url(/beta/images/template/annuler-construire-ro.png) no-repeat;
    color: #587384;
}

a p.end-construire {
    background: url(/beta/images/template/bt-terminer.png) no-repeat;
    width: 150px;
    height: 43px;
    padding-left: 60px;
    padding-top: 27px;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

a:hover p.end-construire {
    background: url(/beta/images/template/bt-terminer-ro.png) no-repeat;
    color: #1ca2c1;
	cursor:pointer;
}

div.barre {
    position: apsolute;
    background: url(/beta/images/template/barre-ressources.png) no-repeat;
    top: 10px;
    left: 24px;
    width: 637px;
    height: 26px;
    font-size: 11px;
}

div.ressources {
    position: absolute;
    width: 557px;
    height: 26px;
    padding-left: 40px;
}

div.acier {
    background: url(/beta/images/template/acier.png) no-repeat;
    float: left;
    width: 90px;
    height: 19px;
    margin-top: 1px;
    margin-left: 15px;
    padding-top: 5px;
    padding-left: 30px;
}

div.xenon {
    background: url(/beta/images/template/xenon.png) no-repeat;
    float: left;
    width: 90px;
    height: 19px;
    margin-top: 1px;
    margin-left: 15px;
    padding-top: 5px;
    padding-left: 30px;
}

div.plutonium {
    background: url(/beta/images/template/plutonium.png) no-repeat;
    float: left;
    width: 90px;
    height: 19px;
    margin-top: 1px;
    margin-left: 15px;
    padding-top: 5px;
    padding-left: 30px;
}

div.hydrogene {
    background: url(/beta/images/template/hydrogene.png) no-repeat;
    float: left;
    width: 90px;
    height: 19px;
    margin-top: 1px;
    margin-left: 15px;
    padding-top: 5px;
    padding-left: 30px;
}

div.chrono {
    position: absolute;
    background: url(/beta/images/template/chrono.png) no-repeat;
    right: 18px;
    width: 90px;
    height: 19px;
    margin-top: 1px;
    padding-top: 5px;
    padding-left: 30px;
}

#heure {
    color: #f00;
}

p.rebour {
    padding-left: 50px;
}

p.quantite, span.quantite {
    background: url(/beta/images/template/plus-moins.png) no-repeat;
    width: 136px;
    height: 24px;
    text-align: center;
    padding-top: 2px;
}

p.coordonnee {
    background: url(/beta/images/template/coordonnees.png) no-repeat;
    width: 136px;
    height: 23px;
    text-align: center;
    padding-top: 3px;
}

span.coordonnee {
    background: url(/beta/images/template/coordonnees.png) no-repeat;
    width: 136px;
    height: 23px;
    text-align: center;
    padding-top: 3px;
}

p.coordonnee2 {
    background: url(/beta/images/template/coordonnee-2.png) no-repeat;
    width: 90px;
    height: 23px;
    text-align: center;
    padding-top: 3px;
	padding-left:6px;
}

ul.menu_horizontal {
    background: transparent url(/beta/images/template/h2.png) no-repeat;
    list-style-type: none;
    list-style-position: outside;
    position: absolute;
    width: 677px;
    height: 26px;
}

ul.menu_horizontal li {
    display: inline;
}

ul.menu_horizontal a {
    background: transparent url(/beta/images/template/onglet-h.png) no-repeat;
    display: block;
    float: left;
    margin-left: 20px;
    width: 140px;
    line-height: 26px;
    height: 26px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    text-align: center;
}

ul.menu_horizontal a:hover {
    background: transparent url(/beta/images/template/onglet-h-ro.png) no-repeat;
    color: #fff;
}

ul.menu_horizontal a.active {
    background: transparent url(/beta/images/template/onglet-h-ro.png) no-repeat;
    color: #fff;
}

ul.menu-petit-horizontal {
    background: transparent url(/beta/images/template/h2.png) no-repeat;
    list-style-type: none;
    list-style-position: outside;
    position: absolute;
    width: 677px;
    height: 26px;
}

ul.menu-petit-horizontal li {
    display: inline;
}

ul.menu-petit-horizontal a {
background: transparent url(/beta/images/template/onglet-h-petit.png) no-repeat;
    display: block;
    float: left;
	margin-top: 3px;
    margin-left: 10px;
    width: 100px;
    line-height: 19px;
    height: 19px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    text-align: center;
}

ul.menu-petit-horizontal a:hover {
    background: transparent url(/beta/images/template/onglet-h-petit-ro.png) no-repeat;
    color: #fff;
}

ul.menu-petit-horizontal a.active {
    background: transparent url(/beta/images/template/onglet-h-petit-ro.png) no-repeat;
    color: #fff;
}

.fond {
    /*background:url(/beta/images/template/fond.png) repeat;*/
    background-color: #2D6372;
}

.bleu {
    /*background:url(/beta/images/template/fond.png) repeat;*/
    background-color: #76e2ff;
	color:#000;
}

#empire{
    width: 685px;
	/*min-height: 450px;*/
	overflow: auto;
}

#tech table{
    width: 680px;
}

#tech table th, #empire table th, #cyberboutique th {
    background: url(/beta/images/template/th.png) no-repeat;
    text-transform: uppercase;
    height: 13px;
    padding-left: 30px;
}

#tech table td, #empire table td, #cyberboutique td {
    background: url(/beta/images/template/td.png) repeat-y;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 50px;
}

#prod table {
    width: 680px;
}

#prod table th {
    background: url(/beta/images/template/th.png) no-repeat;
    text-transform: uppercase;
    height: 13px;
    padding-left: 30px;
}

#prod table td {
    background: url(/beta/images/template/td.png) repeat-y;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 50px;
}

#mission table {
    width: 680px;
}

#mission table th {
    background: url(/beta/images/template/th.png) no-repeat;
    text-transform: uppercase;
    height: 13px;
    padding-left: 30px;
}

#mission table td {
    background: url(/beta/images/template/td.png) repeat-y;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 50px;
}

p.scenario {
    background-color: #2D6372;
    width: 670px;
    padding: 5px;
    font-weight: bold;
    color: #fff;
}

#simulation, #planetes, #parametre, #vaisseaux, #ressources, #rechercher,#tactique,#vaisseaux,#ressources{
    margin-left: 20px;
	width:650px;
}

#parametre table td {
    padding: 5px;
}

#tactique a {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}

#tactique .assaut-classique {
    background: url(/beta/images/template/assaut-classique.png) no-repeat;
    width: 180px;
    height: 36px;
    padding-left: 40px;
}

#tactique .assaut-frontal {
    background: url(/beta/images/template/assaut-frontal.png) no-repeat;
    width: 180px;
    height: 36px;
    padding-left: 40px;
}

#tactique .attaque-vagues {
    background: url(/beta/images/template/attaque-vagues.png) no-repeat;
    width: 180px;
    height: 36px;
    padding-left: 40px;
}

#tactique .anihilation {
    background: url(/beta/images/template/anihilation.png) no-repeat;
    width: 180px;
    height: 36px;
    padding-left: 40px;
}

#tactique .raid-eclair {
    background: url(/beta/images/template/raid-eclair.png) no-repeat;
    width: 180px;
    height: 36px;
    padding-left: 40px;
}

#tactique .rangs-serres {
    background: url(/beta/images/template/rangs-serres.png) no-repeat;
    width: 180px;
    height: 36px;
    padding-left: 40px;
}

#vaisseaux a, #ressources a {
    color: #000;
    font-weight: bold;
}

div.remplir {
    background: url(/beta/images/template/remplir.png) no-repeat;
    margin-left: 100px;
    float: left;
    width: 209px;
    height: 18px;
    text-align: center;
}

div.vider {
    background: url(/beta/images/template/vider.png) no-repeat;
    float: left;
    width: 248px;
    height: 18px;
    text-align: center;
}

p.nombre-vaisseaux {
    background: url(/beta/images/template/nombre-vaisseaux.png) no-repeat;
    width: 117px;
    height: 23px;
    padding-left: 19px;
    padding-top: 3px;
}

a.max {
    margin-left: 12px;
    width: 29px;
    height: 23px;
    padding-top: 3px;
}

a.min {
    margin-left: 2px;
    width: 30px;
    height: 23px;
    padding-top: 3px;
}

#nombre-pu {
    background: url(/beta/images/template/pu.png) no-repeat;
    float: left;
    width: 117px;
    height: 23px;
    padding-left: 32px;
    padding-top: 3px;
}

#nombre-ac {
    background: url(/beta/images/template/ac.png) no-repeat;
    float: left;
    width: 117px;
    height: 23px;
    margin-left: 10px;
    padding-left: 32px;
    padding-top: 3px;
}

#nombre-xe {
    background: url(/beta/images/template/xe.png) no-repeat;
    float: left;
    width: 117px;
    height: 23px;
    margin-left: 10px;
    padding-left: 32px;
    padding-top: 3px;
}

#nombre-h {
    background: url(/beta/images/template/h.png) no-repeat;
    float: left;
    width: 117px;
    height: 23px;
    margin-left: 10px;
    padding-left: 32px;
    padding-top: 3px;
}

.hide {
    visibility: hidden;
    display: none;
}

#submit-flotte {
    margin-left: 120px;;
}

input[type="submit"].simuler,input[type="button"].simuler {
    background: url(/beta/images/template/simuler.png) no-repeat;
    float: left;
    width: 182px;
    height: 18px;
    font-weight: bold;
    cursor: pointer;
    border: none;
}

input[type="submit"].lancer, input[type="button"].lancer {
    background: url(/beta/images/template/lancer.png) no-repeat;
    width: 182px;
    height: 18px;
    font-weight: bold;
    cursor: pointer;
    border: none;
}

#separer-envoi {
    background: url(/beta/images/template/separer-envoi.png) no-repeat;
    float: left;
    margin-top: -7px;
    width: 93px;
    height: 35px;
}

input[type="submit"].construire {
    background: url(/beta/images/template/bt-construire-unites.png) no-repeat;
    width: 238px;
    height: 70px;
    margin-left: 200px;
    padding-left: 40px;
    font-weight: bold;
    cursor: pointer;
    border: none;
}

#simulation table {
    width: 650px;
}

#rechercher table {
    width: 650px;
}

#rechercher table th {
    background: url(/beta/images/template/th.png) no-repeat;
    text-transform:uppercase;
    height: 13px;
    padding-left: 30px;
    font-weight: bold;
}

#rechercher table td {
    background: url(/beta/images/template/td.png) repeat-y;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 50px;
}

#profil {
    padding: 10px;
}

#profil table {
    margin: 5px;
}

#profil table td {
    padding: 2px;
}

#carte{
	width:670px;
	padding:10px;
	height:400px;
}
/*************************CSS A REVOIR*****************************/

#partners{
	text-align:center;
	font-size:8pt;
	margin:0 auto;
	width:960px;
	margin-top:-280px;
}
#partners a:hover{
	color:#6ACFE8;
}

.tbl_partners td {
    padding: 5px;
}

.partner_pos {
    font-weight: bolder;
}

legend{
    color: #B2BABE;
	font-weight: bold;
}

fieldset{
	-moz-border-radius: 15px;
    border: 1px solid #B2BABE;
    margin: 10px;
    padding: 10px;
}

label {
    width: auto;
    overflow: visible;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #00B5FF;
	font-weight:bold;
}

div.blockform {
    margin-top: 40px;
}

table.tbl_courant {
    width: 680px;
}

table.tbl_courant th {
    background: url(/beta/images/template/th.png) no-repeat;
    background-color: #2D6372;
    text-transform: uppercase;
    height: 13px;
    padding-left: 30px;
}

table.tbl_courant td {
    background: url(/beta/images/template/td.png) repeat-y;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
}

table.tbl_courant tr.select td {
    font-weight: bold;
    background-color: #699;
}

table td{
	padding:2px;
}


/**** POPUP Html de Space Fight ****/
.popupProfil{
	z-index:1000000;
	position:absolute;
	display:none;
	overflow:auto;
	top:50px;
	left:580px;
	width:339px;
	min-height:72px;
	background-color:#000;

}

.popupSpaceFight{
	z-index:1000000;
	position:absolute;
	display:none;
	overflow:auto;
	top:-50px;
	left:500px;;
	width:339px;
	min-height:72px;
	background-color:#000;
}
.popupSpaceFight_Header, .popupProfil_Header{
	width:324px;
	height:22px;
	background: url(/beta/images/profil/profil_header.png) no-repeat;
	padding-top:20px;
	padding-right:15px;
}
.popupSpaceFight_Content, .popupProfil_Content{
	width:inherit;
	min-height:150px;
	background: url(/beta/images/profil/profil_background.png) repeat-y;
}
.popupSpaceFight_Footer, .popupProfil_Footer{
	width:inherit;
	height:23px;
	background: url(/beta/images/profil/profil_footer.png) no-repeat;
}


/** Particularité de la popup Profil **/
.popupProfil_Content > div{ float:left;}
.popupSpaceFight_Content #profilPopup_Avatar{
	padding:10px; 
	width:110px; 
}

.popupProfil_Content table{
	
}
.popupProfil_Content table th{
	background-image:none;
}
.popupProfil_Content table td{
	background-image:none;
	border:1px solid #fff;
}

#profilPopup_Avatar > div{
	width:109px;
	height:109px;
	padding:4px;
	background: url(/beta/images/profil/profil_avatar.png) no-repeat;
}
#profilPopup_Content #profilPopup_Info{ padding-top:10px; width:205px; }

#profilPopup_User {
	height:19px;
	line-height:12px;
	font-size:1.2em;
	text-transform:uppercase;
	padding-left:40px;
	background: url(/beta/images/profil/profil_userDeco.png) no-repeat;
}

/* bouton faire le plein */
.btn_faireLePlein{
	background: url("/beta/images/template/faire_le_plein.png") no-repeat;
	margin:0 auto;
	line-height:60px;
	height:60px;
	width:200px;
}
.btn_faireLePlein a{
	color:#000000;
	font-weight:bold;
}

/* Affichage des détails */
.detailBatiment{
	position:relative;
	width:350px;
	border: 2px white solid;
	padding:2px;
	margin-top:5px;
	-moz-border-radius:15px;
}
/* FAQ - ADMIN */
/* Afficher un avertissement en voilant la page */
.voile-page {
	position: absolute;
	z-index: 9000;
	top: 0;
	left: 0;
	background-color: #2D6372;
}

.avertissement {
	position: absolute;
	z-index: 10000;
	left: 0;
	text-align: center;
}

.avertissement div {
	position: relative;
}

.avertissement form {
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid #777777;
	display:none;
	margin:0 auto;
	padding:5px;
	position:relative;
	text-align:left;
	width:764px;
	color:#000;
}

.barreDefile{
	display:block;
	width:100px;
	height:15px;
	margin-left:20px;
	border:1px solid #fff;
}

#faq {
	margin:10px 0;
	overflow:hidden;
	width:auto;
}

#container-recherche-top10 {
	border-right:1px solid #CCCCCC;
	float:left;
	width:380px;
} 

#container-index-categories {
	margin-left:420px;
}

element.style {
	display:block;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
}
element.style a{
	cursor:pointer;
}

/*POUR LE BIG MENU EMPIRE*/
#container.big {
    width: 100%;
    left:0;
}
#content-wrapper.big {
    position: relative;
    top: 0;
	left:0;
    width: 100%;
    font-family: Arial;
    font-size: 12px;
    color: #fff;
}

#content.big {
    position: absolute;
    background: none;
    top: 0;
	left:20px;
    width: 100%;
}

#realContent.big{
    position: absolute;
    top: 0;
	left:20px;
    width: 100%;
}

#realContent.big #empire{
	 width: 100%;
}

/*Rapport de combat*/
#combat{
	position:relative;
	/*height:500px;*/
}
#titreCombat{
	background: url("/beta/images/combat/lueur-grande.png") no-repeat;
	position:absolute;
	width:580px;
	padding-top:3px;
	height:20px;
	top:10px;
	left:20px;
	text-align:center;
}
#coupe{
	position:absolute;
	top:30px;
}
#coordCombat{
	position:absolute;
	top:60px;
}

#coordAtt{
	background: url("/beta/images/combat/coordonnees.png") no-repeat;
	position:absolute;
	color:#fff;
	top:30px;
	left:55px;
	width:136px;
	height:23px;
	text-align:center;
	padding-top:3px;
}
#flecheCoord{
	position:absolute;
	left:200px;
	top:35px;
}
#coordDef{
	background: url("/beta/images/combat/coordonnees.png") no-repeat;
	position:absolute;
	color:#fff;
	top:30px;
	left:430px;
	width:136px;
	height:23px;
	text-align:center;
	padding-top:3px;
}
#tabAttaque{
	position:absolute;
	top:130px;
	float:left;
	width:250px;
}
#tabDefense{
	position:absolute;
	top:130px;
	left:375px;
	width:250px;
}
#pillage{
	background: url("/beta/images/combat/pillage.png") no-repeat;
	position:absolute;
	width:686px;
	height:26px;
	margin-top:10px;	
	text-align:center;
	font-weight:bold;
	color:#000;
}
#debris{
	background: url("/beta/images/combat/debris.png") no-repeat;
	position:absolute;
	width:686px;
	height:26px;
	margin-top:10px;
	text-align:center;
	font-weight:bold;
	color:#000;
}
#combat table{
	border-collapse:separate;
	color:#fff;
	background-color:#1b232d;
	width:250px;
}
#combat table th{
	background-color:#000;
}
/*fin rapport de combat*/


/*Les boutons submit ou button*/

.bt-gris{
    background: transparent url(/beta/images/template/bouton-gris.png) no-repeat;
    width: 140px;
    height: 26px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    text-align: center;
	border:none;
}

.bt-gris:hover {
    color: #0066ff;
}
.bt-gris a{
	text-decoration:none;
}

.bt-gris-pt{
    background: transparent url(/beta/images/template/bouton-gris-petit.png) no-repeat;
    width: 80px;
    height: 20px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    text-align: center;
	border:none;
}

.bt-gris-pt:hover {
    color: #0066ff;
}
.bt-gris-pt a{
	text-decoration:none;
}

p.metal{
    background: transparent url(/beta/images/corporation/metal.png);
    width: 627px;
    height: 22px;
    font-family: Arial;
    padding: 2px 20px 2px 20px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

fieldset .bt-gris{
	margin-top:-5px;
}

.bt-gris-noir{
    background: transparent url(/beta/images/template/bt-gris-noir.png) no-repeat;
    width: 99px;
    height: 20px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    text-align: center;
	border:none;
}
.bt-gris-noir:hover {
    color: #0066ff;
}

.bt-ok{
    background: transparent url(/beta/images/template/bt-accepter.png) no-repeat;
    width: 32px;
    height: 24px;
    text-decoration: none;
	border:none;
}

.bt-nok{
    background: transparent url(/beta/images/template/bt-refuser.png) no-repeat;
    width: 32px;
    height: 24px;
    text-decoration: none;
	border:none;
}

.bt-supp{
    background: transparent url(/beta/images/template/bt-supprimer.png) no-repeat;
    width: 13px;
    height: 17px;
    text-decoration: none;
	border:none;
}

/*EDITEUR DE TEXTE*/

.bt-gras, .bt-souligne, .bt-italique{
    width: 32px;
    height: 24px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
	border:none;
}
.bt-gras{
    background: transparent url(/beta/images/editeur/bt-gras.png) no-repeat;
}
.bt-souligne{
    background: transparent url(/beta/images/editeur/bt-souligne.png) no-repeat;
}

.bt-italique{
    background: transparent url(/beta/images/editeur/bt-italique.png) no-repeat;
}

.bt-aligne, .bt-couleur, .bt-surligne, .bt-taille, .bt-image{
    width: 103px;
    height: 24px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
	border:none;
}
.bt-image{
    background: transparent url(/beta/images/editeur/bt-image.png) no-repeat;
}

/*LE PODIUM*/

.podium{
	position:relative;
	background: transparent url(/beta/images/podium.png) no-repeat;
	background-position:center bottom;
    width: 680px;
	height:510px;
}

.premier{
	position:absolute;
	width:200px;
	height:400px;
	left:230px;
	top:-12px;
}

.second{
	position:absolute;
	width:200px;
	height:400px;
	left:50px;
	top:25px;
}

.troisieme{
	position:absolute;
	width:200px;
	height:400px;
	left:400px;
	top:30px;
}
.titreGagnant a{
	position:absolute;
	background: transparent url(/beta/images/titre-gagnant.png) no-repeat;
	z-index:10000;
	width:100px;
	height:20px;
	left:45px;	
	top:0;
	color:#000;
	text-align:center;
}
.titreGagnant a:hover{
	color:#000;
}
/*FIN PODIUM*/