@keyframes popin {
  0% {
    transform: translateY(-50%) translateX(-100%);
  }
  70% {
    transform: translateY(-50%) translateX(-100%);
  }
  100% {
    transform: translateY(-50%) translateX(0);
  }
}
@keyframes popin-off {
  0% {
    transform: translateY(-50%) translateX(0);
  }
  100% {
    transform: translateY(-50%) translateX(-100%);
  }
}
/* CSS Document */
#menu {
  position: relative;
  z-index: 100;
  margin: 15px 0 0 -30px;
  /* NIVEAU 1 */
  /* NIVEAU 2 */
  /* NIVEAU 3 */
}
@media (max-width: 991px) {
  #menu {
    display: none;
  }
}
#menu li {
  list-style: none;
}
#menu a.sous_menu {
  padding: 8px 0;
  display: block;
  border-top: none;
  color: #6d6c6a;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
  z-index: 101;
  position: relative;
  border-bottom: dotted 1px #6d6c6a;
}
#menu a.sous_menu:hover {
  font-weight: bold;
}
#menu .niveau1 a.en_tete {
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  color: #323d89;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #menu .niveau1 a.en_tete {
    font-size: 15px;
  }
}
#menu .niveau1 li.en_tete {
  display: inline;
  float: left;
}
#menu .niveau1 li.en_tete .sp-small-green-leaf {
  display: none;
}
#menu .niveau1 li.en_tete:hover .sp-small-green-leaf, #menu .niveau1 li.selected .sp-small-green-leaf {
  display: inline-block;
}
#menu .niveau1 #menu_logos {
  display: inline;
}
#menu .niveau2 {
  position: absolute;
  top: -9999em;
  z-index: 200;
  background: #fff;
}
#menu .niveau2 li, #menu .niveau2 li.first {
  z-index: 10;
  margin: 0;
  padding: 0 9px;
  background: none;
  clear: left;
  min-width: 150px;
}
#menu .niveau2 li:last-child > a
{
  border-bottom : none;
}

#menu .niveau3
{
  display    : inline-block;
  position   : absolute;
  top        : -9999em;
  z-index    : 11;
  background : #fff;
}

#menu .toggle-infobulle
{
  position : relative;
}

#menu .toggle-infobulle .infobulle
{
  top       : 100%;
  left      : 50%;
  transform : translateX(-50%);
}

#menu .toggle-infobulle:hover .infobulle
{
  display : block;
}

/* AUTRES */
#menu li:hover .niveau2, #menu .sfhover .niveau2
{
  top         : auto;
  min-height  : 0; /* corrige un bug IE7 */
  margin-left : -2px;
}

#menu .niveau3 li:hover .niveau2 li.active
{
  background : #b3b3c0;
}

#menu .niveau2 li:hover .niveau3, #menu .niveau2 .sfhover .niveau3 {
  top: auto;
  margin: -34px 0 0 159px;
}

#menu .niveau2 li:hover .niveau3.marge {
  margin-left: 234px;
}

#menu .inverse .niveau2 li:hover .niveau3, #menu .inverse .niveau2 .sfhover .niveau3 {
  top: auto;
  margin: -49px 0 0 -50%;
}

#menu .niveau1 .niveau2 .niveau3 {
  position: absolute;
  top: -9999em;
}

/* RESPONSIVE */
#header.open_responsive_menu {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  z-index: 9999;
  background-color: #fff;
}
#header.open_responsive_menu #menu {
  display: block;
  margin-top: 160px;
  text-align: center;
  /* NIVEAU 1 */
  /* NIVEAU 2 */
  /* NIVEAU 3 */
}
@media (max-width: 767px) {
  #header.open_responsive_menu #menu {
    margin-top: 60px;
  }
}
#header.open_responsive_menu #menu a.sous_menu {
  padding: 2px 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  border-bottom: none;
}
#header.open_responsive_menu #menu .niveau1 a.en_tete {
  font-size: 22px;
}
#header.open_responsive_menu #menu .niveau1 li.en_tete {
  display: block;
  float: initial;
  padding: 10px 0;
  border-bottom: 1px solid #323d89;
}
#header.open_responsive_menu #menu .niveau1 #menu_logos {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}
#header.open_responsive_menu #menu .niveau1 #menu_logos .sp-career-logo, #header.open_responsive_menu #menu .niveau1 #menu_logos .sp-y-pareo-logo, #header.open_responsive_menu #menu .niveau1 #menu_logos .sp-campus-logo {
  position: initial;
  padding-bottom: 5px;
}
#header.open_responsive_menu #menu .niveau2 {
  display: none;
  position: initial;
}
#header.open_responsive_menu #menu .niveau2 li a {
  border-bottom: 1px dotted #6d6c6a;
}
#header.open_responsive_menu #menu .niveau2 li:last-child > a {
  border-bottom: none;
}
#header.open_responsive_menu #menu .niveau2 li a:hover {
  color: #323d89;
}
#header.open_responsive_menu #menu .niveau3 {
  display: none;
  position: initial;
  margin: 0;
}
#header.open_responsive_menu #menu .niveau3 a.sous_menu {
  font-weight: normal;
  border-bottom: 1px dotted #6d6c6a;
}
#header.open_responsive_menu #menu .niveau3 li:last-child a.sous_menu {
  border-bottom: none;
}
#header.open_responsive_menu #menu .niveau3.marge {
  margin-left: 0;
}
#header.open_responsive_menu #menu li:hover .niveau2, #header.open_responsive_menu #menu .niveau2 li:hover .niveau3 {
  display: block;
}
#header.open_responsive_menu #action_buttons, #header.open_responsive_menu .sp-open-responsive-menu {
  display: none;
}
#header.open_responsive_menu .sp-close-responsive-menu {
  display: block;
}

/*# sourceMappingURL=menu.css.map */