/* ------------------------ General ------------------------ */


body 			{background:rgb(22, 22, 22) url('/data/sites/leplanet/pattern/pattern_planet.png') repeat fixed left top; color:rgb(248, 236, 184); font-size:16px; font-family: 'Abel', sans-serif;}


a				{color:rgb(235, 216, 158)}
a:hover			{color:rgb(248, 236, 184)}

/* ------------------------ Maintenance ------------------------ */

#api-maintenance						{background-color:rgb(31, 31, 31); color:rgb(166, 135, 78)}

/* ------------------------ FULL HEIGHT ------------------------ */


#fullHeight								{bottom:35px}

a.arrowdown,
a.scrolldownsquare 							{-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.7);-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.7);box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.7)} 

.scrollTitle 							{text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}


a.arrowdown								{background-color:rgb(0, 0, 0); color:rgb(235, 216, 158);}
a:hover.arrowdown 						{background-color:rgb(248, 236, 184); color:rgb(0, 0, 0);}

a.scrolldownsquare							{border:2px rgb(235, 216, 158) solid; color:rgb(235, 216, 158);background-color:rgba(0, 0, 0, 0.7);text-shadow: 1px 1px 2px rgba(0, 0, 0, 1)}
a:hover.scrolldownsquare						{border:2px rgb(248, 236, 184) solid; color:rgb(0, 0, 0);background-color:rgba(235, 216, 158, 0.7) }

/* ------------------------ TOP ------------------------ */

#top,
#top2									{background-color:rgb(31, 31, 31);border-bottom:1px rgba(166, 135, 78, 0.3) solid;}



.top_nav_resp a i,
.top_nav li.top_menu a,
.top_nav li.top_menu a i,
.top_nav li.top2_menu i,
.top_nav li.top2_menu a,
.top_nav li.top_menu span				{color:rgb(166, 135, 78);}
.top_nav li.top2_menu a:hover			{color:rgb(166, 135, 78);}


#Lmenu li:first-child					{border-left:1px rgba(166, 135, 78, 0.3) solid}
#Rmenu li:first-child					{border-right:1px rgba(166, 135, 78, 0.3) solid}

#Lmenu li 								{border-right:1px rgba(166, 135, 78, 0.3) solid}
#Rmenu li 								{border-left:1px rgba(166, 135, 78, 0.3) solid}

.top_nav ul.top_search li				{background-color:rgb(31, 31, 31); border:1px rgba(166, 135, 78, 0.3) solid !important; border-top:none !important}
.form_search,
.form				 					{background-color:rgb(235, 216, 158); color:; border:1px rgba(235, 216, 158, 0.3) solid}
.button_search,
.button									{background-color:rgb(248, 236, 184); color:rgb(235, 216, 158);}

/* -------------------------------------------LANG--------------------------------------------- */
.open_lang ul.top_lang li						{border-left:1px rgba(166, 135, 78, 0.3) solid !important;border-right:1px rgba(166, 135, 78, 0.3) solid !important;border-bottom:1px rgba(166, 135, 78, 0.3) solid !important}
.open_lang ul.top_lang li a						{background-color:rgb(166, 135, 78); color:rgb(31, 31, 31);}
.open_lang ul.top_lang li a:hover				{background-color:rgb(31, 31, 31); color:rgb(166, 135, 78)}
.open_lang ul.top_lang li a.selected_lang		{background-color:rgba(31, 31, 31, 0.5); color:rgba(166, 135, 78, 0.5)}


/* ------------------------ RESPONSIVE TOP ------------------------ */

.res_top_nav							{background-color:rgb(31, 31, 31)}
.res_top_nav #Lmenu li					{background-color:rgb(31, 31, 31);border-bottom:1px rgba(166, 135, 78, 0.3) solid;}
.res_top_nav #Rmenu li					{background-color:rgb(31, 31, 31);border-bottom:1px rgba(166, 135, 78, 0.3) solid;}

/* ------------------------ Bottom ------------------------ */

#bottom									{background-color:rgb(31, 31, 31); color:rgb(166, 135, 78)}
.bottom_menu a							{color:rgb(166, 135, 78)}
.bottom_nav								{border-right:1px rgba(166, 135, 78, 0.3) solid}
.bottom_nav:first-child					{border-left:1px rgba(166, 135, 78, 0.3) solid}

a#scrollup 								{background-color:rgb(0, 0, 0); color:rgb(235, 216, 158); border:1px rgba(235, 216, 158, 0.3)}
a:hover#scrollup 						{background-color:rgb(235, 216, 158); color:rgb(0, 0, 0);}

