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 {   
  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;         
}

.legend {
  font-size: 12px;
}

#groupLegend{
  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 */
 #topToolBar{
/*  position: fixed;
  width: 77%;*/
  height: 35px;
  margin: 0;
  padding: 0;
/*  padding-left: 10px;*/
  background-color: #fff;
  font-size: 80%;
/*  border-bottom: solid 1px #e4e4e4;
  opacity: .9;
  box-shadow: 0px 6px 4px -4px #555;*/
 }
 
 #leftColumn{
/*   float: left;
   width: 80%;*/
   margin: 0;
/*   padding-top: 50px;*/
/*   border: solid 1px red;*/
/*   height: 600px;*/
 }
 #rightColumn{
/*   float: left;
   width: 20%;*/
   margin: 0;
/*   border: solid 1px #e4e4e4;*/
/*   height: 600px;*/
 }

 /* styles du panneau d'affiche des infos sur les fournisseurs */
 
 #suppliersInfos{
   position: fixed;
   width: 350px;
   bottom: 0px;
   right: 0px;
/*   top: 0px;
   overflow: auto;*/
   margin-top: -20px;
   padding: 10px;
   background-color: #f4f4f4;
/*   font-size: 80%;*/
   border-radius: 5px;
   border: solid 1px #e4e4e4;
 }
 
 .closeSuppliersInfos{
   width: 22px;
   height: 22px;
   position: absolute;
   top: 0;
   right: 0;
   background: #cfcfcf url("icon-close.png") 50% 50% no-repeat;
 }
 
 .supplierTarifData{
   border-collapse: collapse;
   border: solid 1px black;
   text-align: right;
 }
 .supplierTarifData th, .supplierTarifData td{
   padding: 5px;
 }
 .total{
   border-top: solid 1px black;
 }
 .tabLabel{
   text-align: left;
 }
/*  Surchargé par vese.ch qui met les table.th en gris avec image donc indiqué en dure dans le html */
 .entete{
   background-color: #5082b8;
   color: white;
   border: none;
 }
 
 #suppliersInfos table th, #suppliersInfos table td{
   border: none;
 }
 
 
 .supplierTitle{
   font-size: 130%;
   display: block;
 }

 /* styles des controlleurs */
 #controllers label{
   margin-right: 4px;
   vertical-align: middle;
 }
 .appInfo{
   margin-left: 3px;
 }
/* .appInfo img{
   vertical-align: middle;
 }*/
 
 #blocInputTariffPart{
   width: 340px;
   float: left;
 }

 #blocInputPower{
    width: 305px;
    float: left;
 }
 #blocInputAuto{
   width: 250px;
   float: left;
 }
 
 
 #blocInputTariffPartFr{
   width: 340px;
   float: left;
 }

 #blocInputPowerFr{
    width: 305px;
    float: left;
 }
 #blocInputAutoFr{
   width: 250px;
   float: left;
 }
 #validatePW{
   margin-left: 3px;
 }
 
 #blocInputTariffPartDe{
   width: 340px;
   float: left;
 }

 #blocInputAutoDe{
   width: 250px;
   float: left;
 }
 #blocInputPowerDe{
    width: 300px;
    float: left;
 }
 
 #blocSelectMunicipality{
    width: 50%;
    float: left;
 }
 #blocInputYear{
    width: 300px;
    float: left;
 }
 #blocInputYear label{
   padding-right: 7px;
   line-height: 25px;
 }

 #zoomControllerReset{
/*    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;
  }
  #blocZoomController{
    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;
  }
  
  #copyrightDe{
    position: absolute;
    z-index: -1;
/*    top: 290px;*/
    right: 75px;
    width: 253px;
    height: 188px;
    background: transparent url("copyright_de.png") 50% 50% no-repeat;
   }
   
  #copyrightFr{
    position: absolute;
    z-index: -1;
/*    top: 290px;*/
    right: 75px;
    width: 253px;
    height: 188px;
    background: transparent url("copyright_fr.png") 50% 50% no-repeat;
  }
   
   #helpMapFooter{
     font-size:80%;
     margin: 0;
     margin-right: 20px;
   }
   
   #moreInfoMapFooter{
     font-size: 80%;
     margin: 0;
     margin-right: 20px;
   }
   
   #contactMapFooter{
     font-size: 80%;
     margin: 0;
     margin-right: 20px;
   }
   
   #logoSwissEnergyMapFooter img{
     width: 100px;
   }
   
   #barChartDescription{
     border: none;
     width: 100%;
     height: 320px;
   }
   
   
   

@media only screen  and (max-width: 480px) {
   #suppliersInfos{
     position: absolute;
     left: 10px;
     top: 1900px;
     width: 100% !important;
   }
   
   #copyrightDe, #copyrightfr {
    display: none; 
   }
 
}