﻿a {
  cursor: pointer;
}

body {
  margin: 0;
}

cite {
  background: url(/Common/Medias/Icons/16/book.png) no-repeat 2px 4px;
  color: #335a8b;
  display: block;
  font: normal 8pt sans-serif;
  margin: 5px 0 5px 0;
  padding: 3px 0 3px 25px;
}

body {
  font: normal 9pt sans-serif;
}

div.Buttons {
  padding-top: 10px;
  text-align: right;
}

div.CnilCookiesConfirmation {
  background-color: rgba(0, 0, 0, 0.81);
  color: white;
  font-size: 13px;
  left: 0;
  padding: 5px;
  position: fixed;
  text-align: center;
  bottom: 0;
  width: 100%;
  z-index: 99999;
}

  div.CnilCookiesConfirmation button {
    cursor: pointer;
    margin-left: 10px;
    padding: 0px 5px;
  }

div.Error {
  background-color: yellow;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  color: Red;
  display: inline-block;
  font: normal 12px Consolas;
  margin: 10px auto;
  padding: 20px;
  text-align: left;
  word-wrap: break-word;
}

div.Flex {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
}

  div.Flex > div {
    box-sizing: border-box;
  }

    div.Flex > div.Fixed {
      margin-right: 20px;
      flex-grow: 0;
      flex-shrink: 0;
    }

    div.Flex > div.Auto {
      flex: 1;
      -ms-flex: 1;
    }

