body {
      font-family: 'Segoe UI', Arial, sans-serif;
      background: #f7f7f9;
      color: #222;
      margin: 0;
      padding: 0;
    }
    a{
      color: #005E7D;
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
      color: #E8A019;
    }
    .container {
      max-width: 800px;
      margin: 40px auto;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 16px rgba(0,0,0,0.07);
      padding: 32px 24px;
    }
    h1 {
      font-size: 2.2rem;
      margin-bottom: 0.5em;
      color: #005E7D;
    }
    h2 {
      font-size: 1.3rem;
      margin-top: 2em;
      color: #005E7D;
    }
    code, pre {
      background: #f1f1f4;
      border-radius: 4px;
      padding: 2px 6px;
      font-size: 1em;
      color: #005E7D;
    }
    pre {
      padding: 12px;
      margin: 1em 0;
      overflow-x: auto;
    }
    ul {
      /*margin: 1em 0 1em 2em;*/
      margin: .2em 0 0.2em .2em;
      padding-left: 20px;
    }
    .endpoint {
      background: #eaf3ff;
      border-left: 4px solid #E8A019;
      padding: 8px 12px;
      margin: 1em 0;
      font-family: monospace;
      font-size: 1.05em;
      font-weight: bold;
    }
    footer {
      text-align: center;
      margin-top: 40px;
      margin-bottom: 20px;
      color: #888;
      font-size: 0.95em;
    }
    .logoHead{
        height: 200px;
        margin-bottom: 20px;
    }
    .endpoint span{
        color: white;
        padding: 3px 6px;
        border-radius: 4px;
    }
    .GET{
         background-color: #005E7D;
    }
    .POST{
        background-color: #28a745;
    }
    .PUT{
        background-color: #E8A019;
    }
    .DELETE{
        background-color: #dc3545;
    }
    .card{
        margin: 40px auto;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 16px rgba(0,0,0,0.1);
        padding: 32px 24px;
    }
    .souscard{
        margin: 40px auto;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 16px rgba(0,0,0,0.1);
        padding: 32px 24px;
    }
    .card h2{
        margin-top: 0;
    }
    .trigramVue{
        font-weight: bold;
        color: #005E7D;
        text-align: left;
    }
    .nbvue{
        color: white;
        padding: 3px 6px;
        border-radius: 4px;
        background-color: #005E7D;
    }

    #categories{
        position: fixed;
        top: 100px;
        right: 20px;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 16px;
        box-shadow: 0 2px 16px rgba(0,0,0,0.1);
        display: flex;
      flex-direction: column;
    }
    #menuDoc{
        height: 60vh;
        overflow: hidden;
        overflow-y: scroll;
    }