body {
  background: #fff;
  font-family: helvetica;
  margin: 0;
}

.country {
  fill: #456;
}
.municipality{
  fill: #777;
  cursor: pointer;
}

.canton-boundaries {
  fill: none;
  stroke: #fff;
  stroke-width: 1;
}

.municipality-boundaries {
  fill: none;
  stroke: #fff;
  stroke-width: .3;
}

div.tooltip_map {
  position: absolute;
  text-align: center;
  font-size: 12px !important;
  width: 170px;
  height: 70px;
  padding: 10px;
  font-size: 10px;
  background: #FFF;
  border: solid 1px #999;
  border-radius: 8px;
  pointer-events: none;
}


pre#pvpowermaptooltip {
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
}


.legend {
  font-size: 12px;
}

#mapSimplegroupLegend, #PmapSimplegroupLegend{
  font-size: 12px;
}

/* styles du barchart */

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

 .bar {
   fill: steelblue;
 }

 .y.axis path {
   display: none;
 }

 .supplierName{
   font-size: 80%;
 }

  /* styles du panneau des blocs de mise en page */
 #mapSimpletopToolBar2, #PmapSimpletopToolBar2{
  font-size: 80%;
  padding: 15px;
  display: flex;
  flex-wrap:wrap;
  justify-content:flex-start;
 }
 #mapSimpletopToolBar2 p{
  padding: 10px;
 }
 #PmapSimpletopToolBar2 p{
  padding: 10px;
 }

#mapSimpled3js, #P#mapSimpled3js{
  position: relative;
  display: flex;
  flex-wrap:wrap;
  justify-content: flex-start;
}

 #mapSimpleleftColumn, #PmapSimpleleftColumn{
/*   float: left;
   width: 80%;*/
   margin: 0;
/*   padding-top: 50px;*/
/*   height: 600px;*/
 }
 #mapSimplerightColumn, #PmapSimplerightColumn{
/*   float: left;
   width: 20%;*/
   margin: 0;
   /*border: solid 1px #e4e4e4;*/
   /*position: absolute;
   background-color: ghostwhite;*/
/*   height: 600px;*/
 }


 #mapSimplezoomControllerReset, #PmapSimplezoomControllerReset{
/*    position: relative;
     z-index: -1;
    top: 6px;
    left: 10px;
    width: 125px;
    height: 30px;
    background: transparent url("icon_zoom_retours_de.png") 50% 50% no-repeat;*/
    display: none;
  }
  #mapSimpleblocZoomController, #PmapSimpleblocZoomController{
    margin-left: 10px;
  }

/*  Classe de wp que l'on aimerait comme référence pour le positionnement des éléments en absolute*/
  .entry-content{
    position: relative;
  }


#mapSimpleLoading, #PmapSimpleLoading{
  width: 90px;
  height: 90px;
}


@media only screen  and (max-width: 480px) {

  .aSupplierInfos{
    width: inherit;
    min-width: 60px;
  }

  .supplierHistoryChart{
    width: inherit;
    min-width: 60px;
  }

  .closeSuppliersInfos {
      width: 22px;
      height: 19px;
      position: absolute;
      top: 0;
      left: 0;
      background: #cfcfcf url("../img/icon-close.png") 50% 50% no-repeat;
  }

}