/*** BASIC*/
body, a, .sLink																				{color:#ccc;}
#htmlLightbox, .objContainer, .miscContainer, .menuContext									{background:#222;}
.objContainer, .miscContainer, .menuContext, #livecounterMain, #messengerMain, .tox-tinymce	{box-shadow:2px 2px 10px #555; transition:box-shadow 0.3s ease-in-out;}
.objContainer:hover																			{box-shadow:2px 2px 10px #ccc;}
.objLines .objContainer																		{border-bottom:solid 1px #555;}
.menuContext, #livecounterMain, #messengerMain												{border:solid 1px #444;}
.objLines .objContainer:hover, .menuContext .menuLine:hover, .lineHover:hover				{background:#333;}
.objContainerSelect, .lineSelect, #objSelectMenu											{background:#444!important;}
/*RESPONSIVE SMALL*/
@media screen and (max-width:1024px){
	#htmlMainPage											{background:#333 url(../img/logoMobileBg.png) no-repeat center 95%; height:100%;}
	.objContainer, .miscContainer							{box-shadow:0px 2px 6px #555;}
}

/*** LIENS & OPTIONS*/
a:hover, .sLink:hover, .linkSelect, .menuLauncher:hover, [onclick]:hover, button:hover, label:hover, input:checked+label, .sAccessRead, .optionSelect	{color:#679cd8;}
.sAccessWrite, .sAccessWriteLimit	{color:#f88;}
.option								{border:solid 1px transparent;}
.option:hover, .optionSelect		{border:solid 1px #555; border-radius:5px;}
.option:hover						{background:#333; }
.optionSelect						{background:#444!important;}

/*** MENU CONTEXT RESPONSIVE*/
#menuMobileMain															{background:#333; border:solid 1px #444;}
#menuMobileMain .vHeaderModuleCurrent, #menuMobileMain .miscContainer	{background:#eee!important; border:solid 1px #ddd; box-shadow:0px 2px 6px #555;}

/*** INPUTS*/
input, textarea, select												{color:#ccc; background:#333; border:1px solid #555;}
button																{color:#ccc; background:linear-gradient(#444,#333);}
button:hover:not(.f-button)											{background:linear-gradient(#444,#3a3a3a);}
button:disabled														{color:#888;}
input:not([type=radio],[type=checkbox]), textarea, select, button	{box-shadow:0px 0px 4px #777; transition:box-shadow 0.3s ease-in-out; border:#585858 1px solid;}
input:not([type=radio],[type=checkbox]):hover, textarea:hover		{box-shadow:0px 0px 4px #505050;}
input:not([type=radio],[type=checkbox]):focus, textarea:focus		{box-shadow:0px 0px 4px #0068bd; border:#bcf 1px solid;}
.tox-tinymce														{box-shadow:0px 0px 4px #777!important; border-radius:5px!important;}/*Editeur TinyMCE*/

/*** DIVERS*/
#headerBar								{background:linear-gradient(180deg,#222,#111); box-shadow:0px 2px 8px #505050;}	/*barre de menu principale*/
hr										{background:linear-gradient(90deg,#555,#999,#555);}								/*barre de séparation*/
fieldset, .objMenuTab, .objMenuOptions	{background:#333; border:1px solid #444; border-radius:5px;}						 /*fieldset & "VueObjMenuEdit.php"*/
.fieldsetSub							{background:#444; border:1px solid #414141; border-radius:5px;}					 /*"VueObjMenuEdit.php"*/
.objMenuTab:hover, .objMenuTabSelect	{background:linear-gradient(0deg,#333,#222);}										 /*"VueObjMenuEdit.php"*/
::-webkit-scrollbar						{background:#333; width:12px;}														  /*scrollbar: background et width*/
::-webkit-scrollbar-thumb				{background:#888;}																	  /*scrollbar: couleur de la barre*/
.jconfirm-box							{border:solid 1px #555!important; background:#333!important; }