@media screen and (min-width: 968px) {
  .et_pb_menu .et-menu > li {
    position: relative;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .et_pb_menu__menu > nav > ul > li {
    border: 1px solid rgba(0,0,0,0);
    border-radius: 50px;
  }
  .et_pb_menu__menu > nav > ul > li a {
    padding-top: 8px;
    padding-right: 2px;
    padding-bottom: 8px;
    padding-left: 2px;
  }
  .et_pb_menu__menu > nav > ul > li:hover {
    /* border: 2px solid var(--volpe-blue); */
    border: 1px solid var(--volpe-orange);
  }

  /* Page active → bleu */
  .et_pb_menu__menu > nav > ul > li.current-menu-item {
    /* background-color: var(--volpe-orange); */
    border: 1px solid white;
    color: white !important;
  }
  .et_pb_menu__menu > nav > ul > li.current-menu-item:hover {
    border: 1px solid white;
  }
  .et-menu a:hover {
    opacity: 1 !important;
  }
}

/* === Header : dégradé entre le fond et le contenu === */
.head_section {
  position: relative;
  overflow: hidden;
}

.head_section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  /* background: linear-gradient(90deg, rgba(28, 35, 64, 0.65) 0%, rgba(28, 35, 64, 0.8) 35%, rgba(28, 35, 64, 0.4) 65%, rgba(28, 35, 64, 0) 100%); */
  background: linear-gradient(90deg, rgba(15, 19, 34, 0.65) 0%, rgba(15, 19, 34, 0.8) 35%, rgba(15, 19, 34, 0.4) 65%, rgba(15, 19, 34, 0) 100%);
}

.head_section > .et_pb_row {
  position: relative;
  z-index: 2;
}


@media (max-width: 767px) {
  .head_section::before {
    /* background: linear-gradient(180deg, rgba(28, 35, 64, 0.65) 0%, rgba(28, 35, 64, 0.75) 60%, rgba(28, 35, 64, 0.55) 100%); */
    background: linear-gradient(180deg, rgba(15, 19, 34, 0.65) 0%, rgba(15, 19, 34, 0.75) 60%, rgba(15, 19, 34, 0.55) 100%);
  }
}