/*
===========================================================
 General init
===========================================================
*/

*
{
	margin:0px;
	padding:0px	
}

input
{
	vertical-align:middle
}

img
{
	border:0px;
	vertical-align:middle
}

body
{
	font-family:Arial;
	color:#272727
}







/*
===========================================================
 Header structure
===========================================================
*/

div#header_top
{
	height:95px;
	background-image:url('NS_header_top.png');
	background-position: 0 -20px;
	overflow:hidden
}

/* titre + connexion */
div#header_top_p1
{
	margin:0 auto 0 auto;
	width:1000px;
	height:55px;
	overflow:hidden
}

/* boutons */
div#header_top_p2
{
	margin:0 auto 0 auto;
	width:1000px;
	height:20px;
	overflow:hidden
}

/* drapeaux*/
div#header_top_p3
{
	margin:0 auto 0 auto;
	width:1000px;
	height:32px;
	overflow:hidden
}

div#header_bottom
{
	height:65px;
	background-image:url('NS_header_bottom_b.png');
	overflow:hidden
}






/*
===========================================================
 Header content
===========================================================
*/
div#header_logo
{
	width:472px;
	height:108px;
	float:left;
	overflow:hidden
}

/* LOGIN BOX */
div#login_box_small
{
	margin:0 0 0 auto;
	width:264px;
	height:28px;
	background-image:url('NS_hidden_loginbox.png');
	cursor:pointer;
	overflow:hidden
}

div#login_box_small:hover
{
	background-image:url('NS_hidden_loginbox_over.png');
}

div#login_box
{
	margin:0 0 0 auto;
	width:400px;
	height:48px;
	background-image:url('NS_loginbox.png');
	font-size:12px;
	color:#FFF;
	overflow:hidden
}

div#login_box_left
{
	width:336px;
	float:left
}

div#login_box_right
{
	width:64px;
	float:right
}

p#login_box_info
{
	margin:8px 0 0 16px;
	font-size:14px;
	font-weight:bold
}

p#login_box_info_shop
{
	margin:0 0 0 16px;
	font-size:14px;
	font-weight:bold
}

div#login_box_img
{
	margin:4px 0 0 14px;
	width:38px;
	height:38px;
	background-image:url('../NS_deconnexion.png');
	cursor:pointer
}

div#login_box_img:hover
{
	background-image:url('../NS_deconnexion_h.png')
}

input#login_name
{
	margin:6px 4px 2px 16px;
	width:140px;
	height:14px
}

input#login_password
{
	margin:6px 4px 2px 4px;
	width:140px;
	height:14px
}

input#login_submitter
{
	margin:4px 0 0 0;
	width:66px;
	height:21px;
}

input#login_ac
{
	margin:0 0 0 16px;
}

p#login_links
{
	margin:0 16px 0 16px;
	font-size:11px;
	text-align:center
}

p#login_links a
{
	color:#FFF;
}

/* HEADERS BUTTONS */

div.header_button
{
	margin:0 4px 0 4px;
	height:20px;
	background-color:#DBDADA;
	float:right
}

div.header_button:hover
{
	background-color:#025D9C;
	background-image:url('NS_menu_butt_bck.png');
}

div.header_button:hover p a
{
	color:#FFF
}

div.header_button_on
{
	margin:0 4px 0 4px;
	height:20px;
	background-color:#025D9C;
	background-image:url('NS_menu_butt_bck.png');
	float:right
}

p.header_button
{
	margin:4px 8px 0 8px;
	font:11px Arial;
	font-weight:bold;
	color:#FFF
}

a.header_button
{
	text-decoration:none;
	color:#333
}

div.header_button_special
{
	margin:0 4px 0 4px;
	height:32px;
	background-color:#F0C;
	float:right
}

div.header_button_special:hover
{
	background-color:#666;
}

div#title_box
{
	margin:auto;
	width:1000px;
	overflow:hidden
}
		
div#title_box h1, h1#page_title
{
	margin:10px 16px 0 16px;
	font-size:24px;
	color:#FFF;
	text-shadow:32px 32px 32px #000;
}

div#h_styles
{
	width:200px;
	height:20px;
	float:left
}

div#h_flags
{
	padding-top:4px;
	width:512px;
	height:20px;
	font-size:12px;
	color:#FFF;
	text-align:right;
	float:right
}





/*
===========================================================
 Page content
===========================================================
*/

