@charset "UTF-8";
/* Constantes */
:root {
  --CdsColorActionNeutralInactive: $CdsColorActionNeutralInactive; }

/*=============================================>>>>>
= /!\ WARNING /!\ = /!\ ATTENTION /!\    
===============================================>>>>>*/
/**
  * WARNING : DO NOT MODIFY CSS THIS FILE
  *
  * CSS GENERATED WITH SCSS !
  *
  * DO NOT MODIFY CSS THIS FILE
  *
  * MODIFY ONLY CORRESPONDING SCSS FILE !!!
  *
  * ATTENTION : NE PAS MODIFIER CE FICHIER CSS
  *
  * CSS GÉNÉRÉ AVEC DE L' SCSS
  *
  * NE PAS MODIFIER CE FICHIER CSS
  *
  * MODIFIER UNIQUEMENT FICHIER SCSS CORRESPONDANT !!!
  *
  *
  *
  *
  * WARNING : DO NOT MODIFY CSS THIS FILE
  *
  * CSS GENERATED WITH SCSS !
  *
  * DO NOT MODIFY CSS THIS FILE
  *
  * MODIFY ONLY CORRESPONDING SCSS FILE !!!
  *
  * ATTENTION : NE PAS MODIFIER CE FICHIER CSS
  *
  * CSS GÉNÉRÉ AVEC DE L' SCSS
  *
  * NE PAS MODIFIER CE FICHIER CSS
  *
  * MODIFIER UNIQUEMENT FICHIER SCSS CORRESPONDANT !!!
  *
  */
/*= End of /!\ WARNING /!\ = /!\ ATTENTION /!\    */
/*=============================================<<<<<*/
/* Constantes */
:root {
  --CdsColorActionNeutralInactive: $CdsColorActionNeutralInactive; }

/* CSS Document */
* {
  margin: 0;
  padding: 0; }

body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif; }

a {
  outline: none;
  cursor: pointer; }

a img {
  border: none; }

/*=============================================>>>>>
= Cursors =
===============================================>>>>>*/
nav#parts-buttons {
  /* PARTS BUTTONS */
  display: inline-block;
  width: auto; }
  nav#parts-buttons ul {
    height: 100%;
    margin: 0 auto;
    display: flex; }
    nav#parts-buttons ul > li span {
      position: relative;
      left: -3px; }
    nav#parts-buttons ul > li.my-amb span {
      left: 3px; }
  nav#parts-buttons li {
    list-style-type: none;
    max-width: 200px;
    position: relative;
    /* FAVORIS */ }
    nav#parts-buttons li a {
      width: auto;
      padding: 0px 25px;
      height: 64px;
      color: #002C52A3;
      font-family: "Poppins", "Helvetica", "Arial", sans-serif !important;
      font-size: 16px;
      font-weight: 600;
      white-space: nowrap;
      background-repeat: no-repeat;
      text-align: center;
      background-position: 2% top;
      text-transform: uppercase;
      height: 100%;
      line-height: 55px; }
      nav#parts-buttons li a span {
        padding: 0px 10px 0px 0px; }
    nav#parts-buttons li:hover a {
      background-position: 2% bottom; }
    nav#parts-buttons li.active a {
      background-position: 2% bottom;
      color: #0046FE;
      text-decoration: none; }
    nav#parts-buttons li.my-amb.active, nav#parts-buttons li.my-amb:hover {
      color: #0046FE;
      border-bottom: #0046FE 2px solid; }
    nav#parts-buttons li.my-amb:hover,
    nav#parts-buttons li.my-amb a span[class*="icon-"] {
      font-size: 22px;
      color: #ffffff; }
    nav#parts-buttons li.factory.active, nav#parts-buttons li.factory:hover {
      border-bottom: #0046FE 2px solid; }
    nav#parts-buttons li.factory a span[class*="icon-"] {
      font-size: 22px;
      color: #ffffff; }
    nav#parts-buttons li.treasury.active, nav#parts-buttons li.treasury:hover {
      color: #002C52A3;
      border-bottom: #0046FE 2px solid; }
    nav#parts-buttons li.treasury span[class*="icon-"] {
      font-size: 22px;
      color: #ffffff; }
    nav#parts-buttons li.charts.active, nav#parts-buttons li.charts:hover {
      color: #002C52A3;
      border-bottom: #0046FE 2px solid; }
    nav#parts-buttons li.charts span[class*="icon-"] {
      font-size: 20px; }
    nav#parts-buttons li.connect.active, nav#parts-buttons li.connect:hover {
      color: #002C52A3;
      border-bottom: #0046FE 2px solid; }
    nav#parts-buttons li.connect span[class*="icon-"] {
      font-size: 28px;
      position: relative;
      top: 6px; }
    nav#parts-buttons li.btn-favoris {
      display: none;
      width: 26px;
      height: 42px;
      background-image: url(../img/13/buttons/btn-favoris.png?v=14.1.0);
      background-repeat: no-repeat;
      margin: 0 5px;
      background-position: top center; }
      nav#parts-buttons li.btn-favoris a {
        padding: 0 !important; }
      nav#parts-buttons li.btn-favoris.active {
        background-position: bottom center; }
  nav#parts-buttons .factory > a {
    cursor: default; }
  nav#parts-buttons .treasury > a {
    cursor: default; }
  nav#parts-buttons .charts > a {
    cursor: default; }
  nav#parts-buttons .connect > a {
    cursor: default; }

