@font-face {
  font-family: "quicksand";
  src: url("../font/quicksand/Quicksand-Light.ttf");
  font-weight: 200;
}
@font-face {
  font-family: "quicksand";
  src: url("../font/quicksand/Quicksand-Bold.ttf");
  font-weight: bold;
}
@font-face {
  font-family: "quicksand";
  src: url("../font/quicksand/Quicksand-Medium.ttf");
  font-weight: 600;
}
@font-face {
  font-family: "quicksand";
  src: url("../font/quicksand/Quicksand-Regular.ttf");
  font-weight: normal;
}
@font-face {
  font-family: "worthwhile";
  src: url("../font/worthwhile/Worthwhile.otf");
  font-weight: normal;
}
@font-face {
  font-family: "ibmPlex";
  src: url("../font/ibmPlex/IBMPlexSerif-Regular.ttf");
  font-weight: normal;
}
/* Permet de masquer un élément de l'interface en lui attribuant cette classe */
.naos-hidden {
  display: none;
}
/* Ajustements divers qu'on veut sur certaines pages */
.jalios-icon.search {
  max-height: 1em;
}
.panel {
  box-shadow: none !important;
}
/* Ecran tablette et inférieur */
@media only screen and (max-width: 992px) {
  /* PAGE DOCUMENTATION */
  .Portlet .explorer ul.nav.navbar-nav:not(.navbar-form) {
    display: none;
  }
  /* Composant drag n drop */
  .Portlet .explorer .ex-main .panel-body .ex-drop-zone {
    display: none;
  }
  /* Suppression des colonnes Panier, Download et Status */
  .Portlet .explorer .ex-main .panel-body .table-responsive table thead th:nth-last-child(-n+3) {
    display: none;
  }
  .Portlet .explorer .ex-main .panel-body .table-responsive table tbody td:nth-last-child(-n+3) {
    display: none;
  }
}
.topbar-search-results-dummy .search-global {
  top: 90px !important;
}
.topbar-wrapper {
  font-family: quicksand;
}
.topbar-wrapper .topbar {
  height: 90px;
}
.topbar-wrapper .topbar .topbar-inner {
  background: #FFFFFF;
  height: 100%;
  padding-left: 0;
}
.topbar-wrapper .topbar .topbar-inner .topbar-left {
  height: 100%;
  padding: 16px;
}
/* Logo */
.topbar-wrapper .topbar .topbar-inner .topbar-left a.topbar-item.topbar-logo {
  height: 200%;
  min-width: 32px;
  font-size: unset;
}
.topbar-wrapper .topbar .topbar-inner .topbar-left a.topbar-item.topbar-logo img {
  max-width: 100%;
  max-height: 100%;
}
/* Liste des espaces */
.topbar-wrapper .topbar .topbar-inner .topbar-left .topbar-item > a,
.topbar-wrapper .topbar .topbar-inner .topbar-left a.topbar-item,
.topbar-wrapper .topbar .topbar-inner .topbar-left .ctx-caret::after {
  color: #002939;
}
.topbar-wrapper .topbar .topbar-inner .topbar-left .topbar-item > a:hover,
.topbar-wrapper .topbar .topbar-inner .topbar-left a.topbar-item:hover {
  color: #00455E;
}
/* Environnement */
.topbar-wrapper .topbar .topbar-inner .topbar-left .naos-environment {
  font-family: sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #E9580C;
  padding: 0 5px;
  margin: 0 5px;
  border-radius: 6px;
}
/* SearchBar */
.topbar-wrapper .topbar .topbar-inner .Outter.PortletSearch {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.topbar-wrapper .topbar .topbar-inner .Outter.PortletSearch .Portlet.Outter.PortletSearch {
  width: calc(100% - 54px);/* 32px + 20px de marges autour de l icone annuaire */
}
.topbar-wrapper .topbar .topbar-inner .Outter.PortletSearch .topbar-item.topbar-search-wrapper {
  width: 100%;
  margin: auto;
  position: unset;
  transform: none;
}
.topbar-wrapper .topbar .topbar-inner .Outter.PortletSearch .topbar-item.topbar-search-wrapper .search-container {
  position: relative;
  z-index: 1040;
}
.topbar-wrapper .topbar .topbar-inner .Outter.PortletSearch .topbar-item.topbar-search-wrapper .search-container .topbar-search-query {
  height: 48px;
  border-bottom: 1px solid #BCBCBC;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  box-shadow: none;
}
.topbar-wrapper .topbar .topbar-inner .Outter.PortletSearch .topbar-item.topbar-search-wrapper .search-container .topbar-search-query:hover,
.topbar-wrapper .topbar .topbar-inner .Outter.PortletSearch .topbar-item.topbar-search-wrapper .search-container .topbar-search-query:focus {
  background-color: #FFFFFF;
}
.topbar-wrapper .topbar .topbar-inner .Outter.PortletSearch .topbar-item.topbar-search-wrapper .search-container .topbar-search-query:focus + .btn,
.topbar-wrapper .topbar .topbar-inner .Outter.PortletSearch .topbar-item.topbar-search-wrapper .search-container .topbar-search-query + .btn:hover {
  background-color: #DADADA;
}
.topbar-wrapper .topbar .topbar-inner .Outter.PortletSearch .topbar-item.topbar-search-wrapper .search-container .topbar-search-query {
  font-size: 3rem;
}
.topbar-wrapper .topbar .topbar-inner .Outter.PortletSearch .topbar-item.topbar-search-wrapper .search-container .btn.btn-topbar-search {
  height: 40px;
  width: 40px;
  padding: 8px;
}
.topbar-wrapper .topbar .topbar-inner .Outter.PortletSearch .topbar-item.topbar-search-wrapper .search-container .btn.btn-topbar-search .jalios-icon {
  height: 36px;
}
.topbar-wrapper .topbar .topbar-inner .topbar-right .topbar-item {
  padding: 0;
}
.topbar-wrapper .topbar .topbar-inner .topbar-right .topbar-item::before {
  width: 50px;
  height: 50px;
}
.topbar-wrapper .topbar .topbar-inner .topbar-right .topbar-item img.jalios-icon {
  height: 48px;
}
.topbar-wrapper .topbar .topbar-inner .topbar-right .topbar-item span.jalios-icon {
  color: #002939;
  vertical-align: baseline;
}
/*** NAVIGATION ***/
.topbar-wrapper .topbar-navigation-menu-wrapper {
  height: 45px;
  transform: translateY(45px);
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-pull {
  bottom: -22px;
  fill: #002939;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-pull .topbar-pull-shape {
  fill: #002939;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-pull .topbar-pull-handle {
  fill: #FFFFFF;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu {
  width: 100%;
  height: 100%;
  background-color: #002939;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li {
  height: 100%;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a,
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a:focus {
  height: 100%;
  padding: 0 20px;
  margin-right: 0px;
  color: #FFFFFF;
  line-height: 45px;
  background-color: transparent;
  border-radius: 0;
  transition: all 400ms ease-in;
  font-size: 26px;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a:focus:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a:active:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a:focus:active:hover {
  color: #000000;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a:hover:after,
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a:focus:hover:after,
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a:active:hover:after,
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a:focus:active:hover:after {
  opacity: 0;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.active > a {
  border-bottom: none;
  color: #000000;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li ul.dropdown-menu > li a {
  color: #878787;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(2) a:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(2) a:focus:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(2) a:active:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(2) a:focus:active:hover {
  background-color: #D23F52;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(2).active > a {
  background-color: #D23F52;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(3) a:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(3) a:focus:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(3) a:active:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(3) a:focus:active:hover {
  background-color: #F2A988;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(3).active > a {
  background-color: #F2A988;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(4) a:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(4) a:focus:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(4) a:active:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(4) a:focus:active:hover {
  background-color: #FFE147;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(4).active > a {
  background-color: #FFE147;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(5) a:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(5) a:focus:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(5) a:active:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(5) a:focus:active:hover {
  background-color: #F09B0D;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(5).active > a {
  background-color: #F09B0D;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(6) a:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(6) a:focus:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(6) a:active:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(6) a:focus:active:hover {
  background-color: #e16d30;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(6).active > a {
  background-color: #e16d30;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(7) a:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(7) a:focus:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(7) a:active:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(7) a:focus:active:hover {
  background-color: #7CB2A0;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(7).active > a {
  background-color: #7CB2A0;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(8) a:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(9) a:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(8) a:focus:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(9) a:focus:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(8) a:active:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(9) a:active:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(8) a:focus:active:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(9) a:focus:active:hover {
  background-color: #E30061;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(8).active > a,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(9).active > a {
  background-color: #E30061;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(9) a:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(9) a:focus:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(9) a:active:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(9) a:focus:active:hover {
  background-color: #198D9F;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(9).active > a {
  background-color: #198D9F;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(10) a:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(10) a:focus:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(10) a:active:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(10) a:focus:active:hover {
  background-color: #e16d30;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(10).active > a {
  background-color: #e16d30;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(11) a:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(11) a:focus:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(11) a:active:hover,
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(11) a:focus:active:hover {
  background-color: #198D9F;
}
.topbar-wrapper .topbar-navigation-menu-wrapper ul.topbar-navigation-menu-items > li:not(.dropdown):nth-of-type(11).active > a {
  background-color: #198D9F;
}
.topbar-wrapper .topbar-navigation-menu-wrapper.is-expanded {
  transform: translateY(90px);
}
.topbar-placeholder {
  height: 90px;
}
.topbar-placeholder.is-expanded {
  height: 135px;
}
/* RESPONSIVE */
@media only screen and (max-width: 767px) {
  /* TOPBAR */
  .topbar .naos-environment,
  .topbar .topbar-admin-menu,
  .topbar .topbar-publish-menu {
    display: none;
  }
  .topbar .topbar-member-menu {
    display: none;
  }
  .topbar .naos-directory-btn-mobile {
    display: block;
    width: 34px;
    height: 50px;
    background-image: url("../img/naos-directory.png?v=1.18");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0px 10px;
  }
  .topbar .topbar-inner .topbar-right .topbar-item-wrapper.topbar-application-menu .dropdown-menu.dropdown-menu-right:after,
  .topbar .topbar-inner .topbar-right .topbar-item-wrapper.topbar-application-menu .dropdown-menu.dropdown-menu-right:before {
    right: 146px;
  }
  .topbar .topbar-inner .topbar-right .topbar-item-wrapper.topbar-item-alert-menu .topbar-alert-menu.dropdown {
    position: static;
  }
  .topbar .topbar-inner .topbar-right .topbar-item-wrapper.topbar-item-alert-menu .topbar-alert-menu.dropdown .dropdown-menu.dropdown-menu-right:before,
  .topbar .topbar-inner .topbar-right .topbar-item-wrapper.topbar-item-alert-menu .topbar-alert-menu.dropdown .dropdown-menu.dropdown-menu-right:after {
    right: 91px;
  }
  .topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a:hover,
  .topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a:focus:hover,
  .topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a:active:hover,
  .topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a:focus:active:hover {
    color: #FFFFFF;
  }
  .topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.active > a {
    border-bottom: none;
    color: #FFFFFF;
  }
}
@media only screen and (max-width: 992px) {
  .topbar-inner .topbar-right .topbar-item-wrapper {
    position: static;
  }
  .topbar-inner .topbar-right .topbar-item-wrapper.topbar-application-menu .dropdown-menu.dropdown-menu-right:after,
  .topbar-inner .topbar-right .topbar-item-wrapper.topbar-application-menu .dropdown-menu.dropdown-menu-right:before {
    right: 202px;
  }
  .topbar-inner .topbar-right .topbar-item-wrapper.topbar-item-alert-menu .topbar-alert-menu.dropdown {
    position: static;
  }
  .topbar-inner .topbar-right .topbar-item-wrapper.topbar-item-alert-menu .topbar-alert-menu.dropdown .dropdown-menu.dropdown-menu-right:before,
  .topbar-inner .topbar-right .topbar-item-wrapper.topbar-item-alert-menu .topbar-alert-menu.dropdown .dropdown-menu.dropdown-menu-right:after {
    right: 91px;
  }
  .topbar-inner .topbar-right .topbar-item-wrapper.topbar-admin-menu.dropdown.topbar-item-wrapper {
    position: static;
  }
  .topbar-inner .topbar-right .topbar-item-wrapper.topbar-admin-menu.dropdown.topbar-item-wrapper .dropdown-menu.dropdown-menu-right:before,
  .topbar-inner .topbar-right .topbar-item-wrapper.topbar-admin-menu.dropdown.topbar-item-wrapper .dropdown-menu.dropdown-menu-right:after {
    right: 258px;
  }
  .topbar-inner .topbar-right .topbar-item-wrapper.topbar-publish-menu .dropdown-menu.dropdown-menu-right:before,
  .topbar-inner .topbar-right .topbar-item-wrapper.topbar-publish-menu .dropdown-menu.dropdown-menu-right:after {
    right: 146px;
  }
  .topbar-inner .topbar-right .topbar-item-wrapper .dropdown-menu.dropdown-menu-right {
    max-width: 100vw;
  }
}
/*# sourceMappingURL=naos-topbar.css.map */