.topBannerInfo{color:#0072ce;display:flex;align-items:center;gap:8px;cursor:pointer}.topBannerInfo .user-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:10px}.topBannerInfo .topBanner__pastille{padding-top:3px;position:absolute;top:0;right:5px;display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:15px;background-color:red;color:#fff;font-size:8px;font-weight:500;border-radius:50%}.popUpUserMenu{display:none;position:absolute;right:0;top:54px;z-index:1000;background-color:#fff;width:560px;padding:0;border-radius:6px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.5);transform-origin:top center}.popUpUserMenu.is-open{display:block;animation:flipInY .6s ease-out}.popUpUserMenu.is-closing{animation:flipOutY .6s ease-in forwards}.popUpUserMenu .userMenu__header{display:flex;align-items:center;gap:10px;background-color:#97d700;padding:12px 0;color:#fff}.popUpUserMenu .userMenu__header .userMenu__avatar{font-size:28px}.popUpUserMenu .userMenu__header .userMenu__name{color:#313131;font-size:16px;font-weight:400}.popUpUserMenu .userMenu__header i{font-size:2.5rem;color:#313131}.popUpUserMenu .bell-icon{display:inline-block;height:20px;width:20px;background-color:#0072ce;-webkit-mask-image:url(../../../img/intranet/center/mon_centre/utilisateur/icons/bell.png);mask-image:url(../../../img/intranet/center/mon_centre/utilisateur/icons/bell.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.popUpUserMenu .user-config-icon{display:inline-block;height:20px;width:20px;background-color:#676666;-webkit-mask-image:url(../../../img/intranet/center/mon_centre/utilisateur/icons/user-config.png);mask-image:url(../../../img/intranet/center/mon_centre/utilisateur/icons/user-config.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.popUpUserMenu .disconnect-icon{display:inline-block;height:20px;width:20px;background-color:#ff7676;-webkit-mask-image:url(../../../img/intranet/center/mon_centre/utilisateur/icons/disconnect.png);mask-image:url(../../../img/intranet/center/mon_centre/utilisateur/icons/disconnect.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.popUpUserMenu .userMenu__body{display:flex;padding:0}.popUpUserMenu .userMenu__col{padding:16px;display:flex;flex-direction:column;gap:8px}.popUpUserMenu .userMenu__col--left{width:40%;border-right:1px solid #bbb}.popUpUserMenu .userMenu__col--right{width:60%}.popUpUserMenu .userMenu__colTitle{font-weight:700;font-size:13px;color:#313131;margin-bottom:4px;letter-spacing:.5px}.popUpUserMenu .userMenu__colSubTitle{font-size:14px;font-weight:500;color:#959595;display:flex;align-items:flex-start;gap:10px;margin:0 15px}.popUpUserMenu .userMenu__colSubTitle i{margin-top:2px}.popUpUserMenu .userMenu__link{margin-left:15px;font-weight:400;display:flex;align-items:center;gap:10px;font-size:1.4rem;color:#676666;text-decoration:none;padding:4px 0}.popUpUserMenu .userMenu__link:hover{color:#0072ce}.popUpUserMenu .userMenu__link--logout{color:#ff7676}.popUpUserMenu .userMenu__link--logout:hover{color:#ff4343}.popUpUserMenu .userMenu__link i{width:16px;text-align:center}.popUpUserMenu .userMenu__link .fa.has-badge{position:relative;top:-2px}.popUpUserMenu .userMenu__link .fa.has-badge::after{top:4px;left:-14px;content:"";position:absolute;width:6px;height:6px;background-color:red;border-radius:50%}.popUpUserMenu .userMenu__badge{color:red;font-size:1.2rem;font-weight:400}.popUpUserMenu .userMenu__nouveau{margin-top:8px;background-color:#cee9ff;border:1px solid #0072ce;border-radius:8px;padding:10px 12px}.popUpUserMenu .userMenu__nouveauHeader{display:flex;align-items:center;gap:6px;margin-bottom:6px}.popUpUserMenu .userMenu__nouveauHeader i{color:#0072ce}.popUpUserMenu .userMenu__nouveauTitle{font-weight:700;font-size:13px;color:#0072ce}.popUpUserMenu .userMenu__nouveauBadge{margin-left:auto;background-color:#0072ce;color:#fff;font-size:11px;padding:1px 8px;border-radius:10px}.popUpUserMenu .userMenu__nouveauText{font-size:12px;color:#313131;margin:0}.popUpUserMenu .userMenu__nouveauText a{color:#0072ce;text-decoration:underline}.popUpUserMenu .userMenu__centreActuel{margin-left:30px;line-height:1}.popUpUserMenu .userMenu__centreActuelLink{font-size:13px;font-weight:500;color:#0072ce;text-decoration:none;line-height:1.3}.popUpUserMenu .userMenu__centreLink{margin-left:30px;font-weight:500;display:block;font-size:13px;color:#bbb;text-decoration:none;line-height:1.4;padding:2px 0}.popUpUserMenu .userMenu__centreLink:hover{color:#0072ce}@keyframes flipInY{0%{transform:perspective(400px) rotateY(-90deg);opacity:0}60%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0);opacity:1}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0);opacity:1}40%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(-90deg);opacity:0}}