div.Mask {
  background-color: rgba(0,0,0,0.7);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

div.InfoBulle {
  background-color: black;
  border-radius: 5px;
  color: white;
  font: normal 8pt sans-serif;
  height: auto;
  max-width: 600px;
  padding: 10px;
  position: absolute;
  text-align: left;
  visibility: hidden;
  width: auto;
  z-index: 100;
}

div.Patientez {
  color: #ba0c27;
  display: none;
  font: bold 20px sans-serif;
  left: 50%;
  padding: 50px 100px;
  position: fixed;
  text-transform: uppercase;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  z-index: 99999999999;
}

  div.Patientez .Spinner {
    width: 100px;
    height: 100px;
    background-color: #ba0c27;
    margin: 0 auto 30px auto;
    animation: PatientezAnimation 1.2s infinite ease-in-out;
  }


@keyframes PatientezAnimation {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }

  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

div.Popup {
  background: linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 62%,#ffffff 100%);
  box-shadow: 1px 1px 20px rgba(0,0,0,0.8);
  box-sizing: border-box;
  color: black;
  display: none;
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
}

  div.Popup div.PopupTitle {
    background: #f6f6f6 url(/Common/Medias/popup-caption.gif) repeat-x bottom left;
    background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    border-bottom: 1px solid #e4e4e4;
    border-radius: 5px 5px 0 0;
    color: #585858;
    cursor: move;
    font: bold 9pt sans-serif;
    padding: 8px;
    text-align: left;
    white-space: nowrap;
  }

  div.Popup div.PopupBody {
    padding: 10px;
    overflow: auto;
  }


  div.Popup table th {
    font-weight: normal;
    padding: 5px 10px 5px 10px;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
  }

    div.Popup table th.Required {
      font-weight: bold;
    }

      div.Popup table th.Required::after {
        content: ' *';
        color: red;
      }

div.PreviousNext {
  background-color: transparent;
  margin: 10px 0;
  padding: 5px;
  text-align: center;
}

  div.PreviousNext a {
    background-color: #e0e0e0;
    background-image: -ms-linear-gradient(top, #fafafa 0, gainsboro 100%);
    background-image: -moz-linear-gradient(top, #fafafa 0, gainsboro 100%);
    background-image: -webkit-linear-gradient(top, #fafafa 0, gainsboro 100%);
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #ccc #aaa;
    box-shadow: inset 0 0 1px white;
    color: #555;
    display: inline-block;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffafafa,EndColorStr=#ffdcdcdc);
    margin-left: 2px;
    min-width: 10px;
    padding: 3px 4px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 white;
  }

    div.PreviousNext a:hover {
      background-image: -moz-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
      background-image: -ms-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
      background-image: -webkit-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
      border-color: #AAA #AAA #999;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25),inset 0 0 3px white;
      color: #555;
      text-decoration: none;
    }

    div.PreviousNext a.Selected {
      border-color: #888 #AAA #CCC;
      box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25),0 1px 0 white;
      background-image: -moz-linear-gradient(top,#C8C8C8 0,#E6E6E6 100%);
      background-image: -ms-linear-gradient(top,#C8C8C8 0,#E6E6E6 100%);
      background-image: -webkit-linear-gradient(top,#C8C8C8 0,#E6E6E6 100%);
      filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffc8c8c8,EndColorStr=#ffe6e6e6);
    }

div.Progress {
  background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
  border: 1px solid #b1b1b1;
  display: inline-block;
  height: 25px;
  margin: 1px 4px 0 0;
  text-align: left;
  vertical-align: middle;
  width: 300px;
}

  div.Progress div {
    background: linear-gradient(to bottom, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%);
    color: white;
    height: 100%;
    overflow: hidden;
    text-align: left;
    width: 0;
  }

div.spinner {
}

  div.spinner div.spinner-img {
    background: white url(/Common/Medias/ajax.gif) no-repeat center center;
    border-radius: 5px;
    height: 30px;
    width: 30px;
  }

div.Warning {
  background: url(/Common/Medias/Icons/128/warning.png) no-repeat top left;
  padding: 50px 0 50px 150px;
}

form {
  display: inline;
}

fieldset {
  background-color: #f2f2f2;
  border: 0;
  border-radius: 5px;
  margin: 5px 0 10px 0;
  vertical-align: top;
}

  fieldset legend {
    color: #b7b7b7;
    font-size: 16px;
  }

  fieldset table caption, fieldset h2 {
    color: gray;
    border-bottom: 2px groove white;
    margin: 10px 0 0 0;
    font: normal 12pt "arial narrow";
    padding: 5px 0 2px 0;
    text-align: left;
  }

  fieldset table th {
    font-weight: normal;
    padding: 5px 10px 5px 10px;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
  }

    fieldset table th.Required {
      font-weight: bold;
    }

      fieldset table th.Required::after {
        content: ' *';
        color: red;
      }

  fieldset table td {
    vertical-align: top;
  }

iframe {
  border: 0;
}

img {
  border: 0;
  vertical-align: middle;
}

  img.Button {
    cursor: pointer;
  }

input {
  vertical-align: middle;
}

  input.Button, input[type="submit"], input[type="button"], input[type="reset"], button {
    cursor: pointer;
    padding: 5px 10px;
  }

  input.SmallButton {
    font-size: 7pt;
  }

  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]), textarea {
    border: 1px solid silver;
    box-sizing: border-box;
    margin: 1px 0;
    padding: 5px;
  }

  input[type="number"] {
    text-align: right;
    width: 80px;
  }

p {
  margin: 0;
}

select {
  padding: 5px;
}

table {
  border-collapse: collapse;
  empty-cells: show;
}

  table tr {
    vertical-align: top;
  }

  table.Liste caption {
    border-bottom: 4px solid #e0e0e0;
    color: #bd0a26;
    font-size: 11pt;
    letter-spacing: 3px;
    padding: 10px 0 5px 0;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
  }

  table.Liste thead td {
    border-bottom: 1px solid #e0e0e0;
    font-weight: bold;
    padding: 10px 5px 5px 5px;
  }

    table.Liste thead td.Required::after {
      content: ' *';
      color: red;
    }

  table.Liste tbody tr {
    vertical-align: top;
  }

    table.Liste tbody tr:nth-child(even) {
      background-color: #fbfbfb;
    }

    table.Liste tbody tr.Link:hover {
      background-color: #e6e7ff;
      cursor: pointer;
    }

  table.Liste tbody td {
    border-bottom: 1px solid #e0e0e0;
    padding: 5px;
  }

    table.Liste tbody td.Nb {
      white-space: nowrap;
      text-align: right;
    }

  table.Liste tfoot td {
    font-weight: bold;
    padding: 10px 5px 5px 5px;
  }

  table.Liste tr.PreviousNext td {
    padding: 3px;
    text-align: center;
  }

    table.Liste tr.PreviousNext td a {
      background-color: #e0e0e0;
      background-image: -ms-linear-gradient(top, #fafafa 0, gainsboro 100%);
      background-image: -moz-linear-gradient(top, #fafafa 0, gainsboro 100%);
      background-image: -webkit-linear-gradient(top, #fafafa 0, gainsboro 100%);
      border-width: 1px;
      border-style: solid;
      border-color: #ccc #ccc #aaa;
      box-shadow: inset 0 0 1px white;
      color: #555;
      display: inline-block;
      filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffafafa,EndColorStr=#ffdcdcdc);
      margin-left: 2px;
      min-width: 10px;
      padding: 3px 4px;
      text-align: center;
      text-decoration: none;
      text-shadow: 0 1px 0 white;
    }

      table.Liste tr.PreviousNext td a:hover {
        background-image: -moz-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
        background-image: -ms-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
        background-image: -webkit-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
        border-color: #AAA #AAA #999;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25),inset 0 0 3px white;
        color: #555;
        text-decoration: none;
      }

      table.Liste tr.PreviousNext td a.Selected {
        border-color: #888 #AAA #CCC;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25),0 1px 0 white;
        background-image: -moz-linear-gradient(top,#C8C8C8 0,#E6E6E6 100%);
        background-image: -ms-linear-gradient(top,#C8C8C8 0,#E6E6E6 100%);
        background-image: -webkit-linear-gradient(top,#C8C8C8 0,#E6E6E6 100%);
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffc8c8c8,EndColorStr=#ffe6e6e6);
      }
