body{
	font-family:arial;
	/* background-color:gray; */
	width:98%;
}

#logo{
	position:;
	width:200px;;
	height:auto;
	/* border:1px solid black; */
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	clear:both;
}
#logo img{
	width:200px;
}

#titre{
	position:relative;
	margin:auto;
	padding-bottom:5px;
	font-size:30px;
	text-align:center;
	clear:both;
}

#form_login_table{
	position:relative;
	width:500px;
	height:150px;
	background-color:lightgray;
	text-align:center;
	margin:auto;
	border-radius:5px;
	box-shadow: gray 3px 3px;
	display:table;
}

#form_login_cell{
	position:relative;
	width:500px;
	height:150px;
	background-color:lightgray;
	text-align:center;
	margin:auto;
	border-radius:5px;
	box-shadow: gray 3px 3px;
	display:table-cell;
	vertical-align:middle;
}

#Nbre_Mag{
	position:relative;
	margin:auto;
	padding-bottom:10px;
	/* font-size:30px; */
	text-align:center;
	clear:both;
}


#TableauDesMagasins{
	position:relative;
	/* width:1360px; */
	width:85%;
	min-height:10px;
	background-color:lightgray;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

.CelluleMagasin{
	position:relative;
	width:200px;
	/* min-height:10px; */
	height:125px;
	text-align:center;
	/* background-color:gray; */
	background-color:white;
	border-radius:10px;
	border:1px solid black;
	box-shadow: 2px 2px;
	margin:2px;
	padding:10px;
	float:left;
}

.Indicateur_vert{
	position:absolute;
	right:3px;
	bottom:3px;
	width:20px;
	height:20px;
	background-color:lightgreen;
	border:1px solid green;
	border-radius:50%;
}

.Indicateur_rouge{
	position:absolute;
	right:3px;
	bottom:3px;	
	width:20px;
	height:20px;
	background-color: #ff5757;
	border:1px solid red;
	border-radius:50%;
	animation-duration: 2s;
	animation-name: clignoter;
	animation-iteration-count: infinite;
	transition: none;		
}

@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0.6; }
  100% { opacity:1; }
}

.curseur_clignotant{
	animation-duration: 1s;
	animation-name: clignoter_curseur;
	animation-iteration-count: infinite;
	transition: none;	
}

@keyframes clignoter_curseur {
  50%   { opacity:0; }
}

.NomMag{
	font-size:18px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	width:180px;
	padding:5px;
	background-color:black;
	color:white;
}
.Status{
	font-size:14px;
}
.VersionClient{
	padding:10px;
	font-size:10px;
}

#Buttons_options {
	position:absolute;
	z-index:10;
	top:12px;
	right:10px;
	display:block;
	text-align:center;
	/* background-color:red; */
}

#Buttons_options button {
	font-size:12px;
	width:150px;
	height:35px;
	margin:	2px 0px 2px 0px;
}

#ConsoleDesLogs{
	position:relative;
	background-color:black;
	color: #31e700 ;
	font-size:12px;
	border:5px solid gray;
	box-shadow: 3px 3px lightgray;
	width:500px;
	height:200px;
	margin: 15px auto 15px auto;
	padding:5px;
	overflow-y: scroll;
	clear:both;
}