.background {
  fill: none;
  pointer-events: all;
}
  #figure {
    background-color: #fff;
    width: 100%;
  }

  #carte {
    width: 100%;
    height: 100%;
  }
  #legende {
    position: absolute;
    width: 150px;
    height: 50px;
  	right: 10px;
  	bottom: 5px;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
  }

  h1 {
    font-size: 20px;
    margin: 10px;
    font-family: "Roboto";
    font-weight: 900;
  }

  p {
    font-size: 12px;
    margin: 11px 0 0 0;
    font-family: "Roboto";
  }
  .source {
    font-size: 11px;
    font-family: "Roboto";
    font-weight: 300;
  }
  .data{
    font-family: "Roboto";
    font-size: 14px;
    font-weight: bold;
}
.pays {
  fill: none;
  stroke: #333;
  stroke-width: .5;
  stroke-opacity: .3;
/* stroke-linejoin: round;
*/}

.source {
    font-size: 10px;
}
  .d3-tip {
    line-height: 1;
    font-weight: 300;
    font-family: "Rototo";
    padding: 5px;
    background-color: rgba(255,255,255,0.9);
    color: black;
    border-radius: 4px;
    font-size: 11px;
    margin-left: 10px;
    margin-bottom: 10px;
    width:200px;
    border: 1px solid #ccc;
}


.graphic:before,
.graphic:after
{content:' ';display:table}
.graphic:after{clear:both}
.graphic img{max-width:100%;height:auto}
.key{margin:-11px 0 33px 0;padding:0;list-style-type:none}
.key .key-item{display:inline-block;margin:0 18px 0 0;padding:0;line-height:15px}
.key .key-item b{display:inline-block;width:15px;height:15px;margin-right:6px;float:left}
.key .key-item label{white-space:nowrap;font-family:Roboto;font-size:12px;color:#333;font-weight:normal;-webkit-font-smoothing:antialiased}


svg{overflow:hidden}



.labels li{position:absolute;text-align:right;font-size:12px;line-height:1.3;color:#666;display:table;-webkit-font-smoothing:antialiased}
.labels li span{display:table-cell;vertical-align:middle}
.value text{font-size:10px;-webkit-font-smoothing:antialiased}
.value text.in{fill:#fff}
.value text.out{fill:#999}
.key{margin:10px 0 10px 10px;padding:0;list-style-type:none}
.key .key-item{display:inline-block;margin:0 18px 0 0;padding:0;line-height:15px}
.key .key-item b{display:inline-block;width:15px;height:15px;margin-right:6px;float:left}
.key .key-item label{white-space:nowrap;font-family:Roboto;font-size:12px;color:#333;font-weight:normal;-webkit-font-smoothing:antialiased}



@media screen and (max-width:500px){.label{font-size:15px}}

@media screen and (min-width:500px){.label{font-size:8px}}