Template:France/styles.css

.france-nav.simple-navbox {
  background: linear-gradient(to right, #0055A4, #0055A4 33.4%, #fcfcfc 33.4%, #fcfcfc 66.6%,#EF4135 66.6%, #EF4135);
  box-shadow:inset 0px 0px 6px rgba(0,0,0,0.1);
}
.france-nav.simple-navbox .simple-header.NavHead {
    background: none;
}
.france-nav.simple-navbox .simple-header.NavHead a,
.france-nav.simple-navbox .simple-header.NavHead .navbar {
    color: #fff;
}
.france-nav table {
    border-spacing: 0;
    border-collapse: collapse;
}
.france-nav table.simple-group-container tbody {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.france-nav tbody .simple-group-row {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    padding: 0.8em;
}

.france-nav tbody .simple-group-row:nth-of-type(3n-5),
.france-nav tbody .simple-group-row:nth-of-type(3n-5) a {
  color: #fff;
}
.france-nav tbody .simple-group-row:nth-of-type(3n-4),
.france-nav tbody .simple-group-row:nth-of-type(3n-4) a {
  color: #000;
}
.france-nav tbody .simple-group-row:nth-of-type(3n),
.france-nav tbody .simple-group-row:nth-of-type(3n) a {
  color: #fff;
}

.france-nav .simple-group {
    width: auto;
    padding: 0;
    text-align: center;
}
.france-nav .simple-group:after {
    content: '';
}
.france-nav .simple-group-row .simple-list {
    border-bottom: 0 !important;
    text-align: center;
}

@media screen and (max-width:958px) {
  .france-nav .simple-navcontent {
      background: rgba(255,255,2550,0.8)
  }
  .france-nav table.simple-group-container tbody {
      display: flex;
      flex-flow: column nowrap;
  }
  .france-nav tbody .simple-group-row {
      color: #111 !important;
  }
  .france-nav tbody .simple-group-row a:not(.new) {
      color: #0645ad !important;
  }
}