body {
	overscroll-behavior-y: contain;
	background-color: #778899;
}

h2 {
	display: inline-block;
}

.description {
	text-size-adjust: auto;
	white-space: nowrap;
	padding-top: 10px;
}

.button {
	float: left;
	height: 57px;
	width: calc(50% - 40px);

}

button.server  {
	border: 1px solid #adadad;
}

button.allumer:not(.distant) {
	background-color: #e1e1e1;
}

button.allumer:not(.distant):hover {
	background-color: #b5e2fa;
	cursor: pointer;
}

button.server:not(.allumer) {
	background-color: #cccccc;
	cursor: no-drop;
}

button.allumer.distant {
	background-color: #b5e2fa;
	cursor: no-drop;
}

button {
	width: 150px;
	height: 52px;
	text-align: center;
}

.titre {
	display: flex;

}

.reload {
	border: 0;
	background-color: #778899;
	width: auto;
	padding-left: 15px;
	cursor: pointer;

}

.left {
	/*background-color: lightblue;*/
	margin-right: 20px;
	text-align: right;
}

.right {
	/*background-color: red;*/
	margin-left: 20px;
	text-align: left;
}

img.favicon{
	width: 48px;
	float: left;
}

@media (max-width: 400px){
	.button{
		width: 100%;
		float: left;
		display: block;
		text-align: center;
		height: auto;
		margin-bottom: 5px;
	}
	.left {margin-right: 0;}
	.right {margin-left: 0;}
	.server:not(.allumer) {
		display: none;
	}
}

@media all and (max-device-width: 480px) {
	.button{
		width: 100%;
		float: left;
		display: block;
		text-align: center;
		height: auto;
		margin-bottom: 5px;
	}
	.left {margin-right: 0;}
	.right {margin-left: 0;}
	.server:not(.allumer) {
		display: none;
	}
}

/*@media (min-width:321px) and (max-width: 1070px){*/

.ctxmenu
{
  position:absolute;    
  min-width: 128px;
  height:auto;
  padding: 8px;
  margin:0;
  margin-left:32px;
  margin-top:-16px;
  border: 1px solid #999;
  background: #F8F8F8;
  box-shadow: 2px 2px 2px #AAA;
  z-index:11;
  overflow: visible;
}
.ctxline
{
  display:block;
  margin:0px;
  padding:2px 2px 2px 8px;
  border:1px solid #F8F8F8;
  border-radius:3px;
  font-size:13px;
  font-family:Arial, Helvetica, sans-serif;
  overflow:visible;
}
.ctxline:hover
{
  border:1px solid #BBB;
  background-color: #F0F0F0;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%,
    from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
    endColorstr='#e6e6e6', GradientType=0);
}