.sidebar-right{
  position: fixed;
  width: 15%;
  height: 100%;
  right: 0;
  top: 0;
  display: inline-flex;
  .list-projets{
    margin: auto;
    ul{
      &:nth-child(1){
        margin-top: 0;
      }
      margin: $marg $marg 0px 0;
      text-align: right;
      li{
        &:hover{
          a{
            color: black;
          }
        }
      }
      a{
        color: grey;
        &::before{
          content: " ";
          width: 5px;
          height: 5px;
          display: inline-block;
          border-radius: 5px;
          vertical-align: middle;
          margin-right: 5px;
        }
        &#culturelle{
          &::before{
            background: $color_culturelle;
          }
        }
        &#sociale{
          &::before{
          background: $color_sociale;
          }
        }
        &#publique{
          &::before{
          background: $color_publique;
          }
        }
        &.active{
          color: black;
        }
      }
    }
  }
}