/*= End of Cursors =*/
/*=============================================<<<<<*/
/*=============================================>>>>>
= Fonts only =
===============================================>>>>>*/
nav#parts-buttons li a,
.menu-ul li.btn-menu a.btn,
.menu-ul li.btn-menu ul.box-menu li span,
.menu-ul li.btn-menu.bienvenue a.btn,
.menu-ul.charts li.btn-menu a.btn-link {
  font-family: "Poppins", "Helvetica", "Arial", sans-serif; }

.menu-ul li.btn-menu ul.box-menu li ul.sMenu li a {
  font-family: EmbeddedArimo, sans-serif; }

/*= End of Fonts only =*/
/*=============================================<<<<<*/
/* /////////////////////////////////// */
/* /////// ELEMENTS RECURRENTS /////// */
/* /////////////////////////////////// */
#parts-buttons span[class^="icon-"] {
  position: relative;
  top: 3px; }

/* CLASS global */
.global {
  float: left;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0px;
  transition: all 0.25s linear;
  background-color: #43424a; }

.global2 {
  float: left;
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin: 0px !important;
  transition: all 0.25s linear; }

/* APP BUTTONS */
#app-buttons {
  height: 100%;
  font-size: 12px;
  white-space: nowrap;
  margin-right: 25px;
  max-height: 55px;
  box-sizing: border-box;
  padding: 7.5px 0;
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  margin-left: auto;
  /* ////// BOUTONS RECURRENTS ////// */
  /* LINKEDIN */
  /* VIADEO */ }
  #app-buttons .linkedin {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px; }
    #app-buttons .linkedin img {
      padding: 0; }
  #app-buttons .tooltip_linkedin {
    z-index: 1000;
    display: none;
    position: absolute;
    margin: 24px 0 0 -128px;
    width: 283px;
    height: 40px;
    background-image: url(../img/13/bg-infobulle-linkedin.png?v=14.1.0);
    background-repeat: no-repeat;
    font-size: 11px;
    text-align: center;
    line-height: 40px;
    color: #303030; }
  #app-buttons .viadeo {
    float: left;
    display: block;
    color: white;
    width: 30px;
    height: 19px;
    background-image: url(../img/13/icons/ico-viadeo.gif?v=14.1.0);
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    text-decoration: none; }
  #app-buttons .tooltip_viadeo {
    z-index: 1000;
    display: none;
    position: absolute;
    margin: 24px 0 0 -128px;
    width: 283px;
    height: 40px;
    background-image: url(../img/13/bg-infobulle-viadeo.png?v=14.1.0);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    font-size: 11px;
    text-align: center;
    line-height: 40px;
    color: #303030; }
  #app-buttons .alerte .icon-alerte {
    font-size: 50px;
    margin: 0 -12px; }
  #app-buttons .alerte.has-badge {
    position: relative; }
    #app-buttons .alerte.has-badge::after {
      content: attr(data-badge);
      color: white;
      background-color: #0046FE;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      position: absolute;
      top: 2px;
      right: -6px;
      display: flex;
      align-items: center;
      justify-content: center; }
  #app-buttons .online-help {
    display: inline-flex;
    color: white;
    text-decoration: none; }
  #app-buttons .online-help.active {
    color: #444;
    height: 39px;
    line-height: 40px; }
  #app-buttons .online-help span {
    display: block;
    background-repeat: no-repeat;
    background-position: right center; }
  #app-buttons .quit {
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    color: #333333;
    background-size: 17px 17px;
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding-left: 15px;
    text-decoration: none; }
  #app-buttons .contact {
    float: left;
    display: block;
    color: white;
    width: auto;
    height: 20px;
    background-image: url(../img/13/ico-contact.png?v=14.1.0);
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 0 10px 0 25px;
    margin-left: 10px;
    text-decoration: none;
    border-right: 1px solid white; }
  #app-buttons .telecharger .icon-telecharger-fichier:before {
    font-size: 25px;
    margin: 0 6px 0 12px; }
  #app-buttons .telecharger.has-badge {
    position: relative; }
    #app-buttons .telecharger.has-badge::after {
      content: attr(data-badge);
      color: white;
      background-color: #0046FE;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      position: absolute;
      top: -10px;
      right: -6px;
      display: flex;
      align-items: center;
      justify-content: center; }
  #app-buttons .icon-amb-admin:before {
    position: relative;
    top: -1px; }
  #app-buttons .icon-deconnection:before {
    position: relative;
    left: -2px; }
  #app-buttons .menu-aide {
    display: none;
    z-index: 1000;
    position: absolute;
    margin: 0 0 0 -50px;
    top: 40px;
    list-style-type: none;
    background-color: white;
    border-left: 1px solid #818181;
    border-right: 1px solid #818181;
    border-bottom: 1px solid #818181; }
    #app-buttons .menu-aide li {
      min-height: 30px;
      line-height: 30px; }
      #app-buttons .menu-aide li a {
        display: block;
        width: auto;
        height: 30px;
        padding: 0 20px 0 35px;
        color: #444; }
        #app-buttons .menu-aide li a.help {
          background-image: url(../img/13/ico-online_help.png?v=14.1.0);
          background-repeat: no-repeat;
          background-position: 6% center; }
        #app-buttons .menu-aide li a.user-guide {
          background-image: url(../img/13/ico-aide-guide.png?v=14.1.0);
          background-repeat: no-repeat;
          background-position: 6% center; }
        #app-buttons .menu-aide li a.btn-assist-user {
          border-top: 1px solid #CDCDCD;
          border-bottom: 1px solid #CDCDCD;
          padding: 0;
          text-align: center;
          background-color: #DADADA;
          background-image: url(../img/13/triangle-gris-aide-bas.png?v=14.1.0);
          background-repeat: repeat-x;
          background-position: center center; }
        #app-buttons .menu-aide li a:hover {
          background-color: #EEE; }
      #app-buttons .menu-aide li ul {
        display: block;
        list-style-type: none;
        background-color: #EEE;
        width: 100%; }
        #app-buttons .menu-aide li ul li {
          padding: 0; }
          #app-buttons .menu-aide li ul li a {
            padding-right: 0; }
            #app-buttons .menu-aide li ul li a.btn-assist-user {
              background-image: url(../img/13/triangle-gris-aide-bas.png?v=14.1.0);
              background-repeat: no-repeat;
              background-position: 97% center; }
            #app-buttons .menu-aide li ul li a.assist-contact {
              background-image: url(../img/13/ico-aide-contact.png?v=14.1.0);
              background-repeat: no-repeat;
              background-position: 4% center; }
            #app-buttons .menu-aide li ul li a.assist-tel {
              background-image: url(../img/13/ico-aide-tel.png?v=14.1.0);
              background-repeat: no-repeat;
              background-position: 6% center; }

