/* --------------------------------------------------
  MENU DE NAVIGATION
===================================================== */

#navigation {
  position: relative;
  float: left;
  width: 700px;
  margin: 0;
  height: 40px;
}

#menu-navigation {
  position: absolute;
  left: 0;
  top: 0;
  text-align: left;
  z-index: 100;
}

#menu-navigation ul.onglets {
  margin: 0;
  padding: 0;
  width: 700px;
  list-style: none;
}


#menu-navigation ul.onglets li {
  position: relative;
  float: left;
  margin: 0 2px 0 0;
  padding: 0;
  max-width: 140px;
  min-height: 36px;
  font-weight: bold;
  background: none;
  box-sizing: border-box;
  z-index: 120;
}

#menu-navigation ul.onglets li a {
  position: relative;
  display: block;
  margin: 0;
  padding: 6px 37px 3px 7px;
  width: 138px;
  height: 36px;
  color: #fff;
  font-size: 13px;
  line-height: 12px;
  text-align: left;
  text-decoration: none;
  border: 1px solid #595959;
  border-top: none;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0;
  border-radius: 0 0 5px 5px;
  background-image: url(/ressources/images/a00-menu-p-fleche-blanc-bas.png), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e464b), color-stop(80%, #626e77));
  background-image: url(/ressources/images/a00-menu-p-fleche-blanc-bas.png), -moz-linear-gradient(top, #3e464b 0%, #626e77 80%);
  background-image: url(/ressources/images/a00-menu-p-fleche-blanc-bas.png), -webkit-linear-gradient(top, #3e464b 0%, #626e77 80%);
  background-image: url(/ressources/images/a00-menu-p-fleche-blanc-bas.png), linear-gradient(to bottom, #3e464b 0%, #626e77 80%);
  background-position: right 14px, 0;
  background-color: #4c555c;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 1px 2px 0 #cccbcb, inset 0 0 0px #1d303f;
  -webkit-box-shadow: 0 1px 2px 0 #cccbcb, inset 0 0 0px #1d303f;
  box-shadow: 0 1px 2px 0 #cccbcb, inset 0 0 0px #1d303f;
  box-sizing: border-box;
}
#menu-navigation ul.onglets li a.onglet-lien {
  padding-right: 7px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e464b), color-stop(80%, #626e77));
  background-image: -moz-linear-gradient(top, #3e464b 0%, #626e77 80%);
  background-image: -webkit-linear-gradient(top, #3e464b 0%, #626e77 80%);
  background-image: linear-gradient(to bottom, #3e464b 0%, #626e77 80%);
  background-position: 0 0;
}

#menu-navigation ul.onglets li a:hover,
#menu-navigation ul.onglets li a:focus,
#menu-navigation ul.onglets li a:active,
#menu-navigation ul.onglets li a.selected {
  color: #3f8523;
  border: 1px solid #cccbcb;
  border-top: none;
  background-image: url(/ressources/images/a00-menu-p-fleche-vert-bas.png), -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(82%, #ffffff), color-stop(90%, #f3f2f2), color-stop(95%, #e5e5e5), color-stop(99%, #d4d4d4));
  background-image: url(/ressources/images/a00-menu-p-fleche-vert-bas.png), -moz-linear-gradient(bottom, #ffffff 82%, #f3f2f2 90%, #e5e5e5 95%, #d4d4d4 99%);
  background-image: url(/ressources/images/a00-menu-p-fleche-vert-bas.png), -webkit-linear-gradient(bottom, #ffffff 82%, #f3f2f2 90%, #e5e5e5 95%, #d4d4d4 99%);
  background-image: url(/ressources/images/a00-menu-p-fleche-vert-bas.png), linear-gradient(to top, #ffffff 82%, #f3f2f2 90%, #e5e5e5 95%, #d4d4d4 99%);
  background-color: #fff;
  -moz-box-shadow: 0px 1px 2px #b2b2b2, inset 0 0 0px #00ad63;
  -webkit-box-shadow: 0px 1px 2px #b2b2b2, inset 0 0 0px #00ad63;
  box-shadow: 0px 1px 2px #b2b2b2, inset 0 0 0px #00ad63;
}
#menu-navigation ul.onglets li a.onglet-lien:hover,
#menu-navigation ul.onglets li a.onglet-lien:focus,
#menu-navigation ul.onglets li a.onglet-lien:active,
#menu-navigation ul.onglets li a.onglet-lien.selected {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(82%, #ffffff), color-stop(90%, #f3f2f2), color-stop(95%, #e5e5e5), color-stop(99%, #d4d4d4));
  background-image: -moz-linear-gradient(bottom, #ffffff 82%, #f3f2f2 90%, #e5e5e5 95%, #d4d4d4 99%);
  background-image: -webkit-linear-gradient(bottom, #ffffff 82%, #f3f2f2 90%, #e5e5e5 95%, #d4d4d4 99%);
  background-image: linear-gradient(to top, #ffffff 82%, #f3f2f2 90%, #e5e5e5 95%, #d4d4d4 99%);
}

#menu-navigation ul.onglets li a.ouvert {
  height: 40px;
  padding-bottom: 8px;
  color: #3f8523;
  border: 1px solid #cccbcb;
  border-top: none;
  border-bottom: 0 none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-image: url(/ressources/images/a00-menu-p-fleche-vert-haut.png), -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(82%, #ffffff), color-stop(90%, #f3f2f2), color-stop(95%, #e5e5e5), color-stop(99%, #d4d4d4));
  background-image: url(/ressources/images/a00-menu-p-fleche-vert-haut.png), -moz-linear-gradient(bottom, #ffffff 82%, #f3f2f2 90%, #e5e5e5 95%, #d4d4d4 99%);
  background-image: url(/ressources/images/a00-menu-p-fleche-vert-haut.png), -webkit-linear-gradient(bottom, #ffffff 82%, #f3f2f2 90%, #e5e5e5 95%, #d4d4d4 99%);
  background-image: url(/ressources/images/a00-menu-p-fleche-vert-haut.png), linear-gradient(to top, #ffffff 82%, #f3f2f2 90%, #e5e5e5 95%, #d4d4d4 99%);
  background-color: #fff;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#menu-navigation ul.onglets li a span.ligne {
  display: block;
  font-size: 13px;
  line-height: 25px;
}
#menu-navigation ul.onglets li a span.ligne1,
#menu-navigation ul.onglets li a span.ligne2 {
  line-height: 12px;
}

#menu-navigation ul.onglets li a span.ligne.petit {
  position: relative;
  top: 0;
  font-size: 10px;
  color: inherit;
}
#menu-navigation ul.onglets li a span.ligne1.petit { top: -1px; }
#menu-navigation ul.onglets li a span.ligne2.petit { top: 1px; }

#menu-navigation ul.onglets li a span.logo {
  display: block;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
#menu-navigation ul.onglets li a span.logo-adp {
  background-image: url(/ressources/images/g00-onglet-logo-adp-off.png);
}
#menu-navigation ul.onglets li a:hover span.logo-adp,
#menu-navigation ul.onglets li a:focus span.logo-adp,
#menu-navigation ul.onglets li a:active span.logo-adp,
#menu-navigation ul.onglets li a.selected span.logo-adp {
  background-image: url(/ressources/images/g00-onglet-logo-adp-on.png);
}
#menu-navigation ul.onglets li a span.logo-ada {
  background-image: url(/ressources/images/g00-onglet-logo-ada-off.png);
}
#menu-navigation ul.onglets li a:hover span.logo-ada,
#menu-navigation ul.onglets li a:focus span.logo-ada,
#menu-navigation ul.onglets li a:active span.logo-ada,
#menu-navigation ul.onglets li a.selected span.logo-ada {
  background-image: url(/ressources/images/g00-onglet-logo-ada-on.png);
}

#menu-navigation .menu {
  position: absolute;
  top: 39px;
  left: 0;
  padding: 24px 0 10px 0;
  width: 696px;
  background: #f4f5f5 url(/ressources/images/a00-menu-p-fond-degrade.gif) repeat-x left top;
  background: -moz-linear-gradient(top,  #fff 0%, #f4f5f5 280px); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(280px,#f4f5f5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fff 0%,#f4f5f5 280px); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fff 0%,#f4f5f5 280px); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fff 0%,#f4f5f5 280px); /* IE10+ */
  background: linear-gradient(to bottom,  #fff 0%,#f4f5f5 280px); /* W3C */
  border: 1px solid #b2b2b2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 6px 14px 0px #4c4c4c;
  -webkit-box-shadow: 0px 6px 14px 0px #4c4c4c;
  box-shadow: 0px 6px 14px 0px #4c4c4c;
  z-index: 110;
  display: none;
  box-sizing: content-box;
}

#menu-navigation .menu.premier {
  -moz-border-radius: 0 5px 5px 5px;
  -webkit-border-radius: 0 5px 5px 5px;
  border-radius: 0 5px 5px 5px;
}

#menu-navigation .menu.dernier {
  -moz-border-radius: 5px 0 5px 5px;
  -webkit-border-radius: 5px 0 5px 5px;
  border-radius: 5px 0 5px 5px;
}

#menu-navigation .menu .fermer {
  position: absolute;
  top: 5px;
  right: 10px;
}

#menu-navigation .menu .fermer a {
  padding: 0 16px 0 0;
  font-size: 0.917em;
  color: #595959;
  background: url(/ressources/images/a00-bouton-fermer.gif) right center no-repeat;
  text-decoration: none;
}

#menu-navigation .menu h3 {
  margin: 0;
  padding: 10px 15px 10px 15px;
  width: 167px;
  font-size: 1.4em;
  border-bottom: 1px solid #adadad;
  background-color: transparent;
  box-sizing: border-box;
}
#menu-navigation .menu h3 a {color: #595959; text-decoration: none; }
#menu-navigation .menu h3 a:hover { text-decoration: underline; }

#menu-navigation .menu h4 {
  margin: 0;
  padding: 0;
  width: 168px;
  font-size: 1em;
  background-color: transparent;
  box-sizing: border-box;
}
#menu-navigation .menu h4 a {
  position: relative;
  display: block;
  margin: 0;
  padding: 3px 10px 3px 15px;
  color: #007944;
  text-decoration: none;
  border-right: 1px solid #adadad;
  border-bottom: 1px solid #adadad;
  z-index: 130;
  cursor: pointer;
}
#menu-navigation .menu h4 a span { display: table-cell; height: 30px; vertical-align: middle; }
#menu-navigation .menu h4.autres a { background-color: #eaf2e2; }
#menu-navigation .menu h4.autres.premier a { margin-top: 1px; border-top: 1px solid #adadad; }
#menu-navigation .menu h4 a:hover, #menu-navigation .menu h4 a:focus { color: #595959; background-color: #fff; }
#menu-navigation .menu h4 a.externe { background-image: none; }
#menu-navigation .menu h4 a.selected { color: #595959; border-right: none; background: #fff url(/ressources/images/a00-pixel-ffffff.gif) repeat-y right top; }

#menu-navigation .menu .sous-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 167px;
  margin-top: 24px;
  width: 520px;
  min-height: 8em;
  background-color: #fff;
  border: 1px solid #adadad;
  z-index: 120;
  box-sizing: border-box;
}

