#divPerformances, #divPerformancesSJ {
  margin-bottom: 10px;
  min-height: 405px;
}

#graphPays, #graphSecteur {
  height:260px;
}

.graph {
  text-align: center;
  margin-bottom: 10px;
}

/* AXE */
.axis {
  pointer-events: none;
}

.axis path, .axis line {
  fill: none;
  stroke: lightgrey;
  shape-rendering: crispEdges;
}

.axisLeft path {
  stroke: #6AA4CB;
}

.axisRight path {
  stroke: #DB9336;
}

.axis text {
  font-size: 7.5pt
}

/* LIGNE */
.line {
  stroke: #797A8C;
  fill: none;
  stroke-width: 0.75px;
}

.lineBarriere {
  stroke: black;
  fill: none;
  stroke-width: 0.75px;
}

/* OVERLAY */
.overlay {
  fill: none;
  pointer-events: all;
  cursor: pointer;
}

/* BRUSH */
.brush .extent {
  stroke: #fff;
  fill-opacity: .125;
  shape-rendering: crispEdges;
}

.dc-chart .brushMini .resize path {
  fill: #eee;
  stroke: #666;
}

/* TOOLTIP*/
.xTooltip {
  stroke: #B3B5BC;
}

.d3-tooltip {
  border: 1px solid #6AA4CB;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 #656565;
  border-radius: 5px;
  padding: 2px 4px;
  position: absolute;
  z-index: 1;
  display: none;
}

.d3-tooltip p.libelle {
  font-size: 8pt;
  font-family: 'texgyreherosbold';
  font-weight: normal;
}

.d3-tooltip p.infos {
  font-size: 6pt;
}

/* DATE */
.groupDate {
  margin-bottom: 5px;
  float: left;
}

.clearZoom {
  margin-left: 20px;
  float: left;
  cursor: pointer;
}

.groupDate img {
  float: left;
}

.groupDate span {
  margin: 4px 0px 0px 5px;
  float: left;
}

.dateZoom {
  border: 1px solid #ccc;
  float: left;
  font-size: 9pt;
  font-weight: normal;
  height: 20px;
  margin: 0px 5px;
  padding: 0;
  width: 68px;
}

/*-----------------------------------------------------------------*/
/*----------------------------- LEGENDE ---------------------------*/
/*-----------------------------------------------------------------*/
.legendeGraph {
  margin: 10px 0px 10px 10px;
}

.legende {
  float: left;
  margin-right: 5px;
}

.legende div {
  float: left;
  height: 2px;
  margin: 6px 4px 0 0;
  width: 8px;
}

.legende text {
  float: left;
  font-size: 7.5pt;
  font-family: 'texgyreherosbold';
  font-weight: normal;
  color: black;
}

.rectBarriere {
  fill: white;
  stroke: black;
  stroke-width: 0.5;
}

.libBarriere {
  font-size: 7pt
}

/*-----------------------------------------------------------------*/
/*------------------------GRAPH PIE--------------------------------*/
/*-----------------------------------------------------------------*/

/* LEGENDE */
.legendPie {
  max-height:100px;
  overflow: auto;
}
.legendItem {
	margin: 0px 0px 5px 5px;
	float: left;
	width: 85px;
}

.legendItem div {
	width: 5px;
	height: 10px;
	float: left;
	margin: 2px 5px 0px 0px;
}

.legendItem text {
	float: left;
	font-size: 7.5pt;
	width:75px;
}

.tooltipPie {
  display: none;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 #656565;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  text-align: center;
}

.tooltipPie .libelle{
  font-size: 9pt;
  font-family: 'texgyreherosbold';
  font-weight: normal;
}

.tooltipPie .pourcentage{
  font-size: 8pt;
}