div#page_content
{
	margin:auto;
	width:1000px;
	overflow:hidden
}

	div#page_content_left
	{
		width:700px;
		float:left;
		overflow:hidden
	}

	div#page_content_right
	{
		width:300px;
		float:right;
		overflow:hidden
	}

/* boite du contenu */
div.rounded_box, div.rounded_box_nojs
{
	margin:4px;
	border:2px solid #E5E4E4;
	-moz-border-radius:16px; /* Firefox like browser */
	-webkit-border-radius:16px; /* Webkit like browser */
	border-radius:16px; /* CSS 3 standard */
	background-color:#F6F5F5;
}

div.rounded_noticable_box
{
	margin:4px;
	border:2px solid #66D;
	-moz-border-radius:16px; /* Firefox like browser */
	-webkit-border-radius:16px; /* Webkit like browser */
	border-radius:16px; /* CSS 3 standard */
	background-color:#EEF;
}

h2.generic
{
	margin:8px;
	font-size:18px;
	font-weight:bold;
	color:#1D6584
}

h2.generic_sub
{
	margin:8px 8px 0 8px;
	font-size:16px;
	font-weight:bold;
	color:#1D6584
}

p.generic_sub
{
	margin:0 8px 8px 16px;
	font-size:10px;
	color:#666;
}

h3.generic
{
	margin:8px;
	font-size:14px;
	font-weight:bold;
	color:#1D6584
}

h3.kk_info
{
	margin:8px 8px 0 8px;
	font-size:12px;
	font-weight:bold;
}

p.kk_info
{
	margin:0 8px 8px 8px;
	font-size:16px;
	font-weight:normal;
	color:#1D6584
}

p.cmd
{
	margin:8px;
	text-align:right;
	font-size:12px
}

p.cmd_shift
{
	margin:8px 20px 8px 20px;
	text-align:right;
	font-size:12px
}

div.box
{
	margin:8px
}

p.text
{
	margin:8px;
	font-size:14px;
	text-align:justify
}

p.text_center
{
	margin:8px;
	font-size:14px;
	text-align:center
}

p.text_bold
{
	margin:8px;
	font-size:14px;
	font-weight:bold;
	text-align:justify
}

p.text_small
{
	margin:8px;
	font:10px Arial, Helvetica, sans-serif;
	color:#333
}

p.text_small_j
{
	margin:8px;
	text-align:justify;
	font:10px Arial, Helvetica, sans-serif;
	color:#333
}

p.text_small_c
{
	margin:8px;
	text-align:center;
	font:10px Arial, Helvetica, sans-serif;
	color:#333
}

p.text_small_r
{
	margin:8px;
	text-align:right;
	font:10px Arial, Helvetica, sans-serif;
	color:#333
}

p.text_small_bold
{
	margin:8px;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333
}

p.text_bold_center
{
	margin:16px;
	font-size:16px;
	font-weight:bold;
	text-align:center
}






/*
===========================================================
 Footer
===========================================================
*/

div#content_special_fx
{
	margin:16px auto 0 auto;
	height:221px;
	background-image:url('NS_middle_inf.png');
	overflow:hidden
}

div#content_special_box
{
	margin:20px auto 0 auto;
	width:1000px;
	height:180px;
	overflow:hidden
}

div#footer_top
{
	margin-top:32px;
	height:264px;
	background-image:url('NS_siteplan_bckg.png');
	overflow:hidden
}

	div#informations
	{
		margin:auto;
		width:1000px;
		overflow:hidden;
		color:#FFF
	}

		div.info_col
		{
			width:333px;
			float:left
		}
			div.info_col h3
			{
				margin:8px 0 16px 0;
				font-size:24px
			}
			
			div.info_col p
			{
				font-size:12px
			}
			
			p.contact_info
			{
				margin:4px 0 8px 32px;
				font-size:14px;
				text-indent:-27px;
			}

			a.info_link:link, a.info_link:visited
			{
				color:#FFF;
				text-decoration:none
			}

			a.info_link:hover, a.info_link:active
			{
				text-decoration:underline
			}

div#footer_bottom
{
	background-color:#000;
	border:1px solid #000;
}

div#footer_bottom p
{
	margin:4px;
	font:12px;
	text-align:center;
	color:#FFF
}

/*
===========================================================
 Formulaire
===========================================================
*/

div.form_col_left
{
	width:490px;
	overflow:hidden;
	float:left
}

div.form_col_right
{
	width:490px;
	overflow:hidden;
	float:right
}