.icon-amb-admin {
  cursor: pointer; }

#pop-in-aide-widget {
  width: 370px;
  margin-top: -45px;
  left: 220px;
  display: inline-block;
  border-radius: 10px 10px 10px 10px;
  box-shadow: -5px -4px 8px 3px rgba(160, 160, 160, 0.15);
  background-color: #fff !important;
  z-index: 1000 !important;
  position: absolute;
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transform: scale(0.8);
  opacity: 0;
  visibility: hidden; }
  #pop-in-aide-widget.visible {
    transform: scale(1);
    opacity: 1;
    visibility: visible; }
  #pop-in-aide-widget::after {
    content: "";
    position: absolute;
    top: 13%;
    left: -15px;
    transform: translateY(-70%) rotate(270deg);
    border-width: 0 12px 15px;
    border-style: solid;
    border-color: #ffffff transparent;
    display: block;
    width: 0; }
  #pop-in-aide-widget ul li {
    padding: 15px 15px;
    font-size: 14px;
    line-height: 20px;
    list-style-type: none; }
    #pop-in-aide-widget ul li.assistance-line, #pop-in-aide-widget ul li.info-site-line {
      padding: 15px 0px 0px 0px; }
      #pop-in-aide-widget ul li.assistance-line .aide-txt, #pop-in-aide-widget ul li.info-site-line .aide-txt {
        padding: 3px 0px 10px 75px;
        height: 20px; }
    #pop-in-aide-widget ul li.contact-line, #pop-in-aide-widget ul li.mention-legale-line {
      padding: 15px 0px; }
      #pop-in-aide-widget ul li.contact-line #aide-icon, #pop-in-aide-widget ul li.mention-legale-line #aide-icon {
        height: 0px;
        width: 20px;
        padding-bottom: 5px;
        padding-left: 15px; }
      #pop-in-aide-widget ul li.contact-line .aide-txt, #pop-in-aide-widget ul li.mention-legale-line .aide-txt {
        padding: 3px 0px 10px 60px;
        height: 20px; }
    #pop-in-aide-widget ul li.telephone-line, #pop-in-aide-widget ul li.access-num-line {
      padding: 15px 0px 0px 0px; }
      #pop-in-aide-widget ul li.telephone-line #aide-icon, #pop-in-aide-widget ul li.access-num-line #aide-icon {
        height: 0px;
        width: 20px;
        padding-bottom: 5px;
        padding-left: 15px; }
      #pop-in-aide-widget ul li.telephone-line .aide-txt, #pop-in-aide-widget ul li.access-num-line .aide-txt {
        padding: 3px 0px 10px 60px;
        height: 20px;
        color: #002C52; }
        #pop-in-aide-widget ul li.telephone-line .aide-txt:hover, #pop-in-aide-widget ul li.access-num-line .aide-txt:hover {
          color: #0046FE; }
  #pop-in-aide-widget #user-guide {
    padding: 3px 0px 10px 45px;
    height: 20px; }

#pop-in-aide-widget ul .item-parent {
  padding: 15px 0px; }

#pop-in-aide-widget ul .h_line {
  border-bottom: 1px solid #002C5233; }

