/* Sticky footer styles
      -------------------------------------------------- */

      html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -65px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        
        height: 60px;
      }
      #footer {
        background-color: #f5f5f5;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 827px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }



      /* Custom page CSS
      -------------------------------------------------- */
      /* Not required for template or sticky footer method. */

      #wrap > .container {
        padding-top: 60px;
        padding-bottom: 60px;
      }
      .container .credit {
        margin: 20px 0;
      }

      code {
        font-size: 80%;
      }
      
      

      .modal {
        top: 20%;
        width: 800px;
        margin: 0 0 0 -400px; /* -1 * (width / 2) */ 
      }
      
      .pdf_wiewer{
        display: inline-block;
      }
      
      .btn-onysos { background-color: hsl(286, 77%, 20%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bc38e5", endColorstr="#470b5a"); background-image: -khtml-gradient(linear, left top, left bottom, from(#bc38e5), to(#470b5a)); background-image: -moz-linear-gradient(top, #bc38e5, #470b5a); background-image: -ms-linear-gradient(top, #bc38e5, #470b5a); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bc38e5), color-stop(100%, #470b5a)); background-image: -webkit-linear-gradient(top, #bc38e5, #470b5a); background-image: -o-linear-gradient(top, #bc38e5, #470b5a); background-image: linear-gradient(#bc38e5, #470b5a); border-color: #470b5a #470b5a hsl(286, 77%, 11%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.59); -webkit-font-smoothing: antialiased; }

      
      .icone-fichier {
          width: 75px;
          height: 75px;
          
      }
      
      

table tbody td.interface-description {
    word-break: break-word;
    width: 50%;
}

table tbody td.interface-action a.btn {
    display: block;
    width: 70%;
}

table tbody td.interface-action {
    width: 20%;
}