/*
 * Clip_map
/* 
 * Always set the map height explicitly to define the size of the div element
 * that contains the map. 
 */


/* 
 * Optional: Makes the sample page fill the window. 
 */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 1em;
}


#volet_gauche {
  height: 100%;
  width: 45%;
  float: left;
  //background: blue;
}

#volet_droit {
  height: 100%;
  width: 50%;
  float: right;
  padding: 20px;
  //background: red;
}


#volet_carte {
  width: 100%;
  height: 50%;
}

#volet_liste {
  height: 50%;
  padding: 20px;
}

#volet_liste li {
    margin-bottom: 10px;
}


#volet_charts {
  height: 100%;
}

.charts{
    margin: 50px 0 50px 0;
    height: 220px;
    width: 100%;
}

.highlightItem {
    background-color: #EEEEEE;
}

.highlightChart {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}