/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 4 avr. 2014, 11:40:04
    Author     : robert
*/
.navigation, .tab {
  margin: auto;
  line-height: 1;
  font-family: 'arial';
  background: #fff; }
  .navigation h1, .tab h1 {
    font-size: 30px;
    color: #575756; }
  .navigation .menu, .tab .menu {
    float: left;
    width: 192px;
    border: none; }
    .navigation .menu .title, .tab .menu .title {
      background: #fff;
      text-align: center;
      height: 130px;
      display: table-cell;
      vertical-align: middle; }
      .navigation .menu .title img, .tab .menu .title img {
        margin: 0;
        width: 190px;
        max-height: 125px; }
    .navigation .menu ul, .tab .menu ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .navigation .menu ul li, .tab .menu ul li {
        font-size: 14px;
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        background: #1b3762;
        border-bottom: 3px solid #fff;
        cursor: pointer;
        height: 48px;
        line-height: 48px;
        padding-left: 30px; }
        .navigation .menu ul li img, .tab .menu ul li img {
          float: right;
          margin-right: 30px;
          margin-top: 18px; }
        .navigation .menu ul li.active, .tab .menu ul li.active {
          color: #004e54;
          background: #fff; }
        .navigation .menu ul li.active:first-child, .tab .menu ul li.active:first-child {
          background-image: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 11%, #ffffff 100%);
          background-image: -chrome-linear-gradient(top, #f5f5f5 0%, #ffffff 11%, #ffffff 100%);
          background-image: -ms-linear-gradient(top, #f5f5f5 0%, #ffffff 11%, #ffffff 100%); }
  .navigation .onglet, .tab .onglet {
    min-height: 600px;
    margin-left: 192px; }
    .navigation .onglet > ul, .tab .onglet > ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      height: 48px;
      background: #004e54;
      border-top: 3px solid #fff; }
      .navigation .onglet > ul > li, .tab .onglet > ul > li {
        font-size: 14px;
        float: left;
        min-width: 134px;
        padding: 0 5px;
        background: #004e54;
        font-weight: normal;
        color: #fff;
        text-align: center;
        height: 48px;
        line-height: 48px;
        border-right: 3px solid #fff;
        cursor: pointer; }
        .navigation .onglet > ul > li.active:first-child, .tab .onglet > ul > li.active:first-child {
          background-image: -moz-linear-gradient(left, #f5f5f5 0%, #ffffff 5%, #ffffff 100%);
          background-image: -chrome-linear-gradient(left, #f5f5f5 0%, #ffffff 5%, #ffffff 100%);
          background-image: -ms-linear-gradient(left, #f5f5f5 0%, #ffffff 5%, #ffffff 100%); }
        .navigation .onglet > ul > li.active, .tab .onglet > ul > li.active {
          color: #004e54;
          background: #fff; }
    .navigation .onglet .onglet_active, .tab .onglet .onglet_active {
      background-color: #fff;
      color: #004e54; }
  .navigation .top1, .tab .top1 {
    margin: 0;
    height: 48px;
    background: #504d97;
    margin-left: 192px; }
    .navigation .top1 .login, .tab .top1 .login {
      float: right;
      width: 152px;
      height: 38px;
      background: #7fb141;
      color: #fff;
      font-size: 14px;
      line-height: 38px;
      padding-left: 30px;
      padding-right: 40px;
      border-top: 0;
      border-right: 0;
      border-bottom: 10px solid #fff;
      border-left: 3px solid #fff;
      position: relative;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .navigation .top1 .login div, .tab .top1 .login div {
        position: absolute;
        top: 10px;
        right: 15px;
        width: 20px;
        height: 20px;
        background: url("../../../images/icons/interrogation.png"); }
    .navigation .top1 .accueil, .tab .top1 .accueil {
      font-size: 14px;
      color: #fff;
      line-height: 48px;
      float: right;
      margin-right: 15px;
      cursor: pointer; }
  .navigation .top2, .tab .top2 {
    margin: 0;
    height: 32px;
    background: #5ba14d;
    margin-left: 192px; }
    .navigation .top2 .periode, .tab .top2 .periode {
      float: left;
      height: 32px;
      color: #fff;
      font-size: 12px;
      line-height: 32px;
      padding-left: 10px; }
      .navigation .top2 .periode select, .tab .top2 .periode select {
        background: none;
        border: none;
        height: 32px;
        color: #fff;
        font-size: 14px;
        line-height: 32px; }
        .navigation .top2 .periode select option, .tab .top2 .periode select option {
          background: none;
          border: none;
          height: 32px;
          color: #fff;
          font-size: 14px;
          line-height: 32px; }
    .navigation .top2 .deconnect, .tab .top2 .deconnect {
      float: right;
      width: 192px;
      height: 32px;
      background: #004d93;
      line-height: 32px;
      padding-left: 30px;
      border-top: 0;
      border-right: 0;
      border-bottom: 0;
      border-left: 3px solid #fff;
      position: relative; }
      .navigation .top2 .deconnect a, .tab .top2 .deconnect a {
        color: #fff;
        font-size: 14px;
        text-decoration: none; }
      .navigation .top2 .deconnect div, .tab .top2 .deconnect div {
        position: absolute;
        top: 10px;
        right: 15px;
        width: 20px;
        height: 14px;
        background: url("../../../images/icons/fle_droit_blc.png");
        background-repeat: no-repeat; }
  .navigation .page, .navigation .page_only, .tab .page, .tab .page_only {
    margin: 0;
    min-height: 1500px;
    background: #fff;
    padding: 24px; }
  .navigation .page, .tab .page {
    display: none; }
  
    .navigation .page .right1, .navigation .page .right2, .navigation .page .right3, .navigation .page .right4,
    .navigation .page .left1, .navigation .page .left2, .navigation .page .left3, .navigation .page .left4,
    .navigation .page .center1, .navigation .page .center2, .navigation .page .center3, .tab .page .right1, .tab .page .right2, .tab .page .right3, .tab .page .right4,
    .tab .page .left1, .tab .page .left2, .tab .page .left3, .tab .page .left4,
    .tab .page .center1, .tab .page .center2, .tab .page .center3 {
      display: none;
      margin-bottom: 10px; }
    
    .navigation .page .right1, .navigation .page .right2, .navigation .page .right3, .navigation .page .right4, .tab .page .right1, .tab .page .right2, .tab .page .right3, .tab .page .right4 {
      text-align: center;
      /* float: left; */
    }
    
    .navigation .page .left1, .tab .page .left1 {
      width: 537px; }
    .navigation .page .left2, .tab .page .left2 {
      width: 392px; }
    .navigation .page .left3, .tab .page .left3 {
      width: 684px; }
    .navigation .page .left4, .tab .page .left4 {
      width: 684px; }
    
    .navigation .page .left1, .navigation .page .left2, .navigation .page .left3, .navigation .page .left4, .tab .page .left1, .tab .page .left2, .tab .page .left3, .tab .page .left4 {
      text-align: center;
      float: left;
      margin-right: 48px; }
    
    .navigation .page .right1, .tab .page .right1 {
      margin-left: 585px; }
    .navigation .page .right2, .tab .page .right2 {
      margin-left: 440px; }
    .navigation .page .right3, .tab .page .right3 {
      margin-left: 734px; }
    .navigation .page .right4, .tab .page .right4 {
      margin-left: 734px; }
    
/*    .navigation .page .left1, .tab .page .left1 {
      width: 537px; }
    .navigation .page .left2, .tab .page .left2 {
      width: 390px; }
    .navigation .page .left3, .tab .page .left3 {
      width: 684px; }
    .navigation .page .left4, .tab .page .left4 {
      width: 687px; }
*/    
    .navigation .page .center1, .navigation .page .center2, .navigation .page .center3, .tab .page .center1, .tab .page .center2, .tab .page .center3 {
      text-align: center; }
    
  .navigation .fixe, .tab .fixe {
    margin: 0;
    background: #fff;
    padding: 0 24px 0 24px;
    display: none; }