/*
Theme Name:  Direct Quiz Theme
Theme URI:  https://www.niko.ovh
Description:  Theme for support game system
Author:  Nicolas Giacomello
Textdomain:  niko300
Author URI:  https://www.niko300.be/
Template:  twentynineteen
Version:  1.0
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html                 
*/

	body
	{
		background-color : black!important;
	}

	#kd8e6g52f6d85e2d6f2, #nickname
	{
		min-height: 15px;
		padding: 6px;
	}
	
	#kd8e6g52f6d85e2d6f2
	{
		border-radius: 7px 0px 0px 7px;
		width: 500px!important;
		font-size: 1.2em!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}
	
	#kd8e6g52f6d85e2d6f6
	{
		border-radius: 7px 0px 0px 7px;
		width: 500px!important;
		font-size: 1.2em!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}
	
	#kd8e6g52f6d85e2d6f3
	{
		min-height: 15px;
		padding: 6px;
	}
	
	#kd8e6g52f6d85e2d6f3
	{
		border-radius: 7px 0px 0px 7px;
		width: 500px!important;
		font-size: 1.2em!important;
		background-color: #e33;
	}
	
	#kd8e6g52f6d85e2d6f4
	{
		min-height: 15px;
		padding: 6px;
	}
	
	#kd8e6g52f6d85e2d6f4
	{
		border-radius: 7px 0px 0px 7px;
		width: 500px!important;
		font-size: 1.2em!important;
		background-color: #111;
	}
	
	#pseudoParano
	{
		width : 190px;
		height : 45px;
		padding: 10px;
		font-size: 1.7em;
		margin-left:auto;
		margin-right:auto;
	}
	
	#connexion
	{
		margin-left: auto!important;
		margin-right: auto!important;
	}
	
	#connectFrame
	{
		width:900px;
		padding: 80px;
		margin-left: auto!important;
		margin-right: auto!important;
		background-color : #555588;
		border-radius: 45px 45px 45px 45px;
		margin: 30px;
		box-shadow: 0px 0px 250px rgba(255,255,255,1);
	}
	
	#nickname
	{
		border-radius: 0px 7px 7px 0px;
	}
	
	
	#avatarAnimateur
	{
		width: 293px;
		height: 293px;
		border: 3px solid darkblue;
	}
	
	#listeMembre
	{
		border-collapse : collapse;
		width: 100%;
	}	
	
	#listeMembre tr
	{
	
	}
	
	#listeMembre td
	{
		
		height: 70px;
		min-width: 70px!important;
		max-width: 70px!important;
		border: 3px solid darkblue;
		background-color : #8e7a9e;
		padding: 7px;
		color: white;
		font-weight: bold;
		font-size : 1.2em;
		box-shadow: 0px 0px 12px rgba(255,255,255,0.6) inset;
	}
	
	
		.message
		{
			background-color: lightblue;
			padding-left:20px;
			padding-right:20px;
			font-family : "Arial";
			font-size : 1.2em;
			width: 100%;
		}
		
		.annonce1
		{
			background-color: lightgreen;
			padding-left:20px;
			padding-right:20px;
			font-family : "Arial";
			font-size : 1.2em;
			color:green;
			width: 100%;
			word-wrap: break-word;
		}
		
		.annonce2
		{
			background-color: salmon;
			padding-left:20px;
			padding-right:20px;
			font-family : "Arial";
			font-size : 1.2em;
			color:red;
			width: 100%;
			word-wrap: break-word;
		}
		
		.annonce3
		{
			background-color: orange;
			padding-left:20px;
			padding-right:20px;
			font-family : "Arial";
			font-size : 1.2em;
			color:red;
			width: 100%;
			word-wrap: break-word;
		}
		
		.annonce4
		{
			background-color: yellow;
			padding-left:20px;
			padding-right:20px;
			font-family : "Arial";
			font-size : 1.2em;
			color: black;
			width: 100%;
			word-wrap: break-word;
		}
		
		.annonce5
		{
			background-color: red;
			padding-left:20px;
			padding-right:20px;
			font-family : "Arial";
			font-size : 1.2em;
			color: black;
			width: 100%;
			word-wrap: break-word;
		}
		
		.annonce6
		{
			background-color: red;
			padding-left:20px;
			padding-right:20px;
			font-family : "Arial";
			font-size : 1.2em;
			font-weight: bold;
			color: black;
			width: 100%;
			word-wrap: break-word;
		}
		
		#annonceQuestion
		{
			width: 100%;
			height: 85px;
			background-color: black;
			border-radius: 5px 5px 5px 5px;
			border : 2px solid orange;		
			word-wrap: break-word;
			padding : 7px;
			color: white;
			font-weight : bold;
			font-size : 0.8em;
		}
		
		#chatContent
		{
			width: 100%;
			height: 550px;
			background-color: black;
			border-radius: 10px 10px 0px 0px;
			border : 3px solid darkblue;
			border-bottom-width : 0;
			overflow: hidden;
			word-wrap: break-word;
			margin-top : 8px;
		}
		
		#msgToSend
		{
			border-radius: 0px 0px 10px 10px;
			border : 3px solid darkblue;
			border-top : 12px solid black!important;
			background-color : black;
			color: white;
			height : 45px!important;
			width : 100%;
			font-size : 1.2em;
			padding-top: 5px!important;
			padding-bottom: 10px!important;
			padding-left: 25px;
			font-family : Arial;
	
		}
		
		#sender
		{
			display : none;
		}
		
		#currentConnected
		{
			color : darkgreen;
			text-decoration : underline;
		}
		
		#plateau
		{
			background-color: #afd0ed;
			width: 90%!important;
			margin-top: 30px;
			margin-right: auto;
			margin-left: auto;
			padding:20px;
			border-radius: 16px 16px 16px 16px;
			box-shadow : 0px 0px 10px #000;
			border: 1px solid darkblue;
		}
		
		.texteMain
		{
			color: white;
			font-weight : bold!important;
			font-size : 1.6em!important;
		}
		
		.texteMain2
		{
			color: white;
			font-weight : bold!important;
			font-size : 1.1em!important;
		}
		
		table td
		{
			border-width: 0;
		}
		
		.icone-info
		{
			width:25px;
			height: 25px;
		}
		
		.avatar
		{
			border-radius: 4px 4px 4px 4px;
			border : 2px solid white;
			width:38px;
			height: 38px;
			box-shadow: 0px 0px 3px #000;
			float:left;
			margin-right : 6px;
		}
		
		.points
		{
			float:right;
			margin-right:8px;	
			border: 1px solid darkblue;
			background-color: #3c8845;
			padding: 5px;
			font-size : 0.9em;
			border-radius: 15px 15px 15px 15px;
		}