/* cmsms stylesheet: Navigation Simple - Horizontal modified: 03/02/26 19:00:14 */
/******************** MENU HORIZONTAL — VERSION UNINE *********************/

/* Hack IE6 */
* html div#menu_horiz {
  /* hide ie/mac \*/
  height: 1%;
  /* end hide */
}

div#menu_horiz {
  /* Variables locales du composant */
  --menu-bg: #ffffff;
  --menu-border: #7b7b7b26;
  --menu-shadow: 0px 7px 13px -15px rgba(0, 0, 0, 0.5);

  /* Palette UniNE */
  --menu-link: var(--unine-blue, #0000aa);
  --menu-hover-bg: var(--unine-blue, #0000aa);
  --menu-hover-text: #ffffff;
  --menu-active-bg: var(--unine-blue, #0000aa);
  --menu-active-text: #ffffff;
  --menu-current-text: var(--unine-black, #000000);

  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: var(--menu-border);
  box-shadow: var(--menu-shadow);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

  margin: 0;
  padding: 0;
  z-index: 10000;

  background-color: var(--menu-bg);
  width: 100%;
  height: 49px;

  /* Typo UniNE */
  font-family: "Gellix", Arial, sans-serif;
}

div#menu_horiz ul {
  list-style-type: none;
  margin: 0;
  padding-top: 5px;
  padding-left: 10px;
}

div#menu_horiz li {
  float: left;
  list-style: none;
  margin: 0 3px 0 0;
}

div#menu_horiz a,
div#menu_horiz h3 span,
div#menu_horiz .sectionheader span {
  display: block;
  margin: 0;
  padding: 10px 15px 10px 0;

  text-decoration: none;
  color: var(--menu-link);

  font-family: "Gellix", Arial, sans-serif;
  font-size: 0.8em !important;
  font-weight: 600;
  text-transform: uppercase;
}

/* Hover */
div#menu_horiz li a:hover {
  background-color: var(--menu-hover-bg);
  color: var(--menu-hover-text);
}

div#menu_horiz a span {
  padding-left: 15px;
}

div#menu_horiz li.parent a span {
  padding-left: 20px;
  background: url(https://ofrom.unine.ch/uploads/ngrey/active.gif) no-repeat 0.3em center;
}

div#menu_horiz li.parent a:hover span {
  padding-left: 20px;
  background: url(https://ofrom.unine.ch/uploads/ngrey/parent.gif) no-repeat 0.3em center;
}

div#menu_horiz li.menuactive a span {
  padding-left: 15px;
  background-color: transparent;
  color: var(--menu-active-text);
}

div#menu_horiz li.currentpage h3 span {
  padding-left: 12px;
  background: url(https://ofrom.unine.ch/uploads/ngrey/nav.png) repeat-x left 0px;
  color: var(--menu-current-text);
}

div#menu_horiz .sectionheader span {
  padding-left: 15px;
}

/* Parent actif */
div#menu_horiz li.menuactive,
div#menu_horiz li.menuactive a:hover {
  background-color: var(--menu-active-bg);
  color: var(--menu-active-text);
}