div.form_section
{
	margin:16px auto 16px auto;
	width:600px;
	overflow:hidden
}

div.form_section_c
{
	margin:16px auto 16px auto;
	width:600px;
	text-align:center;
	overflow:hidden
}

div.form_section_left
{
	width:30%;
	overflow:hidden;
	float:left
}

div.form_section_right
{
	width:65%;
	overflow:hidden;
	float:right
}

div.form_section_free
{
	margin:16px;
	overflow:hidden
}

div.form_section_free_c
{
	margin:16px;
	text-align:center;
	overflow:hidden
}

label.form_section
{
	font-weight:bold;
	color:#1D6584
}

p.form_warn
{
	font-size:11px;
	text-align:justify;
	color:#900
}

div.bull
{
	width:180px;
	height:42px;
	background-image:url('../bull.gif');
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden
}

p.bull_text
{
	margin:16px 4px 4px 4px;
	font:10px arial;
}






/*
===========================================================
 MISC
===========================================================
*/

a.link:link, a.link:visited
{
	color:#2E96FF;
	text-decoration:none
}

a.link:hover, a.link:active
{
	color:#68AEF5;
	text-decoration:underline
}

a.pink_link:link, a.pink_link:visited
{
	color:#F0C;
	text-decoration:none
}

a.pink_link:hover, a.pink_link:active
{
	color:#F7E;
	text-decoration:underline
}

a.white_link:link, a.white_link:visited
{
	color:#FFF;
	text-decoration:none
}

a.white_link:hover, a.white_link:active
{
	color:#FFF;
	text-decoration:underline
}

a.page_btn:link, a.page_btn:visited
{
	padding:0px 2px 0px 2px;
	border:1px solid #3366CC;
	text-decoration:none;
	color:#0066FF;
}

a.page_btn:hover, a.page_btn:active
{
	border:1px solid #5588EE;
	color:#FF33CC;
}

div.float_breaker
{
	clear:both
}


/*

	communcation

*/

p.message_negative
{
	margin:8px 16px 8px 16px;
	font-size:14px;
	color:#B22;
	font-weight:bold
}

p.message_positive
{
	margin:8px 16px 8px 16px;
	font-size:14px;
	font-weight:bold;
	color:#54B012
}

p.message_note
{
	margin:8px 16px 8px 16px;
	font-size:14px;
	font-weight:bold;
	color:#0066FF;
}

div.negative_box
{
	margin:16px;
	background-color:#FFF;
	background-image:url('../NS_negative_box.jpg');
	background-repeat:no-repeat;
	
	border:2px solid #A22;
	-moz-border-radius:16px; /* Firefox like browser */
	-webkit-border-radius:16px; /* Webkit like browser */
	border-radius:16px; /* CSS 3 standard */
}

div.positive_box
{
	margin:16px;
	background-color:#FFF;
	background-image:url('../NS_positive_box.jpg');
	background-repeat:no-repeat;
	
	border:2px solid #2A2;
	-moz-border-radius:16px; /* Firefox like browser */
	-webkit-border-radius:16px; /* Webkit like browser */
	border-radius:16px; /* CSS 3 standard */
}

div.note_box
{
	margin:16px;
	background-color:#FFF;
	background-image:url('../NS_note_box.jpg');
	background-repeat:no-repeat;
	
	border:2px solid #22A;
	-moz-border-radius:16px; /* Firefox like browser */
	-webkit-border-radius:16px; /* Webkit like browser */
	border-radius:16px; /* CSS 3 standard */
}

div.negative_box p, div.positive_box p, div.note_box p,
div.negative_box h2, div.positive_box h2, div.note_box h2
{
	margin:8px 16px 8px 72px
}

/* =========== XBUTTONS STRUCTURES =========== */
div.xbutton
{
	margin:8px auto 8px auto;
	width:200px;
	height:32px;
	background-image:url('NS_xbutt.png');
	cursor:pointer;
	overflow:hidden
}

div.xbutton_right
{
	margin:8px 8px 8px auto;
	width:200px;
	height:32px;
	background-image:url('NS_xbutt.png');
	cursor:pointer;
	overflow:hidden
}

div.xbutton_left
{
	margin:8px auto 8px 8px;
	width:200px;
	height:32px;
	background-image:url('NS_xbutt.png');
	cursor:pointer;
	overflow:hidden
}

div.xbutton_disabled
{
	margin:8px auto 8px auto;
	width:200px;
	height:32px;
	background-image:url('NS_xbutt.png');
	overflow:hidden
}

