.topbar {
  height: var(--topbar-height, 64px);
}
.topbar .topbar-inner {
  height: var(--topbar-height, 64px);
}
.topbar .topbar-item > a.topbar-logo img,
.topbar a.topbar-item > a.topbar-logo img,
.topbar .topbar-item.topbar-logo img,
.topbar a.topbar-item.topbar-logo img {
  max-height: 4rem;
}
.topbar .topbar-item.topbar-search-wrapper {
  background: white;
}
.topbar .topbar-item.topbar-search-wrapper .topbar-search-query {
  height: 50px;
  border: 0;
  background: rgba(91, 94, 113, 0.05);
  border-radius: 8px 8px 0 0;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 110%;
  color: #746258;
  border-bottom: 1px solid #746258;
}
.topbar .topbar-item.topbar-search-wrapper .topbar-search-query::placeholder {
  color: #746258;
  opacity: 1;
}
.topbar .topbar-item.topbar-search-wrapper .topbar-search-query:focus + .btn {
  background: none;
}
.topbar .topbar-item.topbar-search-wrapper .btn-topbar-search {
  background: none;
  top: 50%;
  transform: translateY(-50%);
}
.topbar .topbar-item.topbar-search-wrapper .btn-topbar-search .jalios-icon::before {
  content: url("../../EolasCharte/images/topbar/ico-search.png");
}
.topbar .topbar-item > a,
.topbar a.topbar-item {
  color: #746258;
}
.topbar .topbar-item > a:hover,
.topbar a.topbar-item:hover {
  color: #746258;
}
.topbar .jmail-auth-failure a.topbar-item,
.topbar .topbar-item-jmail-menu.is-provider-not-authenticated #topbar-jmail-menu-opener {
  color: #746258;
}
.topbar-placeholder {
  flex-shrink: 0;
  height: var(--topbar-height, 64px);
}
.search-global {
  top: 85px !important;
}
.jportal-wrapper.is-jsp-displayed > .container-fluid {
  padding: 0;
}
.jportal-wrapper.is-jsp-displayed > .container-fluid .selection-body {
  margin-top: 0;
  margin-bottom: 0;
}
.jportal-wrapper .selection-body {
  margin: 0;
}
.jportal-wrapper .row:not(.jportal-row) {
  margin-left: -15px;
  margin-right: -15px;
}
.wrapper-navigation {
  z-index: 10;
}
@media (max-width: 792px) {
  .PortletQueryForeach .selection-body {
    padding-right: 0;
  }
}
@media screen and (max-width: 792px) {
  nav.topbar .topbar-item.topbar-search-wrapper {
    display: none;
  }
  nav.topbar .topbar-item > a,
  nav.topbar a.topbar-item {
    padding-left: .8rem;
    padding-right: .8rem;
  }
  nav.topbar .dropdown.open > .topbar-item {
    position: relative;
  }
  nav.topbar .dropdown.open > .topbar-item::before {
    content: "";
    bottom: -.3rem;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 1.2rem 1.2rem 1.2rem;
    border-color: transparent transparent rgba(0, 0, 0, 0.15) transparent;
  }
  nav.topbar .dropdown.open > .topbar-item::after {
    content: '';
    bottom: -.4rem;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 1.2rem 1.2rem 1.2rem;
    border-color: transparent transparent #E8e8e8 transparent;
    z-index: 1061;
  }
  nav.topbar .topbar-menu.dropdown-menu::before,
  nav.topbar .topbar-menu.dropdown-menu::after {
    content: none;
  }
  nav.topbar .topbar-item-wrapper,
  nav.topbar .topbar-alert-menu {
    position: static;
  }
  nav.topbar .dropdown-menu,
  nav.topbar .topbar-menu.dropdown-menu.topbar-default-menu {
    width: 100%;
  }
  .site-sidebar.sidebar-tabbed {
    width: 100%;
  }
  .webchat-sidebar.sidebar-tabbed {
    width: 100%;
  }
  .app {
    display: block;
  }
  .app .app-sidebar,
  .app .app-main {
    display: block;
    width: 100%;
  }
  .app .app .app-sidebar {
    display: block;
  }
  .app .app-main .app-header {
    padding-top: 2rem;
  }
  .app.app-sidebar {
    padding-top: 2rem;
  }
  .app.app-sidebar .app-sidebar-icon {
    display: none;
  }
}
@media screen and (max-width: 1022px) {
  .topbar .topbar-search-wrapper {
    width: 100%;
  }
  .container.main-menu {
    width: 100%;
    margin-top: -0.4rem;
  }
  .sidebar-pull-wrapper {
    position: absolute;
    width: 18px;
    height: 56px;
    cursor: pointer;
    top: 60px;
    left: 0;
    z-index: 10000;
  }
  .app .app-sidebar {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1000;
    bottom: 0;
    top: 64px;
    transition: transform 200ms ease-in;
    overflow: auto;
  }
  .app .app-sidebar.is-sidebar-opened {
    display: block;
    transform: translateX(0);
    overflow: auto;
  }
  .app.is-sidebar-folded .app-sidebar {
    transform: translateX(-100%);
  }
}
.app .app-header > H1 .js-toggle-sidebar {
  color: #3C3838;
}
/*# sourceMappingURL=surchargeNoyau.css.map */