#menu-navigation #menu-comptes.menu .sous-menu.sommaire { background: #fff url(/ressources/images/a00-menu-p-fond-sommaire.jpg) no-repeat right bottom; }
#menu-navigation #menu-comptes.menu .sous-menu.releves { background: #fff url(/ressources/images/a00-menu-p-fond-releves.jpg) no-repeat right bottom; }

#menu-navigation .menu .sous-menu .rangee { margin: 15px 20px; }
#menu-navigation .menu .sous-menu .rangee + .rangee { padding-top: 15px; background: url(/ressources/images/a00-filet-double.gif) repeat-x left top; }
#menu-navigation .menu .sous-menu .colonne { float: left; width: 220px; padding: 0; }
#menu-navigation .menu .sous-menu .colonne + .colonne { margin-left: 30px; }

#menu-navigation .menu .sous-menu a.accueil-section { position: absolute; top: 5px; right: 20px; padding: 0; font-size: 0.917em; color: #007944; }
#menu-navigation .menu .sous-menu a.accueil-section:hover, #menu-navigation .menu .sous-menu a.accueil-section:focus { text-decoration: underline; }
#menu-navigation .menu .sous-menu a.lien-action { display: inline-block; padding: 0.25em 0 0.25em 15px; font-weight: bold; text-decoration: none; background: url(/ressources/images/a00-utilitaires-puce.gif) no-repeat left 0.5em; }
#menu-navigation .menu .sous-menu a.lien-action:link, #menu-navigation .menu .sous-menu a.lien-action:visited { color: #008c53; text-decoration: none; }
#menu-navigation .menu .sous-menu a.lien-action:hover, #menu-navigation .menu .sous-menu a.lien-action:focus { color: #595959; }

