.tbl-canton tr {
    font-size: .95em;
    width: 100%;
    background-color: #f5f5f5;
}

.tbl-canton{
  width: 100%;
  /* margin-left: -15px; */
}

.buttonRegions {
    background-color:#f5f5f5 ;
    border: 2px #ffffff solid;
    height: 39px;
    width: 100%;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1.2em;
    text-align: left;
}

.buttonRegions.CH {
  text-align: center;
}

.buttonRegions::before {
  content: '\f111';
  margin-left: 10px;
  margin-right: 12px;
  font-family: "Font Awesome 5 Free";
  text-align: left;
}

.buttonRegions:hover {
    background-color: #757575;
    color: #ffffff;
}

.buttonRegions.active {
    color: #ffffff;
}
.buttonRegions.active::before {
    color: #ffffff;
    content: '\f058';
    font-family: "Font Awesome 5 Free";
}

.buttonRegions.active.active1 {
    background-color: #dc0018;
}

.buttonRegions.active.active2 {
    background-color: #312e89;
}

.buttonRegions.active::after  {
    border: 1px solid white;
    width: 20px; 
  }

.buttonRegions:hover::after  {
  border: 1px solid white;
  width: 20px; 
}

/**  Ajout des SVG  **/
.CH:after {
  content: url(https://viz.bfs.admin.ch/img/flags/cantons/CH.svg);
  background-size: 10px 20px;
  display: inline-block;
  width: 20px; 
  height: 21px;
  margin-left: 10px;
  vertical-align: middle;
}

.ZH {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/ZH.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg); 
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.BE {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/BE.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg); 
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.LU {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/LU.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg); 
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.UR {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/UR.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg); 
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.SZ {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/SZ.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg); 
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.OW {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/OW.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg); 
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.NW {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/NW.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg); 
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.GL {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/GL.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg); 
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.ZG {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/ZG.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg); 
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.FR {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/FR.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg); 
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.SO {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/SO.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg); 
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.BS {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/BS.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg);  
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.BL {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/BL.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg);  
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.SH {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/SH.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg);  
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.AR {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/AR.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg);  
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.AI {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/AI.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg);  
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.SG {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/SG.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg);  
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.GR {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/GR.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg);  
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.AG {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/AG.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg);  
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.TG {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/TG.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg);  
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.TI {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/TI.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg);  
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.VD {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/VD.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg);  
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.VS {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/VS.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg);  
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.NE {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/NE.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg);  
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.GE {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/GE.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg);  
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}

.JU {
  background-image: url(https://viz.bfs.admin.ch/img/flags/cantons/JU.svg), url(https://viz.bfs.admin.ch/img/flags/cadre.svg);  
  background-size: 20px 20px, 22px 22px;
  background-position: 75px center, 74px center;
  background-repeat: no-repeat;
}



/* ---------- Version mobile ---------- */
.buttonRegions.mobile {
    background-color:#ffffff ;
    border: none;
    height: 61px;
    line-height: 28px;  
    width: 100%; 
}

.buttonRegions.mobile text {
    margin-left: 85px;
}

.buttonRegions.mobile:hover {
    background-color: #dc0018;
    color: #ffffff;
}

.buttonRegions.mobile:hover .flag_mobile {
    border: 1px solid white;
    height: 44px;
}

.buttonRegions.mobile.active {
    background-color: #dc0018;
    color: #ffffff;
}

.buttonRegions.mobile.active .flag_mobile {
    border: 1px solid white;
    height: 44px;
}

.flag_mobile {
    height: 44px;
    margin-right: 15px;
    margin-left: 10px;
}

/**  Ajout des SVG  **/
.CH_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/CH.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .ZH_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/ZH.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .BE_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/BE.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .LU_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/LU.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .UR_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/UR.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .SZ_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/SZ.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .OW_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/OW.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .NW_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/NW.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .GL_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/GL.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .ZG_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/ZG.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .FR_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/FR.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .SO_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/SO.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .BS_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/BS.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .BL_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/BL.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .SH_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/SH.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .AR_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/AR.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .AI_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/AI.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .SG_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/SG.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .GR_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/GR.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .AG_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/AG.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .TG_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/TG.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .TI_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/TI.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .VD_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/VD.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .VS_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/VS.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .NE_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/NE.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .GE_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/GE.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }

  .JU_mobile::before {
    content: url(https://viz.bfs.admin.ch/img/flags/cantons/JU.svg); 
    background-size: 10px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
  }