#bottom_music							{background-color:rgb(31, 31, 31)}

@media only screen and (min-width: 320px) and (max-width: 959px) {

	.bottom_nav								{border-top:1px rgba(166, 135, 78, 0.3) solid; border-right:none}
	.bottom_nav:first-child					{border:none}
	.bottom_menu							{text-align:center !important}
}	

/* ------------------------ FOOTER ------------------------ */

a#scrollup 					{bottom:40px;}


/* ------------------------ Popup ------------------------ */


#fade 									{background-color:rgba(22, 22, 22, 0.9);}
#popup_content							{background-color:rgb(0, 0, 0); color:rgb(248, 236, 184)}
.popup_header							{background-color:rgb(31, 31, 31); border-bottom:1px rgba(248, 236, 184, 0.3) solid}
.close_popup 							{color:rgb(235, 216, 158)}
.close_popup:hover						{color:rgb(248, 236, 184);}


/* ------------------------ Enter button ------------------------ */

.title_enter							{background-color:rgb(0, 0, 0); color:rgb(248, 236, 184)}


ul#single-enter li a,
ul#multi-enter li a 					{background-color:rgb(248, 236, 184);color:rgb(0, 0, 0);}
ul#single-enter li a:hover,
ul#multi-enter li  a:hover				{background-color:rgb(0, 0, 0);color:rgb(248, 236, 184);}


.title_menu a							{color:rgb(248, 236, 184)}
.title_menu a:hover						{color:rgb(248, 236, 184)}

/* ------------------------ Menu ------------------------ */

.menu_spacer							{background-color:rgb(31, 31, 31)}
.top_spacer								{background-color:rgb(31, 31, 31)}

#menu									{color:rgb(235, 216, 158); border-bottom:1px rgba(235, 216, 158, 0.3) solid;}
.bgmenu									{background-color:rgb(0, 0, 0)}
.menu_animated							{border-bottom:1px rgb(235, 216, 158) solid; background-color:rgb(0, 0, 0) !important}

.responsive_menu						{background-color:rgba(235, 216, 158, 0.3);color:rgb(248, 236, 184)}
.responsive_menu:hover					{background-color:rgb(248, 236, 184);color:rgb(235, 216, 158)}

ul#nav li a								{border-bottom:3px transparent solid}

ul#nav > li a							{color:rgb(235, 216, 158)}
ul#nav > li a:hover,
ul#nav > li a.nav_active				{color:rgb(248, 236, 184) !important; border-bottom:3px rgb(248, 236, 184) solid !important}


ul#nav > li:hover a span.menu_title,
ul#nav > li.nav_active a span.menu_title,
ul#nav > li:hover a span.nav_arrow,
ul#nav > li.nav_active span.nav_arrow	{color:rgb(248, 236, 184)}

ul#nav ul li 							{background-color:rgba(0, 0, 0, 0.7); border-top:1px rgba(235, 216, 158, 0.3) solid;}

ul#nav ul li a 							{color:rgb(235, 216, 158);}
ul#nav ul li a:hover,
ul#nav ul li a.nav_active 				{color:rgb(248, 236, 184)}

@media only screen and (min-width: 320px) and (max-width: 959px) {

		ul#nav li								{border-bottom:none}
		ul#nav > li:hover,
		ul#nav > li.nav_active		 			{border-bottom:none}

		ul#nav > li:first-child a {border-top:rgba(235, 216, 158, 0.3) 1px solid;}
		ul#nav > li a {color:rgb(235, 216, 158);background-color:rgb(0, 0, 0); border-bottom:rgba(235, 216, 158, 0.3) 1px solid;}
		ul#nav > li a:hover,	 
		ul#nav > li.nav_active a {background-color:rgba(31, 31, 31, 0.5);color:rgb(166, 135, 78)}
		
		/* ------------------------ SOUS MENU ------------------------ */

		ul#nav ul li {border-top:1px #666 solid;e}
		ul#nav ul li a {color:#cfcfcf;background-color:#666;;}

}


/* ------------------------ Fancybox ------------------------ */

.fancybox-skin 							{background:rgb(0, 0, 0);color:rgb(248, 236, 184);}
.fancybox-overlay 						{background:rgba(22, 22, 22, 0.9);}

/* ------------------------ Shadow ------------------------ */


#menu									{-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7);}
#popup_content,
.title_enter,
ul#single-enter li a,
ul#multi-enter li a						{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);}

#bottom									{-webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.7);-moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.7);box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.7);}				



.sidebar_nav > li.sidebar_shadow		{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}