div.xbutton_right_disabled
{
	margin:8px 8px 8px auto;
	width:200px;
	height:32px;
	background-image:url('NS_xbutt.png');
	overflow:hidden
}

p.xbutton
{
	margin:0px;
	padding:8px;
	text-align:center;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold
}

p.xbutton_disabled
{
	margin:8px;
	text-align:center;
	font-family:Verdana;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#FFF
}

a.xbutton:link, a.xbutton:active, a.xbutton:visited, a.xbutton:hover
{
	text-decoration:none;
	color:#FFF
}
/* =========================================== */

/* ================ INFO BULLES ============== */
div#bi
{
	width:320px;
	background-color:#E8EEED;
	background-image:url('../darkgrey_background.jpg');
	background-repeat:no-repeat;
	border-left:1px solid #999;
	border-top:1px solid #999;
	border-right:4px ridge #555;
	border-bottom:6px ridge #555;
	position:absolute;
	top:256px;
	left:256px;
}

p#bi_title
{
	margin:16px 16px 8px 16px;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0066FF;
}

p#bi_info
{
	margin:16px;
	font:12px Arial, Helvetica, sans-serif;
	text-align:justify
}

#bi_cmd
{
	margin:32px 16px 16px 16px;
	font-size:12px;
	text-align:center
}
/* =========================================== */

/* ============ PROGRESS STRUCTURES ========== */
div.progress_bar_box
{
	margin:auto;
	width:256px;
	height:13px;
	background-color:#999;
	background-image:url('../NS_progress_empty.png');
	overflow:hidden;
}

div.progress_bar_content
{
	margin:0px;
	width:0%;
	height:13px;
	background-color:#0A0;
	background-image:url('../NS_progress_full.png');
}

p.progress_note
{
	font:11px arial;
	color:#000;
	text-align:center;
	position:relative;
	top:-13px
}

div.notes_box
{
	width:120px;
	height:24px;
	background-image:url('../NS_stars_empty.png');
	display:inline-block;
	vertical-align:middle;
	overflow:hidden
}

div.notes_inside
{
	width:120px;
	height:24px;
	background-image:url('../NS_stars_full.png');
	overflow:hidden
}

div.notes_box_big
{
	width:240px;
	height:48px;
	background-image:url('../NS_stars_big_empty.png');
	display:inline-block;
	vertical-align:middle;
	overflow:hidden
}

div.notes_inside_big
{
	width:240px;
	height:48px;
	background-image:url('../NS_stars_big_full.png');
	overflow:hidden
}

/* =========================================== */

/* ============ ISLOTS STRUCTURES ============ */
div.is128_slot
{
	margin:7px;
	width:130px;
}

div.is128_slot_f
{
	margin:7px;
	width:130px;
	float:left;
}

p.is128_text
{
	font-size:11px;
	text-align:center;
}

p.is128_text_bold
{
	font-size:11px;
	font-weight:bold;
	text-align:center;
}

p.is128_text_bold_small
{
	font-size:10px;
	text-align:center;
}

div.is128_img, div.is128_img_hover
{
	width:128px;
	height:128px;
	border:1px solid #333;
}

div.is128_img_hover:hover
{
	border-color:#33E;
}

div.is64_slot_f
{
	margin:8px;
	width:72px;
	float:left;
}

div.is64_slot_rf
{
	margin:8px;
	width:72px;
	float:right;
}

div.is64_img, div.is64_img_hover
{
	margin:auto;
	width:64px;
	height:64px;
	border:1px solid #333;
}

div.is64_img_hover:hover
{
	border-color:#33E;
}
/* =========================================== */

/* ================= PLAY SLOTS ============== */
div.slot
{
	margin:2px;
	width:240px;
	height:160px;
	background-image:url('../slot.png');
	overflow:hidden;
	float:left
}

div.slot_large
{
	margin:2px;
	width:480px;
	height:160px;
	background-image:url('../slot_large.png');
	overflow:hidden;
	float:left
}

h2.slot
{
	margin:6px 8px 8px 8px;
	border:0px;
	font:14px arial;
	font-weight:bold;
	color:#FF33CC
}

p.slot
{
	margin:6px 8px 6px 8px;
	font:12px arial;
	font-weight:bold;
	text-align:justify
}

div#tools_box
{
	margin:8px;
	width:984px;
	overflow:hidden
}
/* =========================================== */