/* Custom carte os_conso 
-------------------------------------------------- */

.info {
    padding: 6px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}
.info h4 {
    margin: 0 0 5px;
    color: #777;
}
/* Bloc legend */

.legend {
    line-height: 18px;
    color: #555;
}
.legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}

/* Custom dc.js crossfilter Charts
---------------------------------------------------*/
.dc-chart g.row text {       
    fill: black;    /* Texte de l'étiquette en noir*/
}
.dc-chart .pie-slice {       
    fill: black;    /* Texte de l'étiquette en noir sur le diagramme circulaire*/
}


/* CSS for stacked bar chart
---------------------------------------------------*/
.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}


/* CSS for chord chart
---------------------------------------------------*/
.group text {
font: 10px sans-serif;
pointer-events: none;
}
 
.group path {
stroke: #000;
}
 
path.chord {
stroke-width: .75;
fill-opacity: .75;
}
path.chord {
  fill-opacity: .8;
  stroke: #000;
  stroke-width: .25px;
}

#tooltip {
  color: white;
  opacity: .9;
  background: #333;
  padding: 5px;
  border: 1px solid lightgrey;
  border-radius: 5px;
  position: absolute;
  z-index: 10;
  visibility: hidden;
  white-space: nowrap;
  pointer-events: none;
}
#circle circle {
  fill: none;
  pointer-events: all;
}
path.group {
  fill-opacity: .8;
}

#circle text{
  font-size: 13px;
  font-family: sans-serif;
}
#circle:hover path.fadechord {
  display: none;
   /*if I want to add opacity */
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
}

/* d3.js Flux
------------------------------------------*/
#tt { pointer-events: none;color:white;}

#tipContainer {  font-size:16px;position:absolute;width:220px;z-index:100;background-repeat:no-repeat;text-align:left;line-height:20px;}

#tipLocation {font-weight:normal;font-family:Georgia; font-style: Italic; color:white;margin:0px;padding:10px 10px;background:#333;font-size:14px;}

#tipCount {font-weight:bold;font-size:32px;letter-spacing:-1px;margin:0px;padding:0px 10px 10px 10px;color:#333;}

#tipKey {font-weight:normal;font-size:10px;color:#333;margin:0px;padding:5px 0px 5px 10px;background:rgba(218,218,218,0.5);}

#tt2 { pointer-events: none;color:white;}

#tipContainer2 {  font-size:16px;position:absolute;width:250px;z-index:100;background-repeat:no-repeat;text-align:left;line-height:20px;}

#tipLocation2 {font-weight:normal;font-family:Georgia; font-style: Italic; color:white;margin:0px;padding:10px 10px;background:#333;font-size:14px;}

#tipCount2 {font-weight:bold;font-size:32px;letter-spacing:-1px;margin:0px;padding:0px 10px 10px 10px;color:#333;}

#tipKey2 {font-weight:normal;font-size:10px;color:#333;margin:0px;padding:5px 0px 5px 10px;background:rgba(218,218,218,0.5);}

.tipClear { clear:both;}