.regions-map{
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: center !important;
}

.region-carte {
  fill: #1B083E;
  stroke: white;
  stroke-width: 1;
}

.region-carte:hover,
.region-carte-hover {
  fill: #D9650D !important;
}
#carte{
  margin-left: 30px;
}
#carte svg{
  height: 500px;
  max-width: 100% !important;
  width: 500px;
}
#region {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items:normal;
  gap: 0.25em;
  padding-left: 50px;
}

#region a {
  text-decoration: none;
  color: #1B083E;
  margin-bottom: 5px;
  font-size: 1.2rem;
}

#region a:hover {
  color: #D9650D !important;
  text-decoration: underline;
}
#region a::before {
  content: '\2713';
  margin-right: 10px;
}

#suivi-souris {
  display: none;
  color: #D9650D;
  pointer-events: none;
  position: fixed;
  background-color: white;
  padding: 0px 10px;
  border: 1px solid #D9650D;
  border-radius: 30px;
  font-size: 0.75rem;
  font-weight: 600;
}
@media only screen and (max-width: 750px) {
  .regions-map{
    display: inline !important;
  }
  #carte{
    margin-left: 0px !important;
  }
  #carte svg{
    height: 350px !important;
  }
  #region{
    align-items: center !important;
    padding-left: 0px !important;
  }
  #region a{
    margin-top: 5px !important;
  }
}

.region-carte.c1{
  fill: #68b1c2;
}
.region-carte.c2{
  fill: #94ccaf;
}
.region-carte.c3{
  fill: #d6a0ba;
}
.region-carte.c4{
  fill: #f8c478;
}
.region-carte.c5{
  fill: #9fa0be;
}
.region-carte.c6{
  fill: #73ccd4;
}
.region-carte.c7{
  fill: #e9a07f;
}
.region-carte.c8{
  fill: #9386bc;
}
.region-carte.c9{
  fill: #48bca9;
}
.region-carte.c10{
  fill: #9fa0be;
}
.region-carte.c11{
  fill: #9ddaed;
}
.region-carte.c12{
  fill: #cd868e;
}
.region-carte.c13{
  fill: #cd868e;
}