body {
color: #FFFFFF; 
background-color: #000000; 
margin: 10px 0 ;
padding: 0 ;
font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
background-image: url('http://www.lordvigo.com/RESSOURCE/bg3.gif');
}
a:link {
    color: #ffffff;
}
a:visited {
    color: #ffffff;
}
#MainBox {
    text-align:center;
    width:1020px;
    height:750px;
    /*border-color:Gray;
    border-style:solid;
    background-color:Blue;*/
    margin-left : auto;
    margin-right : auto;
}

#Content
{
    /*background-color:Green;*/
    padding-left:80px;
}

#Header
{
    /*background-color:Red;*/
}

#Footer
{
    /*background-color:Yellow;*/
}

#Navigation
{
    /*background-color:Purple;*/
    float:right;
    height:630px;
    width:130px;
    margin-right : 50px;
    border-style:none;
    background-repeat:no-repeat;
}

.Navigation_Items
{
    width:130px;
    height: 50px;
    border: none;
}


#desktop_background{
	position:absolute;
     right: 0%; 
     bottom: 0%;
     margin-top: -110px; /* moitié de la hauteur de l'image */
     margin-left: -195px; /* moitié de la largeur de l'image */
     z-index:-100;
 } 

#WELCOME_LOGIN
{
	background-color:Blue;
	width:400px;
	height:109px;
	display:none;
	background-image:url(../../../../RESSOURCE/LOGIN/login_form.png);
	
}

#MAIN_MENU_BAR
{
	width:100%;
	height:38px;
	position:absolute;
	top:0px;
	left:0px;
}


#CONTENT_TEXT
{
	position:absolute;
	top:50px;
	left:50px;
	text-align:left;
}

#MENU
{
	position:absolute;
	/*background-image:url(../../../../RESSOURCE/MENU/menu.png);
	background-repeat:no-repeat;
	background-position:center;*/
	width:100%;
	height:400px;
	top:45px;
	z-index:10000;
	text-align:center;
}


#MENU_TABLE
{
		width:600px;
		height:400px;
		text-align:center;
		display:block;
		margin-left:auto; 
		margin-right:auto;
		background-image:url(../../../../RESSOURCE/MENU/menu.png);

}


#MENU_GAUCHE
{
	width:210px;
	height:360px;
	text-align:center;
	margin-top:11px;
	margin-left:15px;
}
#MENU_DROITE
{
	width:210px;
	height:360px;
	text-align:center;
	margin-top:11px;
	margin-left:15px;
}

.MENU_DROITE_TITRE
{
	font-family:Lucida Calligraphy;
	font-size:14px;
	text-align:center;
		margin-top:2px;
	margin-bottom:10px;
}


#MENU_DROITE_TABLE
{
	height:345px;
}


#MENU_CENTRE
{
	width:130px;
	height:360px; 
	text-align:center;

}

.MENU_BUTTON
{
	background-image:url(../../../../RESSOURCE/MENU/BUTTON/menu_button_back_off.png);
	width:200px;
	height:30px;
	font-family:Arial;
	cursor:pointer;
	margin-top:2px;
	margin-bottom:2px;
}
.MENU_BUTTON_IMAGE
{

	width:40px;
	height:30px;
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:right;
}
.MENU_BUTTON_TEXTE
{
	width:170px;
	height:30px;
	
	text-align:left;
	padding-left:10px;
	font-family:Lucida Calligraphy;
	font-size:10px;
}

#MENU_DROITE_PERSONNEL
{
	display:none;
}
#MENU_DROITE_COMMUNAUTAIRE
{
	display:none;
}
#MENU_DROITE_ROLE_PLAY
{
	display:none;
}
#MENU_DROITE_ADMINISTRATIF
{
	display:none;
}
#MENU_DROITE_EVOLUTION
{
	display:none;
}

#MENU_DROITE_BASE
{
	text-align:left;
	padding-left:10px;
	font-family:Lucida Calligraphy;
	font-size:10px;
}

#MENU_DROITE_PERSONNEL_INFO
{
	display:none;
	text-align:left;
	padding-left:10px;
	font-family:Lucida Calligraphy;
	font-size:10px;
}
#MENU_DROITE_COMMUNAUTAIRE_INFO
{
	display:none;
	text-align:left;
	padding-left:10px;
	font-family:Lucida Calligraphy;
	font-size:10px;
}
#MENU_DROITE_ROLE_PLAY_INFO
{
	display:none;
	text-align:left;
	padding-left:10px;
	font-family:Lucida Calligraphy;
	font-size:10px;
}
#MENU_DROITE_ADMINISTRATIF_INFO
{
	display:none;
	text-align:left;
	padding-left:10px;
	font-family:Lucida Calligraphy;
	font-size:10px;
}
#MENU_DROITE_EVOLUTION_INFO
{
	display:none;
	text-align:left;
	padding-left:10px;
	font-family:Lucida Calligraphy;
	font-size:10px;
}


#MENU_GAUCHE_TEXTE
{
	display:none;
	text-align:left;
	padding-left:10px;
	font-family:Lucida Calligraphy;
	font-size:10px;
}

.MENU_BAR_BUTTON_FORM
{
	height:37px;
	width:40px;
	background-color:#196fb7;
	background-repeat:no-repeat;
	background-position:center;
}


.MENU_BAR_FORM
{
	width:100%;
	height:38px;
	background-image:url(http://dev.utopiapolis.eu/RESSOURCE/WINDOW/THEME/BLACK/menu_bar_background.png);
	text-align:center;
	background-color:White;
	z-index:10000;
}

.BUTTON_PROFIL
{
	border-style:solid;
	border-style:solid;
	border-color:Grey;
	border-width:3px;
	background-color:White;
	width:60px;
	height:60px;
}
.PROFIL_TITRE
{
	font-size:16px;
	font-family:Lucida Calligraphy;
	text-align:center;
	padding:12px;
}

.PROFIL_LIST_BUTTON
{
	text-align:center;
}

.PUB
{
	position:absolute;
     bottom: 0%;
     text-align:center;
     
     margin-right: 50%; /* moitié de la largeur de l'image */
     margin-left: 50%; /* moitié de la largeur de l'image */
     z-index:-99;
}

#INFO_BULLE
{
	position:absolute;
	display:none;
	border-color:White;
	background-color:Black;
	border-style:solid;
	font-size:14px;
	font-family:Lucida Calligraphy;
	text-align:center;
	padding:10px;
	z-index:100001;
}

.DESKTOP_SHORCUT_TABLE
{
    width:70px;
    height:70px;
    text-align:center;
    cursor:pointer;

}

.BASE_TABLE
{
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	text-align:left;
}

.BASE_TABLE_TITLE
{
	border-width: 1px 1px 1px 1px;
	border-style:solid;
	border-color: White;
	text-align:left;
	font-size:16px;
}