#pop-in-aide-widget ul .item {
  padding: 0px;
  height: 40px; }
  #pop-in-aide-widget ul .item .item-icon {
    width: 20px;
    position: absolute;
    padding-left: 25px; }
  #pop-in-aide-widget ul .item .aide-txt {
    padding: 8px 0px 10px 60px; }
  #pop-in-aide-widget ul .item .info-site {
    display: block; }

#pop-in-aide {
  width: 366px;
  margin-top: 10px;
  right: 64px;
  display: inline-block;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.15);
  background-color: #fff !important;
  z-index: 1000 !important;
  position: absolute;
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transform: scale(0.8);
  opacity: 0;
  visibility: hidden; }
  #pop-in-aide.visible {
    transform: scale(1);
    opacity: 1;
    visibility: visible; }
  #pop-in-aide::after {
    content: "";
    position: absolute;
    top: -15px;
    right: 50px;
    bottom: auto;
    left: auto;
    border-width: 0 15px 15px;
    border-style: solid;
    border-color: #ffffff transparent;
    display: block;
    width: 0; }
  #pop-in-aide ul li {
    padding: 15px 15px;
    font-size: 14px;
    line-height: 20px;
    list-style-type: none; }
    #pop-in-aide ul li.aide-line {
      border-bottom: 1px solid #002C5233; }
      #pop-in-aide ul li.aide-line #aide-icon {
        height: 0px;
        width: 20px;
        padding-bottom: 5px; }
      #pop-in-aide ul li.aide-line .aide-txt {
        text-decoration: underline;
        padding: 3px 0px 10px 45px;
        height: 20px; }
    #pop-in-aide ul li.assistance-line, #pop-in-aide ul li.info-site-line {
      padding: 15px 0px 0px 0px; }
      #pop-in-aide ul li.assistance-line .aide-txt, #pop-in-aide ul li.info-site-line .aide-txt {
        padding: 3px 0px 10px 75px;
        height: 20px; }
    #pop-in-aide ul li.contact-line, #pop-in-aide ul li.mention-legale-line {
      padding: 15px 0px; }
      #pop-in-aide ul li.contact-line #aide-icon, #pop-in-aide ul li.mention-legale-line #aide-icon {
        height: 0px;
        width: 20px;
        padding-bottom: 5px;
        padding-left: 15px; }
      #pop-in-aide ul li.contact-line .aide-txt, #pop-in-aide ul li.mention-legale-line .aide-txt {
        padding: 3px 0px 10px 60px;
        height: 20px; }
    #pop-in-aide ul li.telephone-line, #pop-in-aide ul li.access-num-line {
      padding: 15px 0px 0px 0px; }
      #pop-in-aide ul li.telephone-line #aide-icon, #pop-in-aide ul li.access-num-line #aide-icon {
        height: 0px;
        width: 20px;
        padding-bottom: 5px;
        padding-left: 15px; }
      #pop-in-aide ul li.telephone-line .aide-txt, #pop-in-aide ul li.access-num-line .aide-txt {
        padding: 3px 0px 10px 60px;
        height: 20px;
        color: #002C52; }
        #pop-in-aide ul li.telephone-line .aide-txt:hover, #pop-in-aide ul li.access-num-line .aide-txt:hover {
          color: #0046FE; }
  #pop-in-aide #user-guide {
    padding: 3px 0px 10px 45px;
    height: 20px; }

#pop-in-aide ul .item-parent {
  padding: 15px 0px; }

#pop-in-aide ul .h_line {
  border-bottom: 1px solid #002C5233; }

#pop-in-aide ul .item {
  padding: 0px;
  height: 40px; }
  #pop-in-aide ul .item .item-icon {
    width: 20px;
    position: absolute;
    padding-left: 25px; }
  #pop-in-aide ul .item .aide-txt {
    padding: 8px 0px 10px 60px; }
  #pop-in-aide ul .item .info-site {
    display: block; }

#pop-in-user {
  min-width: 300px;
  margin-top: 10px;
  right: 50px;
  display: inline-block;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 2px 2px 8px 3px rgba(160, 160, 160, 0.15);
  background-color: #fff !important;
  z-index: 1000 !important;
  position: absolute;
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transform: scale(0.8);
  opacity: 0;
  visibility: hidden;
  padding-bottom: 25px; }
  #pop-in-user.visible {
    transform: scale(1);
    opacity: 1;
    visibility: visible; }
  #pop-in-user::after {
    content: "";
    position: absolute;
    top: -15px;
    right: 23px;
    bottom: auto;
    left: auto;
    border-width: 0 15px 15px;
    border-style: solid;
    border-color: #ffffff transparent;
    display: block;
    width: 0; }
  #pop-in-user ul li {
    padding: 10px 15px 30px 0px;
    font-size: 14px;
    line-height: 20px;
    list-style-type: none;
    /* Pop-in-app-buttons-line utilisé sur les li dans pop-in-user ou dans pop-in-aide dans la barre de navigation  */ }
    #pop-in-user ul li.aide-line {
      border-bottom: 1px solid #002C5233;
      padding-bottom: 40px; }
      #pop-in-user ul li.aide-line #aide-icon {
        height: 0px;
        width: 20px;
        padding: 10px 10px 0px 10px; }
      #pop-in-user ul li.aide-line .aide-txt {
        padding: 0px 0px 10px 60px;
        height: 20px;
        cursor: default !important; }
        #pop-in-user ul li.aide-line .aide-txt:hover {
          text-decoration: none !important; }
      #pop-in-user ul li.aide-line .help:hover {
        color: #4D4D4D; }
    #pop-in-user ul li.pop-in-app-buttons-line {
      padding: 10px 0px 20px 8px;
      height: 10px; }
      #pop-in-user ul li.pop-in-app-buttons-line .aide-txt {
        padding: 3px 0px 10px 50px;
        height: 20px; }
        #pop-in-user ul li.pop-in-app-buttons-line .aide-txt a {
          width: 100%;
          display: block;
          font-family: "Roboto", "Helvetica", "Arial", sans-serif;
          font-size: 14px; }
      #pop-in-user ul li.pop-in-app-buttons-line #aide-icon {
        height: 0px;
        width: 20px;
        padding-bottom: 5px; }
  #pop-in-user #user-guide {
    padding: 3px 0px 10px 45px;
    height: 20px; }

