@font-face {
  font-family: "quicksand";
  src: url("../font/quicksand/Quicksand_Light_Oblique.otf");
  font-weight: light;
  font-style: italic;
}
@font-face {
  font-family: "quicksand";
  src: url("../font/quicksand/Quicksand_Light.otf");
  font-weight: light;
}
@font-face {
  font-family: "quicksand";
  src: url("../font/quicksand/Quicksand_Bold_Oblique.otf");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "quicksand";
  src: url("../font/quicksand/Quicksand_Bold.otf");
  font-weight: bold;
}
@font-face {
  font-family: "quicksand";
  src: url("../font/quicksand/Quicksand_Book_Oblique.otf");
  font-style: italic;
}
@font-face {
  font-family: "quicksand";
  src: url("../font/quicksand/Quicksand_Book.otf");
}
/* Permet de masquer un élément de l'interface en lui attribuant cette classe */
.ac-hidden {
  display: none;
}
/*** TopBar customisée (pas de préfixes ac- puisqu'on ne veut pas remplacer les styles standars non plus ***/
.topbar-wrapper {
  font-family: quicksand;
}
.topbar-wrapper .topbar .topbar-inner {
  background: #3C3C3B;
  height: 100%;
  padding-left: 0;
}
.topbar-wrapper .topbar .topbar-inner .topbar-left {
  flex: 1;
  height: 100%;
}
/* Logo */
.topbar-wrapper .topbar .topbar-inner .topbar-left a.topbar-item.topbar-logo {
  background: #C51A1B;
  border-radius: 0;
  padding: 5px 40px;
  height: 100%;
}
.topbar-wrapper .topbar .topbar-inner .topbar-left a.topbar-item.topbar-logo img {
  max-height: 54px;
}
/* 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: #b2b2b1;
}
.topbar-wrapper .topbar .topbar-inner .topbar-left .topbar-item > a:hover,
.topbar-wrapper .topbar .topbar-inner .topbar-left a.topbar-item:hover {
  color: #FFFFFF;
}
/* Environnement */
.topbar-wrapper .topbar .topbar-inner .topbar-left .ac-environment {
  font-family: sans-serif;
  font-size: 25px;
  font-weight: bold;
  color: #FF9400;
  padding: 5px;
}
/* SearchBar */
.topbar-wrapper .topbar .topbar-inner .PortletSearch {
  width: auto;
}
.topbar-wrapper .topbar .topbar-inner .PortletSearch .topbar-item.topbar-search-wrapper {
  position: relative;
  margin-left: 0;
  left: 0;
  top: 0;
  transform: none;
}
.topbar-wrapper .topbar .topbar-inner .PortletSearch .topbar-item.topbar-search-wrapper .search-container .topbar-search-query {
  background-color: #666666;
  color: #FFFFFF;
}
.topbar-wrapper .topbar .topbar-inner .PortletSearch .topbar-item.topbar-search-wrapper .search-container .btn-topbar-search {
  background-color: #666666;
}
.topbar-wrapper .topbar .topbar-inner .PortletSearch .topbar-item.topbar-search-wrapper .search-container .btn-topbar-search .topbar-search {
  color: #DDDDDD;
}
.topbar-wrapper .topbar .topbar-inner .topbar-right {
  flex: 1;
  justify-content: right;
}
/* Icones de droite */
.topbar-wrapper .topbar .topbar-inner .topbar-right .topbar-item span.jalios-icon {
  color: #b2b2b1;
  vertical-align: baseline;
}
.topbar-wrapper .topbar .topbar-inner .topbar-right .ac-btn-annuaire {
  flex-grow: 1;
}
.topbar-wrapper .topbar .topbar-inner .topbar-right .ac-btn-annuaire > a {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("../img/Header/ac-annuaire.png?v=1.4.0-SNAPSHOT");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 0px 5px;
}
/*** NAVIGATION ***/
.topbar-wrapper .topbar-navigation-menu-wrapper {
  height: 64px;
  transform: translateY(0px);
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu {
  width: 100%;
  height: 100%;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li {
  height: 100%;
  border-right: 1px solid #DDDDDD;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li:last-of-type {
  border: none;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a {
  height: 100%;
  padding: 42px 20px 5px 20px;
  margin-right: 0px;
  line-height: 1em;
  text-transform: uppercase;
  color: #666666;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a::before,
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a::after {
  content: "";
  display: block;
  width: 100%;
  height: 42px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  will-change: unset;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -webkit-transition: all 400ms ease-in;
  -o-transition: all 400ms ease-in;
  transition: all 400ms ease-in;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a::after {
  opacity: 0;
  background-color: transparent;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a:hover {
  color: #C51A1B;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a:hover::before {
  opacity: 0;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li a:hover::after {
  opacity: 1;
  background-color: transparent;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.active a {
  color: #C51A1B;
  border-bottom: 3px solid #C51A1B;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.active a::before {
  opacity: 0;
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.active a::after {
  opacity: 1;
}
/*********************** Gestion de CHAQUE icone en fonction de l'ordre ***********************/
/*** Et gestion de la position aussi car background-position calcule mal -> on utilise left ***/
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.ac-accueil a::before {
  background-image: url("../img/Header/Menu/ac-accueil.png?v=1.4.0-SNAPSHOT");
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.ac-accueil a::after {
  background-image: url("../img/Header/Menu/ac-accueil-red.png?v=1.4.0-SNAPSHOT");
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.ac-l-entreprise a::before {
  background-image: url("../img/Header/Menu/ac-entreprise.png?v=1.4.0-SNAPSHOT");
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.ac-l-entreprise a::after {
  background-image: url("../img/Header/Menu/ac-entreprise-red.png?v=1.4.0-SNAPSHOT");
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.ac-nos-metiers a::before {
  background-image: url("../img/Header/Menu/ac-nos-metiers.png?v=1.4.0-SNAPSHOT");
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.ac-nos-metiers a::after {
  background-image: url("../img/Header/Menu/ac-nos-metiers-red.png?v=1.4.0-SNAPSHOT");
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.ac-vie-pratique a::before {
  background-image: url("../img/Header/Menu/ac-vie-pratique.png?v=1.4.0-SNAPSHOT");
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.ac-vie-pratique a::after {
  background-image: url("../img/Header/Menu/ac-vie-pratique-red.png?v=1.4.0-SNAPSHOT");
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.ac-documentation a::before {
  background-image: url("../img/Header/Menu/ac-documentation.png?v=1.4.0-SNAPSHOT");
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.ac-documentation a::after {
  background-image: url("../img/Header/Menu/ac-documentation-red.png?v=1.4.0-SNAPSHOT");
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.ac-espaces-collaboratifs a::before {
  background-image: url("../img/Header/Menu/ac-espaces-collab.png?v=1.4.0-SNAPSHOT");
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.ac-espaces-collaboratifs a::after {
  background-image: url("../img/Header/Menu/ac-espaces-collab-red.png?v=1.4.0-SNAPSHOT");
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.ac-aide a::before {
  background-image: url("../img/Header/Menu/ac-aide.png?v=1.4.0-SNAPSHOT");
}
.topbar-wrapper .topbar-navigation-menu-wrapper .topbar-navigation-menu ul.topbar-navigation-menu-items > li.ac-aide a::after {
  background-image: url("../img/Header/Menu/ac-aide-red.png?v=1.4.0-SNAPSHOT");
}
.topbar-placeholder.is-expanded {
  height: 128px;
}
/*# sourceMappingURL=ac-topbar.css.map */