body {
color: #FFFFFF; 
/*background-color: #000000; */
margin: 10px 0 ;
padding: 0 ;
font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
overflow-x:hidden;
}
fieldset
{
    color:#FFFFFF;
}

legend
{
    color:White;
}

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_IMAGE{
	position:absolute;
     right: 0%; 
     bottom: 0%;
     z-index:-100;
 } 
 
 #desktop_background_psy{
	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 */
     background-image:url(../../../../RESSOURCE/DESKTOP_BACKGROUND/psychedelic.png);
     z-index:-100;
     background-repeat:repeat;
 } 

#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;
	
}

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


#INFO_BULLE
{
	position:absolute;
	display:none;
	border-color:White;
	background-color:Black;
	border-style:solid;
	border-width:2px;
	font-size:10px;
	text-align:center;
	padding:5px;
	z-index:100001;
	margin-top:20px;
	
	
}


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


.MENU_BAR_FORM
{
	width:100%;
	height:38px;
	
	text-align:center;
	background-color:White;
	z-index:10000;
}

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

.PROFIL_POURCENTAGE_ACCOMPLIS
{
	font-size:12px;
	font-family:Lucida Calligraphy;
	text-align:center;
	padding:2px;
	vertical-align:middle;
}

.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;
}

.TABLE_LIST_PROFIL_TITRE
{
	width: 100%;
	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;
	font-weight:bold;
}

.TABLE_LIST_PROFIL
{
	width: 100%;
	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;
}

.TABLE_DOTTED
{
	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;
}

.TABLE_ROW_PROFIL
{
	width: 100%;
	border-width: 1px 1px 1px 1px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	text-align:left;
}

#AIDE_VIGO_BLOCK
{
    margin-left : auto;
    margin-right : auto;
    height:384px;
    width:500px;
    background-image:url(../../../../RESSOURCE/lordvigo.png);	
}
#AIDE_VIGO_TEXTE
{
    font-size:12px;
    font-family:Lucida Calligraphy;
    margin-left : 100px;
    margin-right : 50px;
    padding-top: 60px;
    height:100px;
    width:350px;
    border-color:Blue;
    border-style:none;
    text-align:center;
    

}


.YOUTUBE_VIDEO
{
padding:5px;
width:150px;
height:150px;
text-align:center;
background-color:#202020 ;
}
.YOUTUBE_VIDEO_TITRE
{
height:40px;
text-align:center;
background-color:#202020 ;
}

.COVER_PICTURE
{
	border-color:White;
	border-style:solid;
}
.COVER_PICTURE_SMALL
{
	border-color:White;
	border-style:solid;
	width:16px;
	height:24px;
	border-width:1px;
	vertical-align:middle;
}

.COVER_PICTURE_MEDIUM
{
	border-color:White;
	border-style:solid;
	width:32px;
	height:48px;
	border-width:1px;
	vertical-align:middle;
}

.MESSAGE_LINE
{
	background-color:Black;
	cursor:pointer;
	
}


.REPONSE_ARTICLE_PLACEPUBLIQUE
{
	color:white;
	border-color:white;
	border-style:solid;
	border-width:0px 0px 2px 0px;
}


.CADRE_USER
{
	font-size:10px;
	color:Black;
	width:70px;
	text-align:center;
	background-color:#DDDDDD;
	border-color:Black;
	border-style:solid;
	border-width:1px;
	padding:3px;
	cursor:pointer;
}

.CADRE_USER_LARGE
{
	font-size:10px;
	color:Black;
	width:150px;
	text-align:center;
	background-color:#DDDDDD;
	border-color:Black;
	border-style:solid;
	border-width:1px;
	padding:3px;
	cursor:pointer;
}

.CADRE_USER_SMALL
{
	font-size:10px;
	color:Black;
	width:73px;
	text-align:center;
	background-color:#DDDDDD;
	border-color:Black;
	border-style:solid;
	border-width:1px;
	padding:2px;
	cursor:pointer;
}

.CADRE_USER_VERY_SMALL
{
	font-size:10px;
	color:Black;
	width:40px;
	text-align:center;
	background-color:#DDDDDD;
	border-color:Black;
	border-style:solid;
	border-width:1px;
	padding:2px;
	cursor:pointer;
}

.CADRE_USER_INLINE
{
	font-size:10px;
	color:Black;
	width:100px;
	text-align:left;
	background-color:#DDDDDD;
	border-color:Black;
	border-style:solid;
	border-width:1px;
	padding:2px;
	cursor:pointer;
}


.MENU_CITOYEN_SEPARATEUR
{
	font-size:10px;
	color:Black;
	width:100%;
	text-align:center;
	background-color:#DDDDDD;
	border-color:Black;
	border-style:solid;
	border-width:1px;
	padding:3px;
	
}


.TABLE_LIST_MISSION
{
	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;
}

.MISSION_INFO_TITLE
{
	font-size:14px;
	font-family:Lucida Calligraphy;
	color:White;
	


	
}