.abonne {
  color: #002C52A3;
  white-space: nowrap; }

.company {
  color: #002C52; }

.nom_utilisateur {
  color: #002C52; }

.assistance, .info-site {
  color: #002C52A3;
  padding-left: 60px !important; }

@media screen and (min-width: 1300px) {
  header#BarreNavigation #sMenu_guides {
    margin-left: 139px; } }

/* LOGO */
#logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 265px;
  height: 55px !important;
  background: white;
  background-repeat: repeat-y;
  text-align: center;
  transition: all 0.25s linear;
  background-size: contain; }
  #logo img {
    transition: all 0.25s linear;
    cursor: default;
    max-height: 100%; }
  #logo .welcome {
    font-size: 11px;
    height: 28px;
    color: #777; }

#logo-bottom {
  background-image: url(../img/13/bg-logo_bottom.png?v=14.1.0);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain; }
  #logo-bottom .btn-logo-bottom {
    display: block;
    height: 20px;
    width: 100%;
    background-image: url(../img/13/triangle-orange-bas.png?v=14.1.0);
    background-repeat: no-repeat;
    background-position: top center; }
    #logo-bottom .btn-logo-bottom.opened {
      background-position: bottom center; }

/*=============================================>>>>>
= Botline replacement =
===============================================>>>>>*/
nav#parts-buttons li > a:before,
.menu-ul li > a:before {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  background: #FFFFFF;
  left: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center; }

nav#parts-buttons li:hover > a:before,
.menu-ul li:hover > a:before,
.charts li:hover > a:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

li.btn-menu.bienvenue:hover a.btn:before,
.my-amb .menu-ul li:hover > a.displayed:before {
  content: none; }

li.btn-menu.bienvenue a.btn.displayed:hover {
  cursor: default; }

li.btn-menu.bienvenue .box-menu {
  visibility: hidden;
  display: none; }

li.btn-menu.bienvenue .btn {
  cursor: default !important; }

/*= End of Botline replacement =*/
/*=============================================<<<<<*/
/* MENU */
nav#menu {
  display: table;
  width: 100%;
  margin-top: 0px;
  border-bottom: 1px solid #002C5233;
  /* MENU FAVORIS */ }
  nav#menu .favorisMenu {
    display: none;
    z-index: 50;
    position: absolute;
    width: 75%;
    height: 75px;
    margin: 0 auto 0 12.5%;
    background-color: white;
    border: 2px solid #818181; }