#menu-navigation .menu .sous-menu .titre { margin: 0; padding: 0; font-size: 1.167em; color: #3e3e3e; }  /* font-size: 14px; */
#menu-navigation .menu .sous-menu .sous-titre { margin: 10px 0 2px 0; padding: 0; font-weight: bold; border-bottom: 1px solid #d5d5d5; }
#menu-navigation .menu .sous-menu .sous-titre.sans-lien { padding: 4px 0 2px 0; }
#menu-navigation .menu .sous-menu .sous-titre a { display: inline-block; padding: 4px 0 2px 0; color: #007944; text-decoration: none; }
#menu-navigation .menu .sous-menu .sous-titre a:hover, #menu-navigation .menu .sous-menu .sous-titre a:focus { color: #595959; }
#menu-navigation .menu .sous-menu .sous-titre .note { font-size: 0.917em; color: #595959; }

#menu-navigation .menu .sous-menu ul { padding-left: 1em; list-style: none; }
#menu-navigation .menu .sous-menu ul > li { margin-top: 0.5em; padding-left: 10px; background: url(/ressources/images/a00-puce-point-gris.png) no-repeat left 0.55em; }
#menu-navigation .menu .sous-menu ul.sous-sections { margin: 0; padding: 0; list-style: none; }
#menu-navigation .menu .sous-menu ul.sous-sections li { margin: 0; padding: 0; background-image: none; }
#menu-navigation .menu .sous-menu ul.sous-sections li a { display: inline-block; margin: 0; padding-top: 4px; padding-bottom: 4px; color: #595959; text-decoration: none; }
#menu-navigation .menu .sous-menu ul.sous-sections li a.tous { color: #007944; }
#menu-navigation .menu .sous-menu ul.sous-sections li a:hover, #menu-navigation .menu .sous-menu ul.sous-sections li a:focus { text-decoration: underline; }

#menu-navigation .menu .sous-menu form p { margin-bottom: 0; }
#menu-navigation .menu .sous-menu select#lst-menu-regimes { width: 170px; min-width: 170px; }

#menu-navigation .menu .sous-menu a.externe { padding-right: 12px; background: url(/ressources/images/a00-icone-site-externe.gif) no-repeat right 0.45em; }

#navigation:after,
#menu-navigation ul.onglets:after,
#menu-navigation .menu .sous-menu .rangee:after {
  content: "";
  visibility: hidden;
  font-size: 0;
  height: 0;
  clear: both;
  display: block;
}