#scarabeClient {
	position: relative;
}


#menubarPanel {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	background-color: #444;
	height: 40px;
	padding-top: 5px;
	display: flex;
	justify-content: space-between;
}

#navPanel {
  position: fixed;
  top: 40px;
  bottom: 0;
  left: 0;
  z-index: 4;
  padding: 0;
  padding-top: 15px;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  border-right: 1px solid #eee;
  background-color: #f8f9fa;
  width: 250px;
}

#mainPanel {
	padding-top: 50px;
	margin-left: 270px;
	margin-right: 20px;
}

@media (min-width: 1100px) {
  #navPanel {
    width: 300px;
  }
  
  #mainPanel {
    margin-left: 320px;
  }
}

@media (min-width: 1400px) {
  #navPanel {
    width: 400px;
  }
  
  #mainPanel {
    margin-left: 420px;
  }
}

@media print {
	#navPanel {
		display: none;
	}
	
	#menubarPanel {
		display: none;
	}
	
	#mainPanel {
		margin-left: 0;
		padding-top: 0;
	}
}


#errorBlock {
	color: red;
}

/************************************************
 * Surcharge de modal
 ***********************************************/
.blocker {
	z-index: 100000;
}

.modal {
	padding: 0;
}