.menu-ul {
  float: left;
  display: none;
  width: auto;
  margin: 0 0 0 0px;
  /* Modification for TCD */ }
  .menu-ul.my-amb {
    float: none;
    margin: 0px;
    background-color: white;
    color: #ffffff; }
  .menu-ul.factory {
    float: none;
    margin: 0px;
    background-color: white;
    color: #ffffff;
    padding-left: 240px; }
    .menu-ul.factory a.btn.active {
      background-position: 98% bottom; }
    .menu-ul.factory .parametrage a.btn span {
      background-position: left 0; }
    .menu-ul.factory .parametrage a.btn.active span {
      background-position: left bottom; }
    .menu-ul.factory li.btn-menu ul.box-menu li ul.sMenu li a:hover {
      color: #0046FE; }
  .menu-ul.treasury {
    box-sizing: border-box;
    float: none;
    margin: 0px;
    background-color: white;
    color: #ffffff;
    padding-left: 500px;
    width: 100%; }
    .menu-ul.treasury li.btn-menu a {
      background-position: 98% -30px; }
    .menu-ul.treasury li.btn-menu ul.box-menu li ul.sMenu li a:hover {
      color: #0046FE; }
    .menu-ul.treasury a.btn.active {
      background-position: 98% bottom; }
    .menu-ul.treasury .parametrage a.btn span {
      background-position: left -30px; }
    .menu-ul.treasury .parametrage a.btn.active span {
      background-position: left bottom; }
  .menu-ul.charts {
    float: none;
    padding: 0 0 0 550px;
    background-color: white;
    color: #ffffff; }
    .menu-ul.charts li.btn-menu a {
      background-position: 98% -90px; }
      .menu-ul.charts li.btn-menu a.btn-link {
        display: block;
        position: relative;
        text-decoration: none;
        width: auto;
        text-transform: uppercase;
        color: #002C52A3;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        margin: 0 10px 0 10px;
        padding: 0 20px 0 20px; }
        .menu-ul.charts li.btn-menu a.btn-link:hover {
          color: #0046FE; }
      .menu-ul.charts li.btn-menu a.btn.active {
        background-position: 98% bottom;
        border-bottom: 2px solid #0046FE; }
        .menu-ul.charts li.btn-menu a.btn.active span {
          background-position: left bottom; }
      .menu-ul.charts li.btn-menu a.btn span {
        background-position: left -90px; }
    .menu-ul.charts li.btn-menu ul.box-menu li ul.sMenu li a:hover {
      color: #0046FE; }
  .menu-ul.connect {
    float: none;
    background-color: white;
    padding: 0 0 0 780px;
    color: #ffffff; }
    .menu-ul.connect li.btn-menu a {
      background-position: 98% -60px; }
    .menu-ul.connect li.btn-menu ul.box-menu li ul.sMenu li a:hover {
      color: #0046FE; }
    .menu-ul.connect a.btn.active {
      background-position: 98% bottom; }
    .menu-ul.connect a.btn span {
      background-position: left -60px; }
  .menu-ul li.btn-menu {
    display: table-cell;
    list-style-type: none;
    white-space: nowrap; }
    .menu-ul li.btn-menu a.btn.displayed::after,
    .menu-ul li.btn-menu a.btn-link.displayed::after {
      content: '';
      position: absolute;
      bottom: 0%;
      left: 50%;
      transform: translateX(-50%);
      width: 0px;
      height: 0px;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 7px solid white; }
    .menu-ul li.btn-menu.bienvenue {
      display: inline-block;
      width: 100%;
      text-align: center; }
      .menu-ul li.btn-menu.bienvenue a.btn {
        display: block;
        text-decoration: none;
        height: 40px;
        line-height: 40px;
        text-transform: none !important;
        color: #002C52A3;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
        font-size: 14px;
        font-weight: 500; }
      .menu-ul li.btn-menu.bienvenue a.btn:hover {
        color: #002C52A3;
        text-decoration: none; }
    .menu-ul li.btn-menu a.btn {
      display: block;
      position: relative;
      text-decoration: none;
      margin-left: 0px;
      height: 40px;
      line-height: 40px;
      text-transform: uppercase !important;
      padding: 0 20px 0 20px;
      color: #002C52A3;
      font-family: "Poppins", "Helvetica", "Arial", sans-serif;
      font-size: 14px;
      font-weight: 600;
      box-sizing: border-box;
      cursor: pointer; }
      .menu-ul li.btn-menu a.btn.important, .menu-ul li.btn-menu a.btn.clickMode {
        cursor: pointer !important; }
      .menu-ul li.btn-menu a.btn:hover {
        color: #0046FE; }
    .menu-ul li.btn-menu a.btn.active {
      color: #0046FE;
      border-bottom: 2px solid #0046FE; }
    .menu-ul li.btn-menu ul.box-menu {
      float: left;
      display: none;
      position: absolute;
      background-color: white;
      width: calc(100% - 180px);
      height: auto;
      padding: 10px;
      z-index: 1100;
      left: 0px;
      width: 100%;
      box-sizing: border-box;
      padding: 40px calc(8% - 10px);
      flex-wrap: wrap;
      margin-top: 1px;
      box-shadow: #001D360D 0px 16px 24px 2px, #001D361F 0px 6px 30px 5px, #001D361F 0px 8px 10px -5px; }
      .menu-ul li.btn-menu ul.box-menu li {
        float: left;
        display: block;
        list-style-type: none;
        white-space: nowrap;
        width: calc(100% / 4); }
        .menu-ul li.btn-menu ul.box-menu li span {
          font-family: "Poppins", "Helvetica", "Arial", sans-serif !important;
          color: #002C52;
          font-size: 13px;
          font-weight: 600;
          display: block;
          height: 20px;
          line-height: 20px;
          text-align: left;
          width: 100%;
          margin: 0 0 10px 0px; }
        .menu-ul li.btn-menu ul.box-menu li ul.sMenu {
          float: left;
          display: block !important;
          height: auto;
          width: auto;
          margin: 0 15px 10px 15px; }
          .menu-ul li.btn-menu ul.box-menu li ul.sMenu li {
            float: none !important;
            width: auto !important; }
            .menu-ul li.btn-menu ul.box-menu li ul.sMenu li a {
              display: block;
              color: #002C52;
              font-family: "Roboto", "Helvetica", "Arial", sans-serif;
              font-size: 14px;
              height: 30px;
              width: auto;
              text-decoration: none;
              line-height: 20px;
              padding: 0 0 0 20px; }
  .menu-ul li .clickMode a {
    cursor: default !important; }
  .menu-ul .parametrage {
    background-repeat: no-repeat;
    background-position: left center; }
    .menu-ul .parametrage a {
      background-position: top right;
      text-transform: none !important; }
      .menu-ul .parametrage a span {
        float: none;
        display: block;
        background-repeat: no-repeat;
        background-position: left top; }

.li-parameters {
  background-repeat: no-repeat;
  background-position: left top;
  color: #777; }
  .li-parameters .menu-ul li a {
    text-transform: none !important;
    text-transform: uppercase; }

/* ///// ELEMENTS DE MISE EN PAGE //////*/
.txt-welcome {
  font-size: 13px;
  color: #c1c1c1;
  line-height: 20px; }

.user-logged {
  font-size: 13px;
  color: white;
  line-height: 20px; }

/* ///// Highlight third level menus ///// */
.factory .highlight {
  color: #0046FE !important; }

.treasury .highlight {
  color: #0046FE !important; }

.charts .highlight {
  color: #0046FE !important; }

.connect .highlight {
  color: #0046FE !important; }

/* ///// RESPONSIVE //////*/
/* @media screen and (min-width: 1225px) and (max-width: 1340px) { */
@media screen and (min-width: 1300px) and (max-width: 1630px) {
  .menu-ul li.btn-menu ul.box-menu li {
    width: calc(100% / 3); } }

@media screen and (max-width: 1365px) {
  nav#parts-buttons li a {
    padding: 0 20px; } }

@media screen and (max-width: 1320px) {
  nav#parts-buttons li a {
    padding: 0 15px; } }

/* @media screen and (min-width: 100px) and (max-width: 1224px) { */
@media screen and (min-width: 100px) and (max-width: 1299px) {
  .menu-ul li.btn-menu ul.box-menu li {
    width: calc(100% / 2); }
  header#BarreNavigation #app-buttons {
    padding-right: 0px; }
    header#BarreNavigation #app-buttons div {
      display: inline-flex; } }

nav#parts-buttons li.factory a span:nth-of-type(2) {
  padding: 0; }

nav#parts-buttons li.treasury a span:nth-of-type(2) {
  padding: 0; }

nav#parts-buttons li.connect a span:nth-of-type(2) {
  padding: 0; }

nav#parts-buttons li.charts a span:nth-of-type(2) {
  padding: 0; }

@media screen and (min-width: 100px) and (max-width: 1280px) {
  nav#parts-buttons li a span:nth-of-type(2) {
    display: none; } }

@media screen and (min-width: 100px) and (max-width: 1280px) {
  nav#parts-buttons li a {
    padding: 0 25px; }
  nav#parts-buttons li.my-amb a span[class*="icon-"] {
    padding: 0px;
    position: relative;
    left: -1px; }
  nav#parts-buttons span[class^="icon-"] {
    left: 4px; }
  .menu-ul.factory {
    padding-left: 70px; }
  .menu-ul.treasury {
    padding-left: 300px; }
  .menu-ul.charts {
    padding-left: 280px; }
  .menu-ul.connect {
    padding-left: 320px; } }

header#BarreNavigation {
  width: 100%;
  user-select: none;
  /* TOP */
  /* LOGGED */
  /* APP BUTTONS */ }
  header#BarreNavigation #top {
    width: 100%;
    height: 64px;
    /*Modded*/
    height: 55px;
    max-height: 55px; }
    header#BarreNavigation #top .nav-level1-container {
      display: flex;
      position: relative;
      width: 100%;
      height: auto;
      max-height: 100%;
      margin: 0 auto;
      padding: 0px;
      transition: all 0.25s linear;
      border-bottom: #002C5233 1px solid;
      background-color: white; }
  header#BarreNavigation #logged {
    float: left;
    width: auto;
    height: 30px; }
  header#BarreNavigation #app-buttons {
    height: 100%;
    font-size: 12px;
    white-space: nowrap;
    margin-right: 25px;
    max-height: 55px;
    box-sizing: border-box;
    padding: 7.5px 0;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    margin-left: auto;
    /* ////// BOUTONS RECURRENTS ////// */
    /* LINKEDIN */
    /* VIADEO */ }
    header#BarreNavigation #app-buttons .linkedin {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 8px; }
      header#BarreNavigation #app-buttons .linkedin img {
        padding: 0; }
    header#BarreNavigation #app-buttons .tooltip_linkedin {
      z-index: 1000;
      display: none;
      position: absolute;
      margin: 24px 0 0 -128px;
      width: 283px;
      height: 40px;
      background-image: url(../img/13/bg-infobulle-linkedin.png?v=14.1.0);
      background-repeat: no-repeat;
      font-size: 11px;
      text-align: center;
      line-height: 40px;
      color: #303030; }
    header#BarreNavigation #app-buttons .viadeo {
      float: left;
      display: block;
      color: white;
      width: 30px;
      height: 19px;
      background-image: url(../img/13/icons/ico-viadeo.gif?v=14.1.0);
      background-repeat: no-repeat;
      background-position: left center;
      line-height: 20px;
      padding: 0 0 0 0;
      margin: 0 0 0 0;
      text-decoration: none; }
    header#BarreNavigation #app-buttons .tooltip_viadeo {
      z-index: 1000;
      display: none;
      position: absolute;
      margin: 24px 0 0 -128px;
      width: 283px;
      height: 40px;
      background-image: url(../img/13/bg-infobulle-viadeo.png?v=14.1.0);
      background-repeat: no-repeat;
      background-repeat: no-repeat;
      font-size: 11px;
      text-align: center;
      line-height: 40px;
      color: #303030; }
    header#BarreNavigation #app-buttons .alerte .icon-alerte {
      font-size: 50px;
      margin: 0 -12px; }
    header#BarreNavigation #app-buttons .alerte.has-badge {
      position: relative; }
      header#BarreNavigation #app-buttons .alerte.has-badge::after {
        content: attr(data-badge);
        color: white;
        background-color: #0046FE;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        position: absolute;
        top: 2px;
        right: -6px;
        display: flex;
        align-items: center;
        justify-content: center; }
    header#BarreNavigation #app-buttons .online-help {
      display: inline-flex;
      color: white;
      text-decoration: none; }
    header#BarreNavigation #app-buttons .online-help.active {
      color: #444;
      height: 39px;
      line-height: 40px; }
    header#BarreNavigation #app-buttons .online-help span {
      display: block;
      background-repeat: no-repeat;
      background-position: right center; }
    header#BarreNavigation #app-buttons .quit {
      float: left;
      display: block;
      width: 20px;
      height: 20px;
      margin-left: 10px;
      color: #333333;
      background-size: 17px 17px;
      background-repeat: no-repeat;
      background-position: left center;
      line-height: 20px;
      padding-left: 15px;
      text-decoration: none; }
    header#BarreNavigation #app-buttons .contact {
      float: left;
      display: block;
      color: white;
      width: auto;
      height: 20px;
      background-image: url(../img/13/ico-contact.png?v=14.1.0);
      background-repeat: no-repeat;
      background-position: left center;
      line-height: 20px;
      padding: 0 10px 0 25px;
      margin-left: 10px;
      text-decoration: none;
      border-right: 1px solid white; }
    header#BarreNavigation #app-buttons .telecharger .icon-telecharger-fichier:before {
      font-size: 25px;
      margin: 0 6px 0 12px; }
    header#BarreNavigation #app-buttons .telecharger.has-badge {
      position: relative; }
      header#BarreNavigation #app-buttons .telecharger.has-badge::after {
        content: attr(data-badge);
        color: white;
        background-color: #0046FE;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        position: absolute;
        top: -10px;
        right: -6px;
        display: flex;
        align-items: center;
        justify-content: center; }
    header#BarreNavigation #app-buttons .icon-amb-admin:before {
      position: relative;
      top: -1px; }
    header#BarreNavigation #app-buttons .icon-deconnection:before {
      position: relative;
      left: -2px; }
    header#BarreNavigation #app-buttons .menu-aide {
      display: none;
      z-index: 1000;
      position: absolute;
      margin: 0 0 0 -50px;
      top: 40px;
      list-style-type: none;
      background-color: white;
      border-left: 1px solid #818181;
      border-right: 1px solid #818181;
      border-bottom: 1px solid #818181; }
      header#BarreNavigation #app-buttons .menu-aide li {
        min-height: 30px;
        line-height: 30px; }
        header#BarreNavigation #app-buttons .menu-aide li a {
          display: block;
          width: auto;
          height: 30px;
          padding: 0 20px 0 35px;
          color: #444; }
          header#BarreNavigation #app-buttons .menu-aide li a.help {
            background-image: url(../img/13/ico-online_help.png?v=14.1.0);
            background-repeat: no-repeat;
            background-position: 6% center; }
          header#BarreNavigation #app-buttons .menu-aide li a.user-guide {
            background-image: url(../img/13/ico-aide-guide.png?v=14.1.0);
            background-repeat: no-repeat;
            background-position: 6% center; }
          header#BarreNavigation #app-buttons .menu-aide li a.btn-assist-user {
            border-top: 1px solid #CDCDCD;
            border-bottom: 1px solid #CDCDCD;
            padding: 0;
            text-align: center;
            background-color: #DADADA;
            background-image: url(../img/13/triangle-gris-aide-bas.png?v=14.1.0);
            background-repeat: repeat-x;
            background-position: center center; }
          header#BarreNavigation #app-buttons .menu-aide li a:hover {
            background-color: #EEE; }
        header#BarreNavigation #app-buttons .menu-aide li ul {
          display: block;
          list-style-type: none;
          background-color: #EEE;
          width: 100%; }
          header#BarreNavigation #app-buttons .menu-aide li ul li {
            padding: 0; }
            header#BarreNavigation #app-buttons .menu-aide li ul li a {
              padding-right: 0; }
              header#BarreNavigation #app-buttons .menu-aide li ul li a.btn-assist-user {
                background-image: url(../img/13/triangle-gris-aide-bas.png?v=14.1.0);
                background-repeat: no-repeat;
                background-position: 97% center; }
              header#BarreNavigation #app-buttons .menu-aide li ul li a.assist-contact {
                background-image: url(../img/13/ico-aide-contact.png?v=14.1.0);
                background-repeat: no-repeat;
                background-position: 4% center; }
              header#BarreNavigation #app-buttons .menu-aide li ul li a.assist-tel {
                background-image: url(../img/13/ico-aide-tel.png?v=14.1.0);
                background-repeat: no-repeat;
                background-position: 6% center; }

/*# sourceMappingURL=13_barre_navigation.css.map */