/***------------------------------MANAGER------------------------***/
#container-manager
{
	/*border: 1px blue solid;*/
	position: relative;
	width : auto;
}
#manager
{
	/*display : none;*/

	/*border: 1px rgba(0,0,0,0.8) solid;*/
	margin: auto;

	width : 900px; height: 400px;

	

	overflow-y: scroll;
	background-color: rgba(0,0,0,0.8);
}
.entity
{
	z-index : 888;
	position: relative;
	display: inline-block;
	border: 1px rgba(255,255,255,0.8) solid;
	width : 100px; height: 100px;
	margin: 10px;

	overflow: hidden;
}
.entity img
{
	width : 100%;
	height: 100%;
}
#ajout
{
	position: fixed;
	border : 1px rgba(255,255,255,1) solid;
	float : left;

	width : 40px; height : 40px;

	cursor : pointer;

	margin-left: -20px;
	margin-top: -20px;
	z-index: 9999;

	border-radius: 100%;
	text-align: center;

	background-color: rgba(0,0,0,0.6);

	color : rgba(255,255,255,0.8);
	font-size: 2.1em;
	font-weight: bold;
}
#ajout p
{
	margin : 0;
	margin-top: -8px;
	margin-left: -1px
}
.supEntity
{
	/*border : 1px red solid;*/
	float : right;
	width: 25px; height: 25px;
	z-index: 9999;
	background: none;
	position: absolute;
	right: 2px; top : 2px;

	cursor : pointer;
	background-image: url('../ui/croix.png');
	background-size: 100%;
}
#view-container
{
	display: none;

	position: absolute;
	top : 18%; left : 50%;

	width: 400px; height: 440px;
	margin-left: -200px;

	border-radius: 15px 15px 15px 15px;

	overflow: hidden;

	z-index: 9999;

	background: rgba(0,0,0,0.4);

	text-align: center;
	color : white;
}
	#image-viewer
	{
		width : 400px;
		height : 300px;
		z-index: 9999;
	}
	#view-container p
	{
		margin-bottom: 0; 
	}
	#text-viewer
	{
		text-align: left;
		border-top : 1px rgba(255,255,255,0.4) solid;
		border-bottom : 1px rgba(255,255,255,0.4) solid;
		background-color: rgba(0,0,0,0.8);
		width : 100%; height : 80px;
		bottom : 160px;
		z-index: 9999;
		position: absolute;
	}
		#text-viewer p
		{
			position: absolute;
			top : 50%;
			transform : translateY(-50%);
			color : white;
			font-size: 1.4em;
			margin: 0 0 0 10px;
			width: auto;
		}
#view-container-close
{
	position: absolute;
	
	top : 8px; right : 10px;

	background : none;
	border: none;
	background-image: url('../ui/refuser.png');
	background-size: 100%;
	background-repeat: no-repeat;

	cursor : pointer;

	border-radius: 100%;
	width : 20px; height: 20px;
	margin-bottom: 10px;
}
#add_window
{
	/*border : 1px red solid;*/
	position: absolute;
	left : 50%;
	margin-left : -200px;
	display:  none;
	z-index: 99999999;
	width : 400px;
	height : 300px;
	top : 200px;

	text-align: center;

	background-color: rgba(0,0,0,0.8);

	border-radius: 15px 15px 15px 15px;
	overflow: hidden;

	padding-bottom: 10px;
}
#add_window p
{

	/*border : 1px red solid;*/
	width: 100%; height : 50px;
	margin: 0; padding-top: 15px;

	font-size : 2em;
	color : white;
	background-color : rgba(236,14,98,0.8);
}
#champ-file
{
	width: 100px;
}
#champ-submit
{
	display: inline-block;
	background : none;
	border: none;

	border-radius: 100%;
	width : 40px; height: 40px;
	margin-bottom: 10px;

	cursor : pointer;

	background-image: url('../ui/valide.png');
	background-size: 100%;
	background-repeat: no-repeat;

	vertical-align: top;
}
#close
{
	position: absolute;
	
	top : 10px; right : 10px;

	background : none;
	border: none;
	background-image: url('../ui/refuser.png');
	background-size: 100%;
	background-repeat: no-repeat;

	cursor : pointer;

	border-radius: 100%;
	width : 20px; height: 20px;
	margin-bottom: 10px;

}
#info
{
	/*border : 1px red solid;*/
	width: 20px; height: 20px;
	position: absolute;
	bottom: 10px;
	margin-left : 10px;
	background-image: url('../ui/info.png');
	background-size : 100%;
}