#carte{
  width:800px;
  height: 750px;
  position: absolute;
}

ul {
  list-style-type: none;
  float: left;  
  margin-left: -30px;
}

.d3-tip {
  line-height: 1.5;
  font-weight: normal;
  font-family: Arial;
  padding: 5px;
  background: rgba(125, 125, 125, 0.9);
  color: white;
  border-radius: 4px;
  margin-top: 275px
}


.contexte {
  font-size: 0.8em!important;
}

.infob_villes {
  line-height: 1.5;
  font-weight: normal;
  font-family: Arial;
  padding: 5px;
  background: rgba(125, 125, 125, 0.9);
  color: white;
  border-radius: 4px;
  font-size: 0.95em!important;
  margin-left: -30px;
  margin-top: 240px;
}

.infob_depts {
  line-height: 1.5;
  font-weight: normal;
  font-family: Arial;
  padding: 5px;
  background: rgba(125, 125, 125, 0.9);
  color: white;
  border-radius: 4px;
  font-size: 0.95em!important;
  margin-left: -30px;
  margin-top: 400px;
}

.infob_regions {
  line-height: 1.5;
  font-weight: normal;
  font-family: Arial;
  padding: 5px;
  background: rgba(125, 125, 125, 0.9);
  color: white;
  border-radius: 4px;
  font-size: 0.95em!important;
  margin-left: -30px;
  margin-top: 570px;
}

.communes_acal {
  stroke: #fff;
  stroke-linejoin: round;
  stroke-width:0.3px;
  stroke-opacity:0.6;
}

.communes_acal:hover {  
  stroke-width:0.9px;
  stroke-opacity:1;
  fill:#959595;
}

.cdepts {
  stroke: #fff;
  stroke-linejoin: round;
  stroke-width:1px;
  stroke-opacity:0.7;
  fill:none;
}

.cregions {
  stroke: #fff;
  stroke-linejoin: round;
  stroke-width:1.5px;
  stroke-opacity:1;
  fill:none;
}

.depts_acal {
  stroke: #fff;
  stroke-linejoin: round;
  stroke-width:1px;
  stroke-opacity:0.7;
}

.depts_acal:hover {  
    fill:#959595;
}

.transp {  
  fill:#414141;
  opacity:0.1;
}

.transp:hover {  
  fill-opacity:0;
}

.regions_acal {
  stroke: #fff;
  stroke-linejoin: round;
  stroke-width:1.5px;
  stroke-opacity:1;
}

.regions_acal:hover {  
    fill:#959595;
}

.boutons{
  position:absolute;
  margin-top: 485px;
  width:500px;
  margin-left:190px;

}

.btn{
   margin-left: 35px;
   background-color:#d4d4d4;
   border-color:#000;
   color: #000;
  }

.btn:hover{
   background-color:#a9a9a9;
  }


.point{
  opacity:1;
  fill:#e6e6e6;
  stroke:#000;
  stroke-opacity:0.9;
}

.label-prefs {
  background: none repeat scroll 0 0 white;
  fill: #e6e6e6;
  fill-opacity: 1;
  font-size: 9px;
  font-weight: 250;
  text-anchor: middle;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-anchor: middle;
  text-shadow: 0 1px 1px #000;
}

.label-sprefs {
  background: none repeat scroll 0 0 white;
  fill: #e6e6e6;
  fill-opacity: 1;
  font-size: 5.5px;
  font-weight: 250;
  text-anchor: middle;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-anchor: middle;
  text-shadow: 0 1px 1px #000;
}

text {
  font-family: Arial;
  font-size: 13px;
  pointer-events: none;
  color: red
}



.background {
  fill: none;
  pointer-events: all;
}

#legende {
  position: absolute;
  margin-top: 560px;
  background-color: #fff;
}
/*
? class or markup ?
text {
  font-family: Arial;
  font-size: 13px;
  pointer-events: none;
}
*/