.WELCOME_TITRE
{
	font-size:14px;
	font-family:Lucida Calligraphy;
	color:White;
	vertical-align:middle;
	padding-left:5px;	
}

.YOUTUBE_VIDEO_MENU_CITOYEN
{
padding:5px;
width:150px;
height:150px;
text-align:center;
background-color:#202020 ;
}
.YOUTUBE_VIDEO_TITRE_MENU_CITOYEN
{
height:40px;
text-align:center;
background-color:#202020 ;
font-size:10px;
}

.TABLE_LIST_CLAN
{
	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;
}

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

.CGU_SUB_TITLE
{
    text-decoration:underline;
    font-weight:bold;
    
}


.POINT_POUVOIR_TITLE
{
    font-size:18px;
    font-family:Lucida Calligraphy;
}

.POINT_POUVOIR_ADD
{
    width:50px;
    border-width: 3px 3px 3px 3px;
    border-style:inset none inset inset;
    border-color: gray gray gray gray;
    background-color:black;
    color:#FF0000;
    text-align:left;
    font-size:19px;
    
}
.POINT_POUVOIR
{
    width:90px;
    border-width: 3px 3px 3px 3px;
    border-style:inset inset   inset none;
    border-color: gray gray gray gray;
    background-color:black;
    color:#FFFFFF;
    text-align:right;
    font-size:19px;
    margin-right:-2px;
}

.TABLE_INVENTORY
{
    border-width: 3px 3px 3px 3px;
    border-style:inset ;
    overflow:hidden;
    height:32px;
    width:32px;
    border-color: black;
}

.HELP_TEXT_TITLE
{
    text-decoration:underline;
    font-weight:bold;
    color:#4AB5F2;
}

.HELP_TEXT_INFO
{
    font-weight:bold;
    color:#CCDFDB;
}


.TABLE_LIST_INCOME
{
	border-width: 1px 1px 1px 1px;
	padding: 2px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	text-align:left;
	font-size:16px;
}

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


.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;
}

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

}

.NOTIFICATION
{
    width:230px;
    border-color:Gray;
    border-width: 2px;
    border-style:solid;
    background-color:#111111;
    margin:1px;
}

.NOTIFICATION_LINK
{
    text-decoration:underline;
    font-weight:bold;
    color:#4AB5F2;
    cursor:pointer;
}

.NOTIFICATION_TIME
{
    font-size:9px;
    color:#aaaaaa;
}

.JSCRIPT_LINK
{
    text-decoration:underline;
    font-weight:bold;
    cursor:pointer;
}

.UNDERLINE_BLOCK
{
	border-width: 0px 0px 1px 0px;
	border-style:solid;
	border-color: White;
	padding-bottom:5px;
	margin-bottom:5px;
}

.LOGIN_BUTTON
{
    border-width:2px;
    text-align:center;
    background-color:#555;
    cursor:pointer;
	border-style:solid;
	border-color: White;
	padding-bottom:5px;
	margin-bottom:5px;
}

.LOGIN_FORM_TEXT
{
    text-align:left;
    width:150px;
    height:26px;
    font-size:11px;
}

.NOTIFICATION_BOX
{
	position:absolute;
	border-color:Red;
	background-color:Black;
	border-style:solid;
	font-size:12px;
	font-family:Lucida Calligraphy;
	text-align:center;
	padding:2px;
	z-index:100001;
	cursor:pointer;
	width:170px;
}

.TABLE_LIST_STAT
{
	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;
	font-size:11px;
}

.TABLE_LIST_STAT_TITLE
{
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style:solid;
	border-color: gray gray gray gray;
	text-align:left;
	font-size:12px;
}


#glowingtabs{
float:left;
width:100%;
font-size:90%;
line-height:normal;
border-bottom: 2px solid #000000; 
border-color:#fefefe;
margin-bottom:5px;
}

#glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 5px; 
padding:0;
}

#glowingtabs li{
display:inline;
margin:0;
padding:0;
}

#glowingtabs a{
float:left;
background:url(../../../../RESSOURCE/glowtab-left.png) no-repeat left top;
margin:0;
margin-right: 3px;
padding:0 0 0 9px;
text-decoration:none;
}

#glowingtabs a span{
float:left;
display:block;
background:url(../../../../RESSOURCE/glowtab.png) no-repeat right top;
padding: 4px 8px 2px 3px;
font-weight:bold;
color:#aaaaaa;
font-size:10px;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
color: black;
}

#glowingtabs #current a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs #current a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: Red;
}

#glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

.GOODIES_TABLE
{
    width:100%;
}

.GOODIES_TITLE
{
    font-size:16px;
    text-decoration:underline;
    padding-bottom:5px;
    font-weight:bolder;
}

.GOODIES_DESCRIPTION
{
    font-size:12px;
}

.HELP_INFO_BULLE
{
    border-color:White;
    border-width:1px;
    border-style:solid;
    
    
    position:absolute;
    top:300px;
    left:300px;
}