/* Minification failed. Returning unminified contents.
(3550,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7087,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */



/*******************/
/*  Texte          */
/*******************/

a {
  text-decoration: none;
  color:#000;
}
a:hover,
a:focus {
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

img {
  vertical-align: middle;
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}


@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../WebDesign/fonts/glyphicons-halflings-regular.eot');
  src: url('../WebDesign/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../WebDesign/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../WebDesign/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../WebDesign/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon::before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right:0.5em;
}

.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-color-green:before {
  color:green;
}
.glyphicon-color-blue:before {
  color:blue;
}

.glyphicon-color-orange:before {
  color:orange;
}
.glyphicon-color-red:before {
  color:red;
}

.glyphicon-pencil:before {
  content: "\270f";
}

.glyphicon-hourglass:before {
    content: "\231b";
}
/***********************/
/*glyphicon after texte*/
/***********************/
.after-glyphicon::after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 0.5em;
}

.after-glyphicon-folder-open:after {
  content: "\e118";
}

.after-glyphicon-paperclip:after {
    /*content: "📎";*/
    content: "\e142";
}

/*******************/
/*tableaux*/
/*******************/

table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}

 thead {
    display: table-header-group;
  }
 th {
  text-align: left;
}


 /******************/
 /*Tooltips       */
 /*****************/
 .tooltip {
  position: absolute;
  z-index: 1070 !important;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

/*******************/
/*Responsive blocks*/
/*******************/

html {
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}




/************************/
/*Formualires responsive*/
/************************/


.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm,
.form-horizontal .form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg,
.form-horizontal .form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}




/*************************/
/*Alertes*/
/*************************/

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
.alert-danger ul {
    padding: 0 2rem;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*# sourceMappingURL=bootstrap.css.map */

  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
.glyphicon-repeat:before {
    content: "\e030";
}


.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    float: left;
}

    .btn-group > .btn:hover,
    .btn-group-vertical > .btn:hover,
    .btn-group > .btn:focus,
    .btn-group-vertical > .btn:focus,
    .btn-group > .btn:active,
    .btn-group-vertical > .btn:active,
    .btn-group > .btn.active,
    .btn-group-vertical > .btn.active {
        z-index: 2;
    }

    .btn-group > .btn:focus,
    .btn-group-vertical > .btn:focus {
        outline: 0;
    }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
    margin-left: -1px;
}

.btn-toolbar {
    margin-left: -5px;
}

    .btn-toolbar .btn-group,
    .btn-toolbar .input-group {
        float: left;
    }

    .btn-toolbar > .btn,
    .btn-toolbar > .btn-group,
    .btn-toolbar > .input-group {
        margin-left: 5px;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group > .btn-group:first-child > .btn:last-child,
    .btn-group > .btn-group:first-child > .dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .btn-group > .btn-group:last-child > .btn:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

    .btn-group-vertical > .btn-group > .btn {
        float: none;
    }

    .btn-group-vertical > .btn + .btn,
    .btn-group-vertical > .btn + .btn-group,
    .btn-group-vertical > .btn-group + .btn,
    .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .btn-group-justified > .btn,
    .btn-group-justified > .btn-group {
        display: table-cell;
        float: none;
        width: 1%;
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%;
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto;
        }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

    .input-group .form-control:last-child,
    .input-group-addon:last-child,
    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group > .btn,
    .input-group-btn:last-child > .dropdown-toggle,
    .input-group-btn:first-child > .btn:not(:first-child),
    .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
    margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    margin-left: -1px;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
/*
 * jQuery UI CSS Framework 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=arial&fwDefault=normal&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=faeaea&bgTextureHeader=10_dots_medium.png&bgImgOpacityHeader=50&borderColorHeader=cb9f9f&fcHeader=b20000&iconColorHeader=b20000&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=cb9f9f&fcContent=000000&iconColorContent=000000&bgColorDefault=faeaea&bgTextureDefault=05_inset_soft.png&bgImgOpacityDefault=75&borderColorDefault=cb9f9f&fcDefault=737373&iconColorDefault=737373&bgColorHover=ffffff&bgTextureHover=06_inset_hard.png&bgImgOpacityHover=75&borderColorHover=b20000&fcHover=b20000&iconColorHover=b20000&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=b20000&fcActive=000000&iconColorActive=454545&bgColorHighlight=fff3b3&bgTextureHighlight=07_diagonals_medium.png&bgImgOpacityHighlight=50&borderColorHighlight=ffde1a&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=07_diagonals_medium.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=b3b3b3&bgTextureOverlay=07_diagonals_small.png&bgImgOpacityOverlay=75&opacityOverlay=50&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: arial; font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: arial; font-size: 1em; }
.ui-widget-content { border: 1px solid #cb9f9f; background: #ffffff 50% 50% repeat-x; color: #000000; }
.ui-widget-content a { color: #000000; }
.ui-widget-header { border: 1px solid #cb9f9f; background: #faeaea 50% 50% repeat; color: #b20000; font-weight: bold; }
.ui-widget-header a { color: #b20000; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cb9f9f; font-weight: normal; color: #737373; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #737373; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #b20000; background: #ffffff ; font-weight: normal; color: #b20000; }
.ui-state-hover a, .ui-state-hover a:hover { color: #b20000; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #b20000; background: #ffffff; font-weight: normal; color: #000000; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #ffde1a; background: #fff3b3 url(../WebDesign/Images/jquery-ui/ui-bg_diagonals-medium_50_fff3b3_40x40.png) 50% 50% repeat; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; }
/*.ui-widget-content .ui-icon {background-image: url(../WebDesign/Images/jquery-ui/-icons_000000_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../WebDesign/Images/jquery-ui/-icons_b20000_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../WebDesign/Images/jquery-ui/-icons_737373_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../WebDesign/Images/jquery-ui/-icons_b20000_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../WebDesign/Images/jquery-ui/-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../WebDesign/Images/jquery-ui/-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../WebDesign/Images/jquery-ui/-icons_cd0a0a_256x240.png); }*/

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

/* Overlays */
.ui-widget-overlay { background: #b3b3b3; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Resizable 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.14
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0 0.5em; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow-y: auto; overflow-x:hidden !important; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
/*
 * qTip2 - Pretty powerful tooltips - v2.1.1
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Thu Jul 11 2013 02:03 GMT+0100+0100
 * Plugins: tips modal viewport svg imagemap ie6
 * Styles: basic css3
 */
.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;
	
	font-size: 10.5px;
	line-height: 12px;

	direction: ltr;

	box-shadow: none;
	padding: 0;
}

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;

		cursor: pointer;
		outline: medium none;

		border-width: 1px;
		border-style: solid;
		border-color: transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}
	
		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				line-height: 14px;
				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
	border-width: 1px;
	border-style: solid;
	border-color: #F1D031;

	background-color: #FFFFA3;
	color: #555;
}

	.qtip-default .qtip-titlebar{
		background-color: #FFEF93;
	}

	.qtip-default .qtip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}
	
	.qtip-default .qtip-titlebar .qtip-close{
		border-color: #AAA;
		color: #111;
	}



/*! Light tooltip style */
.qtip-light{
	background-color: white;
	border-color: #E2E2E2;
	color: #454545;
}

	.qtip-light .qtip-titlebar{
		background-color: #f1f1f1;
	}


/*! Dark tooltip style */
.qtip-dark{
	background-color: #505050;
	border-color: #303030;
	color: #f3f3f3;
}

	.qtip-dark .qtip-titlebar{
		background-color: #404040;
	}

	.qtip-dark .qtip-icon{
		border-color: #444;
	}

	.qtip-dark .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/*! Cream tooltip style */
.qtip-cream{
	background-color: #FBF7AA;
	border-color: #F9E98E;
	color: #A27D35;
}

	.qtip-cream .qtip-titlebar{
		background-color: #F0DE7D;
	}

	.qtip-cream .qtip-close .qtip-icon{
		background-position: -82px 0;
	}


/*! Red tooltip style */
.qtip-red{
	background-color: #F78B83;
	border-color: #D95252;
	color: #912323;
}

	.qtip-red .qtip-titlebar{
		background-color: #F06D65;
	}

	.qtip-red .qtip-close .qtip-icon{
		background-position: -102px 0;
	}

	.qtip-red .qtip-icon{
		border-color: #D95252;
	}

	.qtip-red .qtip-titlebar .ui-state-hover{
		border-color: #D95252;
	}


/*! Green tooltip style */
.qtip-green{
	background-color: #CAED9E;
	border-color: #90D93F;
	color: #3F6219;
}

	.qtip-green .qtip-titlebar{
		background-color: #B0DE78;
	}

	.qtip-green .qtip-close .qtip-icon{
		background-position: -42px 0;
	}


/*! Blue tooltip style */
.qtip-blue{
	background-color: #E5F6FE;
	border-color: #ADD9ED;
	color: #5E99BD;
}

	.qtip-blue .qtip-titlebar{
		background-color: #D0E9F5;
	}

	.qtip-blue .qtip-close .qtip-icon{
		background-position: -2px 0;
	}



.qtip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.qtip-rounded .qtip-titlebar{
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

/* Youtube tooltip style */
.qtip-youtube{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;

	color: white;
	border-width: 0;

	background: #4A4A4A;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));
	background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
}

	.qtip-youtube .qtip-titlebar{
		background-color: #4A4A4A;
		background-color: rgba(0,0,0,0);
	}
	
	.qtip-youtube .qtip-content{
		padding: .75em;
		font: 12px arial,sans-serif;
		
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
	}

	.qtip-youtube .qtip-icon{
		border-color: #222;
	}

	.qtip-youtube .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.qtip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-linear-gradient(top, #717171, #232323);
	background-image: -ms-linear-gradient(top, #717171, #232323);
	background-image: -o-linear-gradient(top, #717171, #232323);

	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.qtip-jtools .qtip-titlebar{
		background-color: transparent;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.qtip-jtools .qtip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.qtip-jtools .qtip-titlebar,
	.qtip-jtools .qtip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.qtip-jtools .qtip-icon{
		border-color: #555;
	}

	.qtip-jtools .qtip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.qtip-cluetip{
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);

	background-color: #D9D9C2;
	color: #111;
	border: 0 dashed transparent;
}

	.qtip-cluetip .qtip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}
	
	.qtip-cluetip .qtip-icon{
		border-color: #808064;
	}
	
	.qtip-cluetip .qtip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.qtip-tipsy{
	background: black;
	background: rgba(0, 0, 0, .87);

	color: white;
	border: 0 solid transparent;

	font-size: 11px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 0 1px black;
}

	.qtip-tipsy .qtip-titlebar{
		padding: 6px 35px 0 10px;
		background-color: transparent;
	}

	.qtip-tipsy .qtip-content{
		padding: 6px 10px;
	}
	
	.qtip-tipsy .qtip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.qtip-tipsy .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Tipped style */
.qtip-tipped{
	border: 3px solid #959FA9;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	background-color: #F9F9F9;
	color: #454545;

	font-weight: normal;
	font-family: serif;
}

	.qtip-tipped .qtip-titlebar{
		border-bottom-width: 0;

		color: white;
		background: #3A79B8;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
		background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
	}

	.qtip-tipped .qtip-icon{
		border: 2px solid #285589;
		background: #285589;
	}

		.qtip-tipped .qtip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}


/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-bootstrap{
	/** Taken from Bootstrap body */
	font-size: 14px;
	line-height: 20px;
	color: #333333;

	/** Taken from Bootstrap .popover */
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

	.qtip-bootstrap .qtip-titlebar{
		/** Taken from Bootstrap .popover-title */
		padding: 8px 14px;
		margin: 0;
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		background-color: #f7f7f7;
		border-bottom: 1px solid #ebebeb;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}

		.qtip-bootstrap .qtip-titlebar .qtip-close{
			/**
			 * Overrides qTip2:
			 * .qtip-titlebar .qtip-close{
			 *   [...]
			 *   right: 4px;
			 *   top: 50%;
			 *   [...]
			 *   border-style: solid;
			 * }
			 */
			right: 11px;
			top: 45%;
			border-style: none;
		}

	.qtip-bootstrap .qtip-content{
		/** Taken from Bootstrap .popover-content */
		padding: 9px 14px;
	}

	.qtip-bootstrap .qtip-icon{
		/**
		 * Overrides qTip2:
		 * .qtip-default .qtip-icon {
		 *   border-color: #CCC;
		 *   background: #F1F1F1;
		 *   color: #777;
		 * }
		 */
		background: transparent;
	}

		.qtip-bootstrap .qtip-icon .ui-icon{
			/**
			 * Overrides qTip2:
			 * .qtip-icon .ui-icon{
			 *   width: 18px;
			 *   height: 14px;
			 * }
			 */
			width: auto;
			height: auto;

			/* Taken from Bootstrap .close */
			float: right;
			font-size: 20px;
			font-weight: bold;
			line-height: 18px;
			color: #000000;
			text-shadow: 0 1px 0 #ffffff;
			opacity: 0.2;
			filter: alpha(opacity=20);
		}

		.qtip-bootstrap .qtip-icon .ui-icon:hover{
			/* Taken from Bootstrap .close:hover */
			color: #000000;
			text-decoration: none;
			cursor: pointer;
			opacity: 0.4;
			filter: alpha(opacity=40);
		}


/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar{
	filter: none;
	-ms-filter: none;
}



.qtip .qtip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
	
}

	/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
	x:-o-prefocus, .qtip .qtip-tip{
		visibility: hidden;
	}

	.qtip .qtip-tip,
	.qtip .qtip-tip .qtip-vml,
	.qtip .qtip-tip canvas{
		position: absolute;

		color: #123456;
		background: transparent;
		border: 0 dashed transparent;
	}
	
	.qtip .qtip-tip canvas{ top: 0; left: 0; }

	.qtip .qtip-tip .qtip-vml{
		behavior: url(#default#VML);
		display: inline-block;
		visibility: visible;
	}

#qtip-overlay{
	position: fixed;
	left: -10000em;
	top: -10000em;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}



.qtipmodal-ie6fix{
	position: absolute !important;
}

#timeline {

    width: 800px;
    height: 350px;
    overflow: hidden;
    margin: 10px auto;
    position: relative;
    background:  #fff url(../WebDesign/images/timelinr/dot.gif) left 45px repeat-x;
    border: 0.5em solid #fff;
     box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.35);
}

#dates {
    width: 800px;
    height: 60px;
    overflow: hidden;
}

    #dates li {
        list-style: none;
        float: left;
        width: 100px;
        height: 50px;
        /*	font-size: 24px;*/
        text-align: center;
        background: url(../WebDesign/images/timelinr/biggerdot.png) center bottom no-repeat;
    }

    #dates a {
        line-height: 38px;
        padding-bottom: 10px;
    }

    #dates .selected {
        color: red;
        /*     font-size: 38px;*/
    }

#issues {
    width: 800px;
    height: 350px;
    overflow: hidden;
}

    #issues li {
        width: 800px;
        height: 350px;
        list-style: none;
        float: left;
    }

        #issues li.selected img {
            -webkit-transform: scale(1.1,1.1);
            -moz-transform: scale(1.1,1.1);
            -o-transform: scale(1.1,1.1);
            -ms-transform: scale(1.1,1.1);
            transform: scale(1.1,1.1);
        }

        #issues li img {
            float: left;
            margin: 10px 30px 10px 50px;
            background: transparent;
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE 6 & 7 */
            zoom: 1;
            -webkit-transition: all 2s ease-in-out;
            -moz-transition: all 2s ease-in-out;
            -o-transition: all 2s ease-in-out;
            -ms-transition: all 2s ease-in-out;
            transition: all 2s ease-in-out;
            -webkit-transform: scale(0.7,0.7);
            -moz-transform: scale(0.7,0.7);
            -o-transform: scale(0.7,0.7);
            -ms-transform: scale(0.7,0.7);
            transform: scale(0.7,0.7);
        }

        #issues li h1 {
            text-align: center;
            font-size: 2em;
        }

        #issues li .timeline-content {
            font-size: 14px;
            margin-left: 70px;
            margin-right: 70px;
            font-weight: normal;
            line-height: 22px;
        }

        .timeline-content hr
        { border-color : #ccc !important;
          opacity : 0.5;
        }

#grad_left,
#grad_right {
    width: 100px;
    height: 350px;
    position: absolute;
    top: 0;
}

#grad_left {
    left: 0;
    background: url(../WebDesign/images/timelinr/grad_left.png) repeat-y;
}

#grad_right {
    right: 0;
    background: url(../WebDesign/images/timelinr/grad_right.png) repeat-y;
}

#next,
#prev {
    position: absolute;
    top: 0;
    font-size: 70px;
    top: 170px;
    width: 22px;
    height: 38px;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

    #next:hover,
    #prev:hover {
        background-position: 0 -76px;
    }

#next {
    right: 0;
    background-image: url(../WebDesign/images/timelinr/next.png);
}

#prev {
    left: 0;
    background-image: url(../WebDesign/images/timelinr/prev.png);
}

    #next.disabled,
    #prev.disabled {
        opacity: 0.2;
    }

.Timelinr_Legend
{
    display:inline-block;
    margin:2em;
}


.Timelinr_Legend ul
{
  font-weight:bold;
}

.Timelinr_Legend li
{
   list-style: outside none none;
   margin-left:1em;
   padding-left: 20px;
   height:2em;
}

.Timelinr_Legend input[type="checkbox"]
{
    float:right;
    margin-left: 0.5em;
}

li.hors-periode{
   opacity:0.5;
}

li.previsionnel{
    opacity:0.5;
}

/*Temporaire, images à modifier*/
li.Debut_PEC {
    background: url(../WebDesign/icones/accept.png) center bottom no-repeat !important;
}

li.Fin_PEC {
  background: url(../WebDesign/icones/stop.png) center bottom no-repeat !important;
}

li.Arret_PEC {
    background: url(../WebDesign/icones/forward_disabled.png) center bottom no-repeat !important;
}

li.Reprise_PEC {
    background: url(../WebDesign/icones/forward_enabled_hover.png) center bottom no-repeat !important;
}

li.Prolong_PEC {
    background: url(../WebDesign/icones/filler.png) center bottom no-repeat !important;
}


.Timelinr_Legend li.Debut_PEC {
    background: rgba(0, 0, 0, 0) url("../WebDesign/icones/accept.png") left no-repeat !important;
}


.Timelinr_Legend li.Fin_PEC {
  background: url(../WebDesign/icones/stop.png) left no-repeat !important;
}

.Timelinr_Legend li.Arret_PEC {
    background: url(../WebDesign/icones/forward_disabled.png) left no-repeat !important;
}

.Timelinr_Legend li.Reprise_PEC {
    background: url(../WebDesign/icones/forward_enabled_hover.png) left no-repeat !important;
}

.Timelinr_Legend li.Prolong_PEC {
    background: url(../WebDesign/icones/filler.png) left no-repeat !important;
}

/**********************************************
 * Gestion du menu  ***************************
 **********************************************/
 
.ui-div-navigation{
    position: fixed;
    top: 0px; left: 0px;
    right:0px;
    border-bottom-style:inset;
    border-bottom-width:1px;
    border-bottom-color: #2D2D2D;
    z-index:1100;
    box-shadow: 0px 0px 10px #2D2D2D;
    
}


.ui-div-navigation ul,
.ui-div-navigation a{
    
    color:#CCCCCC ;
    font-size:14px;
}

.ui-div-navigation .ui-ul-sousmenu ul,
.ui-div-navigation .ui-ul-sousmenu a{
    
    color:	#908989 ;
}

.ui-div-navigation,
.ui-tooltip-nav .ui-tooltip-content{
  /*  font-size: 13px;*/
    text-align: left;
    background-color: #2D2D2D;
}


.ui-div-navigation ul,
.ui-div-navigation li{
    float: left;
    list-style: none outside none;
    
}


.ui-div-navigation .glyphicon-off
{
   margin-right:0.5rem; 
}


.ui-div-navigation  .ui-ul-MenuDroite
{
	float:right;
	height:30px;
}

.ui-div-navigation  .ui-ul-MenuDroite .ui-li-ged
{
	width:40px;
	height:30px;
	background: url(../WebDesign/icones/dossier.png) center center no-repeat;
	cursor:pointer;
}
.ui-div-navigation  .ui-ul-MenuDroite .ui-li-ged:hover
{
	background-color: #FFFFFF;
}

.ui-div-navigation  .ui-ul-MenuDroite .ui-li-publipostage
{
	width:40px;
	height:30px;
	background: url(../WebDesign/Images/logo_odt_24.png) center center no-repeat;
	cursor:pointer;
}
.ui-div-navigation  .ui-ul-MenuDroite .ui-li-publipostage:hover
{
	background-color: #FFFFFF;
}

    .ui-div-navigation .ui-ul-MenuDroite .ui-li-dmp {
        width: 40px;
        height: 30px;
        background: url(../WebDesign/Images/DMP_20x20.png) center center no-repeat;
        cursor: pointer;
    }
.ui-div-navigation  .ui-ul-MenuDroite .ui-li-dmp:hover
{
	background-color: #FFFFFF;
}


.ui-div-navigation  .ui-ul-MenuDroite .ui-li-separateur
{
	width:4px;
	height:30px;
	background: url(../WebDesign/icones/vgrabber.gif) center center no-repeat;
}

.ui-li-separateur-vertical
{
	height:4px;
	border-top:1px dotted black;
}

.ui-div-navigation  .ui-ul-MenuDroite .ui-li-utilisateur a
{
	background-image: url(../WebDesign/icones/bullet_arrow_down.png); 
	background-position:right  center;
	background-repeat:no-repeat; 
    padding-right: 26px; 
}

.ui-div-navigation ul
{
    padding:0px;
    margin:0px;
}

.ui-div-navigation li a{
    display: block;
    padding: 6px 10px 6px 10px;
}

.ui-div-navigation li[id^="liBouton"] a {
    display: block;
    padding: 5px 5px 5px 5px;
}

.ui-div-navigation li a:hover,
.ui-div-navigation li a.active{

    background-color: #FFFFFF;
    color: #000000;   
}

.ui-div-navigation a:hover,
.ui-div-navigation a.active{
    color: #000000;   
}
.ui-div-navigation .ui-ul-sousmenu{
    display: none;
    background-color: #FFFFFF;
}

.ui-div-navigation .ui-ul-sousmenu li a:hover, .ui-div-navigation .ui-ul-sousmenu li a.active
{
color: #000000;
background-color: #EAEAEA;
}

.ui-tooltip-nav{
    max-width: 240px;
}

.ui-tooltip-nav .ui-tooltip-content{
    padding: 0px;
    border-color:#ffffff;
}
.ui-div-navigation .ui-tooltip-nav ul,
.ui-div-navigation .ui-tooltip-nav li{
    float: none;
}

.ui-div-navigation .ui-tooltip-nav li a{
}

.ui-div-navigation .ui-a-menuactif
{
    border-top-color:Red;
    border-top-width: 1px;
    border-top-style: solid;
    font-weight:bold;
    
}

.ui-div-navigation .ui-ul-sousmenu .ui-a-menuactif
{
   border-top: none;
   border-left-width: 2px;
   border-left-style: solid;
   font-weight:bold;
    /*  border-left-color:Red; Definir dans chaque projet*/
}

.ui-div-navigation .ui-a-sousmenuhaut
{
    background: url(../WebDesign/icones/bullet_arrow_down.png) right no-repeat;  
    padding-right: 26px;     
}

.ui-div-navigation .ui-a-sousmenu
{
    background: url(../WebDesign/icones/bullet_arrow_right.png) right no-repeat;  
    padding-right: 26px;      
}

.ui-div-navigation .ui-a-sousmenu-utilisateur
{
    background: url(../WebDesign/icones/bullet_arrow_left.png) left no-repeat;  
    padding-left: 26px;      
}

.ui-tooltip-div-utilisateur
{
	width:200px;
}

.ui-tooltip-div-utilisateur a
{
	color:#908989;
}

.ui-tooltip-div-utilisateur a:hover{
    
    color: #000000;
}

.ui-tooltip-visu-ordonnance
{
    max-width:500px;   
    overflow:auto;
}
.ui-tooltip-visu-analyse-bcb
{
    max-width:700px; 
    max-height:500px;  
    overflow:auto;
}

.ui-div-accesWebPS a
{
	color: #CCCCCC;
}

.ui-div-accesWebPS a:hover
{
	color: #000000;
}

.remove-rules-css-compteur-messagerie {
    top: 0px;
    position: absolute;
    left: 0px;
}

.div-btn-acces-messagerie {
    position: relative;
    width: 28px;
    height: 23px;
}

.div-btn-acces-messagerie:hover .span-compteur-acces-messagerie i.fa-circle-quarter {
    color: white;
}

.div-btn-acces-messagerie a {
    padding: 0 !important;
}

.div-btn-acces-messagerie .fa-envelope,
.div-btn-acces-messagerie .fa-envelope-open {
    font-size: 1.5em;
    margin: .15em;
    --fa-secondary-opacity: 1;
}

.div-btn-acces-messagerie .fa-envelope {
    --fa-primary-color: #df9860;
    --fa-secondary-color: #f0b485;
}

.div-btn-acces-messagerie .fa-envelope-open {
    filter: grayscale(100%);
    --fa-primary-color: #df9860;
    --fa-secondary-color: #fff0e4;
}

.span-compteur-acces-messagerie {
    position: absolute;
    top: 9px;
    right: 10px;
}

.span-compteur-acces-messagerie i.fa-circle-quarter {
    color: #2d2d2d;
    top: 2px;
    left: -3px;
    font-size: 1.6em;
}

.span-compteur-acces-messagerie i.compteur-messagerie {
    font-weight: bold;
    margin-top: .15em;
    color: #f7ff00;
    position: absolute;
    text-shadow: 1.2px 1.2px #2d2d2d, -1.2px -1.2px #2d2d2d, 1.2px -1.2px #2d2d2d, -1.2px 1.2px #2d2d2d, 1.2px 1.2px 2px #2d2d2d, -1.2px -1.2px 2px #2d2d2d, 1.2px -1.2px 2px #2d2d2d, -1.2px 1.2px 2px #2d2d2d;
}

.mail, .mail-count:hover {
    /*background-image: url(../WebDesign/Images/mail-notification.png);*/
    background-color: Transparent !important;
    width:28px;height:23px;    
    background-repeat: no-repeat;
}
    
.unread{ background-position: 0 -23px; }
.empty{ background-position: 0 0; }
.mail-count{
    text-align:center;color:White !important; font-weight:bolder;
    height:23px; line-height:23px; padding: 0 0 !important;
}

/*.ui-a-menutitre[target="_blank"]
{
    cursor:pointer;
}

.ui-a-menutitre[target="_blank"]:hover
{
    font-weight:bolder;
}*/

/**********************************************
 * Fil d'Ariane  ******************************
 **********************************************/

.ui-ul-filAriane
{
	white-space: nowrap;
	margin: 10px 0px 0px 0px ;
	height: 30px;
	padding: 3px;
	width: 100%;
}

.ui-ul-filAriane a
{
	color:#908989;
	font-family:arial; 
	text-decoration:none; 
	font-size:14px;
}
.ui-ul-filAriane a:hover
{
	color: #000000;
	background-color: #EAEAEA;
}
.ui-ul-filAriane ul
{
	padding:0px;
	margin: 0px;
}

.ui-ul-filAriane li
{
	float:left;
	list-style: none outside none;
	padding: 5px 2px 5px 15px;
	background: URL(../WebDesign/icones/bullet_arrow_right.png) left no-repeat;
	white-space: nowrap;
}
.ui-ul-filAriane li a
{
	position:relative;
	z-index:11;
}
.ui-ul-filAriane .ui-ul-sousmenu li
{
	list-style: none outside none;
	padding: 0px;
	background-image: none;
}
.ui-ul-filAriane .ui-ul-sousmenu li a{
    display: block;
    color:	#908989 ;
    padding: 6px 10px 6px 10px;
}
.ui-ul-filAriane .ui-ul-sousmenu
{
    padding:0;
	display:none;
	background-color: #FFFFFF;
}
.ui-ul-filAriane .ui-tooltip-nav ul,
.ui-ul-filAriane .ui-tooltip-nav li{
    float: none;
}
.ui-ul-filAriane .ui-ul-sousmenu .ui-a-menuactif
{
    border-top: none;

   /*  border-left-color:Red; Definir dans chaque projet*/

    border-left-width: 2px;
    border-left-style: solid;
    font-weight:bold;
}
.ui-ul-filAriane .ui-ul-sousmenu .ui-a-sousmenu
{
    background: url(../WebDesign/icones/bullet_arrow_right.png) right no-repeat;  
    padding-right: 26px;      
}

.ui-ul-filAriane .ui-ul-sousmenu li a:hover, 
.ui-ul-filAriane .ui-ul-sousmenu li a.active
{
color: #000000;
background-color: #EAEAEA;
}


#divCadreFilAriane
{
	border: solid 1px #908989;
	border-left-color:transparent;
	border-right-color:transparent;
	border-top-color:transparent;
	z-index: 10;
	position:absolute;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}

#infoUtilMultiType 
{
    margin-left:0.5em;
    font-size:1.5em;
    color:orange;
    cursor:help;
}

/**********************************************
 * Fin Gestion du menu  ***********************
 **********************************************/


/**************************************************
Pour couper les mots en utilisant les règles de langues
     -webkit-hyphens:auto;
     -moz-hyphens :auto;
     -ms-hyphens:auto;
     hyphens: auto;
A utiliser avec modération
 *************************************************/
/*
.newChampIB::before {
    color: blue;
    content: "** ";
}
.newChampIB::after {
    color: blue;
    content: " **";
}*/


/*Font awesome ajouter des tailles et demi*/
.fa-0x50 {
    font-size: 0.5em
}

.fa-0x75 {
    font-size: 0.75em
}

.fa-1x50 {
    font-size: 1.5em
}
.fa-1x75 {
    font-size: 1.75em
}
.fa-1x25 {
    font-size: 1.25em
}

.fa-2x50 {
    font-size: 2.5em
}

.fa-3x50 {
    font-size: 3.5em
}

.white {
    background-color: white !important;
}

.saut_page {
    page-break-after: always;
}

.center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.txt-justify {
    text-align: justify;
}

.txt-italic {
    font-style: italic;
}

h2 {
    font-size: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: groove;
    opacity: 0.35;
}

.bottom-right {
    position: absolute;
    right: 0;
    bottom: 0;
}

.opacity0_75 {
    opacity: 0.75;
}
/***************************************/
/*Formulaires
/***************************************/
label {
    font-weight: normal;
}

.bold
{
    font-weight:bold;
}

.boldLabel label {
    font-weight: bold;
}

.ui-label-obligatoire::after, .labelObligatoire::after {
    color: red;
    content: " *";
}

.ui-info-obligatoire {
    font-size: 0.9em;
}

    .ui-info-obligatoire::before {
        color: red;
        content: "* ";
    }


input[type=text], input[type=number], input[type=password], select, textarea {
    margin: 0.1em .5em 0.1em 0.2em;
    padding: 0.1em 0.2em 0.1em 0.3em;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
    border: 1px solid #a9a9a9;
    background-color: #fff;
    font-size: 1em;
}

.tblstd input[type=text], .tblstd select, .tblstd textarea {
    margin-right: 0;
}

input[type=text]:-moz-read-only, textarea:-moz-read-only {
    border: none;
    background-color: #eee;
}

input[type=text]:read-only, textarea:read-only {
    border: none;
    background-color: #eee;
}

input[readonly], textarea[readonly] {
    border: none;
    background-color: #eee;
}

input[type=text]:disabled {
    border: none;
    background-color: #eee;
}

select[disabled] {
    border: none;
    background-color: #eee;
    color: #000;
    cursor: default;
}

button, input[type="button"]:hover, .btn:hover, .pointer {
    cursor: pointer;
}

a.btn:hover, a.btn:focus {
    text-decoration: none;
}

select option {
    padding-left: 0.5em;
    /*Pour compenser le padding du select et que la barre de sélection aille juqu'au bord à droite (plus propre)*/
    margin-right: -1.5em;
    padding-right: 1.5em;
    color: black;
    font-style: normal;
}

option[value=""], select.empty {
    font-style: italic;
}

.selectUpperCase select, .selectUpperCase option {
    text-transform: uppercase;
}
    .selectUpperCase option[value=""], .selectUpperCase select.empty{
        text-transform: none;
    }

optgroup {
    color: black;
}

.ui-autocomplete-category {
    font-weight: bold;
    line-height: 1.5;
    margin: 0.8em 0 0.2em;
    padding: 0.2em 0.4em;
}

.ui-autocomplete-infos {
    color: gray;
    padding-left: 5px;
    font-size: smaller;
}

input[type=checkbox] {
    margin-left: 0.2em;
    margin-right: 0.2em;
}

.space-check {
    padding-right: 1em;
}

.btnHistoChamp {
    cursor: pointer;
    margin-left: 0.25em;
    background: url(../WebDesign/icones/application_view_columns.png) no-repeat center;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}


input.Cache {
    width: 1em;
    height: 1em;
    border: none;
    box-shadow: none;
    background-color: transparent;
    color: transparent;
}

    input.Cache:read-only {
        background-color: transparent !important;
    }

    input.Cache:-moz-read-only {
        background-color: transparent !important;
    }

input.Libelle {
    width: 30em;
}

input.Libelle50 {
    width: 50em;
}

input.Identite {
    width: 18em;
}

input.ui-form-date {
    width: 6em;
}

th.Date {
    width: 6em;
}

input.tailleDate {
    width: 6em;
}

input.DateCourte, input.ui-form-annee {
    width: 3em;
}

input[type=number].ui-form-annee {
    width: 4em;
}


input.ui-form-time, input.ui-form-hour {
    width: 4em;
}

input.Monetaire, input.Compta {
    margin-right: 0em !important;
}

select.listeVilles {
    width: 20em;
}

input.NumSecu {
    width: 9.5em;
    margin-right: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    input:not([readonly]).NumSecu:focus {
        width: 11em;
        margin-right: 0;
    }
}

input.CleSecu {
    width: 2em;
    margin-left: 0;
}

input.alerteNumeroSecuAssuTemporaire,
input.alerteNumeroSecuBeneTemporaire {
    border: 2px dotted red;
}

input.alerteNumeroSecuAssuIncoherent,
input.alerteNumeroSecuBeneIncoherent {
    border: 2px dotted orange;
}

div.alerteNumeroSecuAssuTemporaire,
div.alerteNumeroSecuBeneTemporaire {
    display: none;
    color: red !important;
    font-style: italic;
    text-align: center;
}

div.alerteNumeroSecuAssuIncoherent,
div.alerteNumeroSecuBeneIncoherent {
    display: none;
    color: orange !important;
    font-style: italic;
    text-align: center;
}

input.NumFiness {
    width: 10em;
}


input.CleFiness,
input.CleRPPS,
input.Medt_cleno,
input.Medt_cabin,
input.Medt_conv,
input.Medt_zisd,
input.Medt_zik,
input.Medt_zik,
input.size1 {
    width: 2em;
    text-align: center;
}

input.size10 {
    width: 5.8rem;
    text-align: center;
}

input.cle {
    margin-left: 1rem;
}

input.NumSiret {
    width: 10em;
    text-align: center;
}

input.max {
    width: 98%;
    display: block;
}


textarea.TexteLibre {
    resize: none;
    width: 99%;
    height: 7em;
}

textarea.CommentaireDialog {
    width: 600px;
    height: 400px;
}



/*A éviter le plus possible (mettre classe spécifique pour les masques et validations)*/
.InputMini {
    width: 1em;
}

.InputSplitTime {
    width: 2em;
    margin-right: 0em !important;
}

.InputDeux {
    width: 2em;
}

.InputTrois {
    width: 3em;
}

.InputSept {
    width: 7em;
}

.InputHuit {
    width: 8em;
}

.InputCourt {
    width: 5em;
}

.InputMoyen {
    width: 10em;
}

.InputLong {
    width: 20em;
}

.InputTrente {
    width: 30em;
}

.InputLong2 {
    width: 40em;
}

.InputCinquante {
    width: 50em;
}

.tailleSelectLong {
    width: 28.5em;
}

select.SelectLong option, select.SelectLong {
    width: 28em;
}

select.optionParagraphe {
    text-overflow: ellipsis;
}

    select.optionParagraphe option:nth-child(2n) {
        background-color: #ccc !important;
    }

textarea.max, textarea.TexteLibre {
    display: block;
    resize: none;
    width: 98%;
    min-height: 7em;
}

textarea.IGmax {
    display: block;
    resize: vertical;
    width: 99%;
    min-height: 7em;
}

textarea.maxBas {
    display: block;
    resize: none;
    width: 98%;
    height: 3em;
}

textarea.descriptif {
    resize: none;
    width: 25em;
    height: 7em;
}

textarea.libelle {
    resize: none;
    width: 50em;
    height: 3.5em;
}


#inRecherchePatient {
    width: 85% !important;
    padding-left: 0.5em;
    margin-bottom: 0.5em;
}


.ui-formulaire-champ-modif, .valeurModifiee {
    background-color: #f6feed !important;
}



.span-form {
    padding: 1px;
    line-height: 2em;
    height: 2em;
}

.navigateurIE .span-form {
    display: flex;
}

.span-form::before, .span-form::after {
    display: table;
    content: " ";
}

.span-left {
    float: left;
    display: inline-block;
}

.span-right {
    float: right;
    display: inline-block;
}

.navigateurIE .span-right {
    padding-left: 0.5em;
}

.qtip-default .qtip-titlebar {
    background-color: transparent;
}

.ui-tooltip-rounded, .ui-tooltip-tipsy, .ui-tooltip-bootstrap {
    border-radius: 5px;
}

.ui-tooltip-shadow {
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.ui-tooltip-light {
    background-color: white;
    border-color: #e2e2e2;
    color: #454545;
}

.ui-tooltip-dark {
    background-color: #505050;
    border-color: #303030;
    color: #f3f3f3;
}

.qtip-default.ui-tooltip-dark .qtip-titlebar {
    background-color: #404040 !important;
    font-weight: bold;
    color: #f3f3f3;
}

.qtip-content {
    background-color: #fff;
    padding: 0;
}


.ui-tooltip-light .qtip-content {
    padding: 0.5em;
}

.ui-span-checkbox {
    display: inline-block;
    white-space: nowrap;
    padding-right: 1em;
}

/***************************************/
/*Boutons
/***************************************/

.divBtns {
    text-align: right;
    padding: 0 2em 0.5em 2em;
}


input[type='button'].btn-vider,
input[type='button'].btn-modifier,
input[type='button'].btn-details,
input[type='button'].btn-cadenas,
input[type='button'].btn-compteMessage,
input[type='button'].btn-cheque,
input[type='button'].btn-dossierInfo,
input[type='button'].btn-openDetails,
input[type='button'].btn-closeDetails,
input[type='button'].btn-supprimer,
input[type='button'].btn-supprimer_avecLibelle,
input[type='button'].btn-ajouter,
input[type='button'].btn-compta,
input[type='button'].btn-copier,
input[type='button'].icone-valider,
input[type='button'].icone-annuler,
input[type='button'].btn-archive,
span.btn-archive,
input[type='button'].btn-desarchive,
input[type='button'].btn-trace,
input[type='button'].btn-print,
input[type='button'].btn-refresh,
input[type='button'].btn-list,
input[type='button'].btn-detacher,
input[type='button'].btn-info,
button.btn-image,
input[type='button'].btn-pdf,
a.btn-pdf {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0.5em 1em;
}

    input[type='button'].btn-vider:hover,
    input[type='button'].btn-modifier:hover,
    input[type='button'].btn-details:hover,
    input[type='button'].btn-cadenas:hover,
    input[type='button'].btn-compteMessage:hover,
    input[type='button'].btn-cheque:hover,
    input[type='button'].btn-dossierInfo:hover,
    input[type='button'].btn-openDetails:hover,
    input[type='button'].btn-closeDetails:hover,
    input[type='button'].btn-supprimer:hover,
    input[type='button'].btn-ajouter:hover,
    input[type='button'].btn-compta:hover,
    input[type='button'].btn-copier:hover,
    input[type='button'].btn-archive:hover,
    input[type='button'].icone-valider:hover,
    input[type='button'].icone-annuler:hover,
    input[type='button'].btn-archive:hover,
    span.btn-archive:hover,
    input[type='button'].btn-desarchive:hover,
    input[type='button'].btn-trace:hover,
    input[type='button'].btn-print:hover,
    input[type='button'].btn-refresh:hover,
    input[type='button'].btn-list:hover,
    input[type='button'].btn-detacher:hover,
    input[type='button'].btn-info:hover,
    button.btn-image:hover,
    input[type='button'].btn-pdf:hover,
    a.btn-pdf:hover {
        -webkit-box-shadow: inset 0 -5px 5px rgba(0, 0, 0, .125) !important;
        box-shadow: inset 0 -5px 5px rgba(0, 0, 0, .125) !important;
        padding: 0.5em 1em;
    }


.icone-maison {
    padding: 13px;
    background: url(../WebDesign/images/Maison.png) no-repeat center;
}

.icone-lettre {
    padding: 9px;
    background: url(../WebDesign/images/Lettre.png) no-repeat center;
}

.icone-mail {
    padding: 7px;
    background: url(../WebDesign/images/mail.png) no-repeat center;
}

.icone-reunion {
    padding: 13px;
    background: url(../WebDesign/images/Maison.png) no-repeat center;
}

.icone-hopital {
    padding: 10px;
    background: url(../WebDesign/images/hopital.png) no-repeat center;
}

.icone-service {
    padding: 13px;
    background: url(../WebDesign/images/Service.png) no-repeat center;
}

.icone-fax {
    padding: 11px;
    background: url(../WebDesign/images/IconeFax.gif) no-repeat center;
}

.icone-telephone {
    padding: 8px;
    background: url(../WebDesign/images/Telephone.png) no-repeat center;
}

input[type='button'].btn-vider {
    background: url(../WebDesign/icones/effacer.png) no-repeat center;
}

input[type='button'].btn-modifier,
a.btn-modifier {
    background: url(../WebDesign/icones/modifier.png) no-repeat center;
}

a.ui-button {
    padding: .4rem;
}

a.btn.creation {
    margin-bottom: .3rem;
}

a.btn.suppression {
    margin: .3rem;
    padding-left: 1.5rem;
}

    a.btn.suppression:before {
        margin-left: -1rem;
        background: url(../WebDesign/icones/cross.png) no-repeat;
    }

.ui-buttonMVC.suppression {
    color: red;
}

a.btn.modification {
    background: url(../WebDesign/icones/modifier.png) no-repeat center;
    background-position: .3rem;
    padding-left: 1.5rem;
    margin: .5rem;
    border: none;
}

.ui-icon-etat-presentation {
    padding: 0em .5em 1.5em 1em;
    vertical-align: top;
}

.ui-icon-etat-valide-small-validationDoc {
    background: url(../WebDesign/icones/check-square-solid-16.png) no-repeat;
}

.ui-icon-etat-refuser-small-validationDoc {
    background: url(../WebDesign/icones/cross-solid-16.png) no-repeat;
}

.ui-image-modifier {
    background: rgba(0, 0, 0, 0) url("../WebDesign/icones/modifier.png") no-repeat scroll center center;
    border: medium none;
    cursor: pointer;
    margin: 0 3px;
    padding: 8px 1px 8px 20px;
}

.ui-image-clipboard {
    background: rgba(0, 0, 0, 0) url("../WebDesign/icones/CopyToClipBoard.png") no-repeat scroll center center;
    border: none;
    cursor: pointer;
    margin: 0 3px;
    padding: 11px;
}

input[type='button'].btn-details {
    background: url(../WebDesign/icones/details.png) no-repeat center;
}

input[type='button'].btn-cadenas {
    width: 60px;
    height: 60px;
    background: url(../WebDesign/icones/cadenas.png) no-repeat center;
}

input[type='button'].btn-compteMessage {
    width: 60px;
    height: 60px;
    background: url(../WebDesign/icones/Compte_message.png) no-repeat center;
}

input[type='button'].btn-dossierInfo {
    width: 50px;
    height: 50px;
    background: url(../WebDesign/icones/dossierInfo.png) no-repeat center;
}

input[type='button'].btn-cheque {
    width: 60px;
    height: 60px;
    background: url(../WebDesign/icones/cheque.png) no-repeat center;
}

input[type='button'].btn-info {
    background: url(../WebDesign/icones/info-circle.png) no-repeat center;
}

input[type='button'].btn-openDetails {
    background: url(../WebDesign/icones/details_open.png) no-repeat center;
}


input[type='button'].btn-closeDetails {
    background: url(../WebDesign/icones/details_close.png) no-repeat center;
}

input[type='button'].btn-supprimer {
    background: url(../WebDesign/icones/supprimer.png) no-repeat center;
}

.ui-image-profile {
    padding: 32px 1px 16px 32px;
    cursor: pointer;
    margin: 0px 5px 0px 5px;
}

.ui-image-grand-profile {
    padding: 1px 1px 128px 128px;
    margin: 0px 5px 0px 5px;
}

.ui-image-profile-femme {
    background: url(../WebDesign/images/femme-icone32x32.png) center center no-repeat;
}

.ui-image-grand-profile-femme {
    background: url(../WebDesign/images/femme-icone128x128.png) center center no-repeat;
}

.ui-image-profile-homme {
    background: url(../WebDesign/images/homme-icone32x32.png) center center no-repeat;
}

.ui-image-grand-profile-homme {
    background: url(../WebDesign/images/homme-icone128x128.png) center center no-repeat;
}

.ui-image-substituer {
    background: rgba(0, 0, 0, 0) url("../WebDesign/icones/oeil.png") no-repeat scroll center center !important;
    border: medium none !important;
    cursor: pointer;
    padding: 8px 1px 8px 20px;
}

.ui-icone-substituer {    
    cursor: pointer;
    margin: 0 3px; 
    color:forestgreen;
}

.ui-image-controle_prescription {
    background: rgba(0, 0, 0, 0) url("../WebDesign/icones/controle_prescription.png") no-repeat scroll center center;
    border: medium none;
    cursor: pointer;
    margin: 0 3px;
    padding: 4px 1px 8px 20px;
}

.ui-image-desubstituer {
    background: rgba(0, 0, 0, 0) url("../WebDesign/icones/oeilBarre.png") no-repeat scroll center center;
    border: medium none;
    cursor: pointer;
    margin: 0 3px;
    padding: 8px 1px 8px 20px;
}

input[type='button'].btn-supprimer_avecLibelle, input[type='button'].btn-supprimer_avecLibelle:hover {
    background: url(../WebDesign/icones/CroixSupprimer.gif) no-repeat left;
    padding-left: 20px !important;
    color: red !important;
    box-shadow: none !important;
}

.ui-icon-supprimer-detail, .ui-image-supprimer {
    background: url(../WebDesign/icones/supprimer.png) no-repeat center;
    padding: 8px 1px 8px 16px;
    cursor: pointer;
}

.ui-icon-supprimer {
    background: url(../WebDesign/Images/corbeille.png) center center no-repeat;
}

.ui-icon-copier {
    background: url(../WebDesign/Images/duplique.png) center center no-repeat;
}

.ui-icon-coller {
    background: url(../WebDesign/Images/coller.png) center center no-repeat;
}

.ui-icon-editer {
}

input[type='button'].btn-trace {
    background: url(../WebDesign/icones/trace.png) no-repeat center;
}

input[type='button'].btn-ajouter {
    background: url(../WebDesign/icones/CroixAjouter.gif) no-repeat center;
}

input[type='button'].btn-copier {
    background: url(../WebDesign/icones/copier.png) no-repeat center;
    padding: 5px 10px;
}

.btn-selection:before {
    font-family: 'Glyphicons Halflings';
    content: "\e169";
}

input[type='button'].btn-archive, span.btn-archive {
    background: url(../WebDesign/icones/archive-icone.png) no-repeat center;
}

input[type='button'].btn-desarchive {
    background: url(../WebDesign/icones/ouvre-archive.png) no-repeat center;
}

    input[type='button'].btn-archive, input[type='button'].btn-archive:hover,
    span.btn-archive, span.btn-archive:hover,
    input[type='button'].btn-desarchive, input[type='button'].btn-desarchive:hover {
        background-size: cover;
        padding: 1px !important;
        height: 19px;
        width: 17px;
    }

input[type='button'].btn-pdf, a.btn-pdf {
    background: url(../WebDesign/Images/icone-pdf-32.png) no-repeat center;
    background-size: 75%;
}

input[type='button'].btn-valider, input[type='button'].btn-annuler {
    /*utilisé pour validation par entrer*/
}



input[type='button'].icone-valider, .ui-image-valider {
    background: rgba(0, 0, 0, 0) url(../WebDesign/icones/valider.png) no-repeat center;
}

input[type='button'].icone-annuler, .ui-image-annuler {
    background: rgba(0, 0, 0, 0) url(../WebDesign/icones/annuler.png) no-repeat center;
}

    input[type='button'].icone-valider, input[type='button'].icone-valider:hover,
    input[type='button'].icone-annuler, input[type='button'].icone-annuler:hover {
        height: 19px;
        width: 17px;
        padding: 3px;
    }

.ui-image-valider, .ui-image-annuler {
    border: medium none;
    cursor: pointer;
    margin: 0 3px;
    padding: 8px 1px 8px 20px;
}


input[type='button'].btn-compta {
    background: url(../WebDesign/icones/compta.png) no-repeat center;
    background-size: cover;
}


input[type='button'].btn-print {
    background: url(../WebDesign/images/print.png) no-repeat center;
    background-size: cover;
    height: 20px;
    width: 20px;
}

    input[type='button'].btn-print:hover {
        background: url(../WebDesign/images/print_hover.png) no-repeat center;
        background-size: cover;
    }

.tailleBtnPrint {
    font-size: 1em;
    line-height: 2em;
}

.ui-icon-action {
    border: 1px solid; /* #cb9f9f;*/
    cursor: pointer;
    margin: 0 5px;
    padding: 11px 4px 11px 32px;
}

.ui-icon-valider {
    background: rgba(0, 0, 0, 0) url("../WebDesign/Images/valider.png") no-repeat scroll center center;
}

.ui-icon-arret {
    background: rgba(0, 0, 0, 0) url("../WebDesign/Images/icone_stop.png") no-repeat scroll center center;
}

.ui-icon-renouveler {
    background: rgba(0, 0, 0, 0) url("../WebDesign/Images/renouvelle.png") no-repeat scroll center center;
}

.ui-icon-dupliquer {
    background: rgba(0, 0, 0, 0) url("../WebDesign/Images/duplique.png") no-repeat scroll center center;
}

.ui-icon-IB-soin {
    background: rgba(0, 0, 0, 0) url("../WebDesign/Images/logo_odt_24.png") no-repeat scroll center center;
}

input[type='button'].btn-refresh {
    background: url(../WebDesign/icones/arrow_refresh.png) no-repeat center;
}

input[type='button'].btn-list {
    background: url(../WebDesign/icones/list.png) no-repeat center;
}

.ligth {
    opacity: 0.5;
}

.btn-right {
    float: right;
}

.btn-left {
    float: left;
}

.btn-image {
    padding: 0em;
    margin: 0em;
}


#btn_search, .btn-search {
    float: right;
    margin-right: 0.5em;
}

a.retourHautPage {
    margin: 0 !important;
    padding-left: 18px;
    background: url(../WebDesign/icones/haut.png) no-repeat center left;
    color: #666;
    white-space: nowrap;
}

    a.retourHautPage :hover, a.retourHautPage :focus {
        color: #666 !important;
    }

#AdresseAdministrative .ui-div-gestion-adresse {
    position: absolute;
    right: 2em;
    top: 2em;
}


.header-btn {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

input[type=button]:disabled {
    opacity: 0.35;
    cursor: default;
}

.ajout {
    /*background-image: url("../Images/BackgroundButtonAjout.jpg"); 
    color: red; Mis dans les feuilles de style de chaque logiciel*/
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 16px;
    padding-left: 16px;
    text-decoration: none;
    /*  width: 144px;*/
}

.ui-icon-monographie {
    background: rgba(0, 0, 0, 0) url("../WebDesign/Images/info_16.png") no-repeat scroll center center;
    cursor: pointer;
    padding: 8px 1px 8px 16px;
}

.ui-dialog .notDialog-btn {
    display: none;
}

#archiveInTable input[type=button] {
    vertical-align: middle
}

.iconeLien {
    cursor: pointer;
}


.ui-icon-mobisoinsPatient {
    background-image: url("../WebDesign/Images/Logo_Mobisoins_Patient.png");
    background-size: contain;
    border: none;
    resize: none;
    background-repeat: no-repeat;
    background-position: center;
    width: 2em;
    height: 3em;
}

.div-zone-mb-patient {
    position: absolute;
    bottom: 40px;
    right: 10px;
}
.div-zone-mb-patient .fa-stack .fa-stack-2x {
    opacity: 0.75;
}

.div-zone-mb-patient .fa-stack .fa-stack-1x {
    font-size: 1.5em;
    position: absolute;
    top: 40px;
    left: 15px;
}
    /***************************************/
    /*Blocs
/***************************************/
    #fieldsetActionsGroupees span.blockAction, .divActionMultipleSurTable {
        display: inline-block;
        white-space: nowrap;
        line-height: 2.25em;
    }

    .divActionMultipleSurTable select, .divActionMultipleSurTable input, span.blockAction select, span.blockAction input {
        margin-right: 0.25em !important;
    }

        .divActionMultipleSurTable input[type="button"] {
            /* Pour éviter de la perte de place (les styles existants génériques sont très larges) */
            padding: 0 8px;
        }


#hidden_box, .Masquer, #repertoire_reserveDicsit {
    position: fixed;
    top: -1px;
    left: -1px;
    visibility: hidden;
    height: 0px;
    width: 0px;
}

.optionMasque option, .optionMasque optgroup {
    display: none;
}

.inline-block {
    display: inline-block;
    vertical-align: top;
}

.inline-block-middle {
    display: inline-block;
    vertical-align: middle;
}

.stick {
    padding-left: 0em;
    padding-right: 0em;
}

    .stick input[type=text] {
        margin-left: 0em;
        margin-right: 0em;
    }

.nowrap {
    white-space: nowrap;
}

.vertical-align {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.padding_0_5 {
    padding: 0.5em;
}

.ui-span-boutonbar .ui-span-icon {
    border: 1px solid Transparent;
    display: block;
    float: right;
    margin: 0 0.5em;
    width: 16px;
}

.ui-image-list {
    background: rgba(0, 0, 0, 0) url(../WebDesign/icones/list.png) no-repeat scroll center center;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    margin: 0 3px;
    padding: 8px 1px 8px 20px;
}

.ui-autocomplete {
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.35);
    max-height: 20em;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 1em;
    padding-left: 0.5em;
    /* position: fixed; /*sinon tronqué par les bords d'une boite de dialogue si autocomplète à l'intérieur*/
    z-index: 100;
}

.ui-autocomplete-loading {
    background: white url('../WebDesign/Images/chargement.gif') right center no-repeat;
}

.custom-combobox {
    position: relative;
    display: inline-block;
}

.custom-combobox-toggle {
    position: absolute;
    margin-left: -1px;
    padding: 0;
    bottom: 0;
    top: 0;
}

.custom-combobox-toggle-btn {
    background: url(../WebDesign/Images/arrow-down-black.gif) no-repeat center;
    display: inline-block;
    min-width: 10px;
    min-height: 22px;
    margin-top: -3px;
}

input.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
    box-shadow: none;
}

.ui-dialog .ui-dialog-title {
    margin-right: 2em !important;
}

.ui-dialog-titlebar-close {
    width: auto !important;
    height: auto !important;
    padding: 0em 0.2em !important;
}

    .ui-dialog-titlebar-close:hover {
        cursor: pointer;
    }

.qtip {
    /*Pour éviter que les titres dans le fil d'Ariane des répertoires ne soient tronqués*/
    max-width: 500px !important;
}

#alert-success-generique,
#alert-danger-generique,
#alert-warning-generique,
#alert-info-generique {
    display: none;
    opacity: 500;
    position: fixed;
    top: 31px;
    width: 100vw;
    z-index: 1099;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    width: auto;
    min-width: 30em;
    cursor: pointer;
    user-select: none;
}

.alert .div-message-avertissement {
    box-shadow: 3px 5px 7px rgba(0, 0, 0, .2);
}


.ui-div-sousMenu ul {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 4px 0px;
}

.ui-div-sousMenu li {
    width: 100%;
    display: block;
    padding: 10px 0px;
    cursor: pointer;
    color: #908989;
}

    .ui-div-sousMenu li a {
        padding: 0px 6px;
    }

    .ui-div-sousMenu li:hover {
        color: #000000;
        background-color: #f1f1f1;
    }

.ui-div-sousMenu ul,
.ui-div-sousMenu li {
    list-style: none outside none;
}

.spanListe span {
    display: block;
}

/***************************************/
/*Tableaux
/***************************************/
/*Tailles, ombres, bordures grises, les couleurs autres sont définies dans chaque projet*/
.tblstd {
    width: 100%;
    border: 1px dotted #cccccc;
    margin-bottom: 1em;
    background-color: White;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.35);
    font-size: 1em;
    border-collapse: collapse;
}

    .tblstd td {
        padding: 1px 4px 1px 4px;
    }

    .tblstd th {
        padding-left: 0.25em;
        padding-right: 0.25em;
    }

        .tblstd th.cellBtn, .tblstd td.cellBtn { /*Défini en fonction de la taille des icones (16x16)*/
            width: 20px !important;
            padding: 0.2em 0.5em !important;
            text-align: center;
        }

        .tblstd th.cellBtn2, .tblstd td.cellBtn2 { /*Défini en fonction de la taille des icones (16x16)*/
            width: 40px !important;
            padding: 0.2em 0.5em !important;
            text-align: center;
        }

    .tblstd .cellbtnLien {
        white-space: nowrap;
    }

.tblstd th.cellCheck { /*Défini en fonction de la taille des checkboxs*/
    width: 1.5em !important;
    padding: 0.2em 0.5em !important;
    text-align: center;
}

.tblstd th.cellTime {
    width: 2em !important;
    padding: 0.2em 0.5em !important;
    text-align: center;
}

.tblstd td.cellBtn { /*Défini en fonction de la taille des icones (16x16)*/
    width: 20px !important;
    padding: 0.2em 0.5em !important;
    text-align: center;
}

.tblstd td.cellCheck { /*Défini en fonction de la taille des checkboxs (16x16)*/
    text-align: center;
}

td[rowspan] {
    vertical-align: top;
}

.tblstd th.toprint {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

.tblstd img {
    border: 0px;
}

.tblstd th {
    letter-spacing: 1px;
    color: #000000;
    font-style: normal;
}

.tblstd tbody tr:hover {
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
    text-shadow: 1px 1px 1px rgba(4, 12, 77, 0.25);
}


.ScollContent table {
    margin: 0;
}

.ScollHeader {
}

.ScollBody {
    overflow-y: auto;
}

.tblstd_no_hover {
    border: 1px solid;
    background-color: White;
    width: 100%;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.35);
    border-collapse: collapse;
}

    .tblstd_no_hover td, .tblstd_no_hover th {
        border: 1px solid;
        padding: 8px 16px;
    }

    .tblstd_no_hover th {
        letter-spacing: 1px;
        color: #000000; /* couleur du texte */
        font-style: normal;
    }

table.dataTable thead th {
    padding: 10px !important;
}

    table.dataTable thead th.sorting, table.dataTable thead th.sorting_desc, table.dataTable thead th.sorting_asc {
        padding-right: 20px !important;
    }


td.text-justify {
    word-break: break-word;
    hyphens: manual;
    text-align: justify;
}

/***************************************/
/*Détail patient
/***************************************/
.divResumeIntervenant /*Contenant pour garder un espace vertical entre les blocks*/ {
    padding: 0.5em 0;
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.ResumeIntervenant {
    background: rgba(0, 0, 0, 0) linear-gradient(#ffffff, #c9c9c9) repeat scroll 0 0;
    border: 1px solid #c9c9c9;
    border-radius: 8px;
    box-shadow: 3px 3px 5px #666;
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding: 0em 1em 1em 1em;
    word-break: break-all;
}

    .ResumeIntervenant .header {
        padding-left: 2em;
        font-weight: bold;
    }




.header-ancre { /*anciennement #ui-ul-intervenant*/
    font-size: 1em;
    line-height: 2.5em;
    list-style-type: none;
    text-align: center;
    margin: 0;
}

    .header-ancre li { /*anciennement #ui-ul-intervenant li*/
        display: inline-block;
        margin: 0 1em 0 1em;
    }




/***************************************/
/*Etiquette
/***************************************/

.ui-div-etiquette {
    border-radius: 10px;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.35);
    width: 98%;
    margin-top: 0.5em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.ui-div-etiquette-header {
    border-radius: 10px 10px 0px 0px;
    /* color: White;*/
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0.1em;
    text-align: center;
   
}
.ui-div-etiquette-footer{
    position:relative;
    width:98%;
}
.div-content-icone-mobisoins-patient
{
    height:3.2rem;
}

.ui-div-etiquette-archi {
    background-color: #ffff69;
    text-align: center;
    padding: .2em;
    font-weight: 700;
    color: red;
}

.ui-div-etiquette-header a {
    /* color: White;*/
}

.ui-div-etiquette-content {
    border-radius: 0px 0px 10px 10px;
    background-image: linear-gradient(#c9c9c9, #ffffff);
    padding: 0.2em 0.5em 0.2em 0.5em;
}

.ui-div-information-dossier-sejour {
    border-bottom: 1px dashed #333333;
    border-top: 1px dashed#333333;
    padding: 5px 0px;
    position: relative;
}

.ui-div-etiquette-content .ui-div-information-titre {
    /*background-color: #ed9f9f !important; Dans chaque projet*/
    text-align: center;
    padding: 2px;
}

.ui-div-etiquette-content .ui-span-information {
    display: inline-block;
    padding: 3px 0;
    -ms-word-wrap: normal;
    word-wrap: normal;
}

.ui-div-etiquette-content .ui-span-information-label {
    width: 90px;
}

.ui-div-etiquette-content .ui-nav-button-precedent {
    position: absolute;
    left: 0px;
    text-decoration: none;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 20px;
    width: 16px;
    cursor: pointer;
}

#divNavigationSejourPrecedent, #divNavigationSejourSuivant {
    display: none;
}

.ui-div-etiquette-content .ui-nav-button-suivant {
    position: absolute;
    right: 0px;
    text-decoration: none;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 20px;
    width: 16px;
    cursor: pointer;
}

/***************************************/
/*Sommaire répertoires
/***************************************/

/*On fixe la taille pour éviter d'agrandir inutilement la page*/
#sommaireNatureSoin {
    height: 50em;
    overflow: auto;
}

    #sommaireNatureSoin ul {
        list-style-type: none;
    }

.ui-li-selectionne {
    background-color: #faeaea;
    border: 1px solid #cb9f9f;
    color: #b20000;
}



/***************************************/
/*Autre
/***************************************/

.inputMaxOmbre {
    border: 1px solid #d3d3d3 !important;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.35) !important;
    color: #4d4d4d;
    width: 90% !important;
    margin-left: 5% !important;
    margin-top: 1em !important;
}

footer {
    bottom: 10px;
    color: #646464;
    font-size: 12px;
    left: 0;
    margin: 20px auto 0;
    right: 0;
    text-align: center;
}

    footer div {
        display: inline-block;
        vertical-align: middle;
    }

    footer img {
        display: inline-block;
        height: 100px;
    }

.ui-form-periode {
    display: inline-block;
    width: auto;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.35);
    padding: 0.5em 0.25em 0.5em 0.5em;
    margin: 0.5em 0em;
}

.ui-color-rouge {
    color: red;
}

.ui-color-jaune {
    color: #efc915;
}

.ui-color-orange {
    color: #fb9508;
}

.ui-color-vert {
    color: green;
}

.ui-color-gris {
    color: #808080;
}

.color-boy {
    color: #6584ff;
}

.color-girl {
    color: #ff65bc;
}

.Red {
    color: red;
}

.black {
    color: black;
}

.minScroll, .centerScroll {
    border-right: 2px dashed grey;
}

.maxScroll, .centerScroll {
    border-left: 2px dashed grey;
}

.ui-div-VersionInfo {
    border: 1px solid; /*Couleur à surcharger*/
    font-size: smaller;
    color: gray;
    position: fixed;
    bottom: 10px;
    left: 5px;
    cursor: pointer;
    /*background-color: white; A surcharger*/
    text-align: left;
    box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.20);
    padding: 1px 4px;
}

.ui-liste-color {
    border: 1px dashed;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    margin: 0.5em 0.25em;
    padding: 0.5em;
    vertical-align: top;
    color: black;
    /*couleur de fond et de bordure à surcharger*/
}

/***********************************************/
/*Onglets
/***********************************************/
.ui-content-onglet {
    display: inline-block;
    width: auto;
    border: 1px solid black;
    border-radius: 2px;
    padding: 0.5em;
    padding-bottom: 0 !important;
    margin: 0.5em;
    margin-bottom: 0 !important;
}

.ui-onglet {
    border: 1px solid;
    border-radius: 5px 5px 0px 0px;
    padding: 0.5em;
    margin-bottom: 0;
    border-bottom: none;
    cursor: pointer;
    display: block;
    float: left;
}

    .ui-onglet.ui-state-default {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

    .ui-onglet:hover {
        background-color: #fff;
    }

    .ui-onglet.ui-label-disabled {
        cursor: default;
        opacity: 0.5;
    }

label.ui-label-disabled {
    color: #999;
}

.ui-onglet.ui-label-disabled:hover {
    background-color: transparent;
}

.ui-onglet.ui-state-active {
    background-color: #fff !important;
    cursor: default;
    border-bottom: 1px solid #fff !important;
    margin-bottom: -1px !important;
    font-weight: bold;
    opacity: 1;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


.ui-form-onglet {
    margin-top: 0 !important;
    padding: 0.5em;
    background-color: #fff;
}


div.OngletsDePage {
    margin-bottom: 0.5em;
    height: auto !important;
}

    div.OngletsDePage ul li {
        list-style-type: none;
        background: White none repeat scroll 0 0;
        border-style: none dotted dotted;
        border-width: 1px;
        display: inline-block;
        cursor: pointer;
        margin-right: 0.25em;
    }

        div.OngletsDePage ul li.OngletsDePageActif {
            cursor: default;
        }

.OngletsDePageTitre {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.OngletsDePageConteneur select {
    border: none;
    box-shadow: none;
    background-color: transparent;
    width: 100%;
    margin: 0;
    font-weight: inherit;
    font-size: x-small;
    color: inherit;
}

    .OngletsDePageConteneur select option {
        font-weight: normal;
        color: black;
        background-color: white;
    }

#divMasterHaut div.OngletsDePage {
    position: fixed;
    top: 30px;
    right: 20px;
    height: 30px;
    z-index: 990;
    background: none;
    border: none;
}

    #divMasterHaut div.OngletsDePage ul {
        float: right;
    }

        #divMasterHaut div.OngletsDePage ul li.OngletsDePageActif .ui-icon {
            display: none;
        }

        #divMasterHaut div.OngletsDePage ul li .ui-icon {
            float: right;
            display: block;
        }

/* Onglets génériques utilisés dans le composant @Html.OngletExtension (ex : page Repertoires/RepertoireAttributMotifPrescription.aspx) */
.ui-tabs .ui-tabs-nav li.onglet {
    padding: .5em 1em;
    background: white;
    border: solid 1px rgb(178, 0, 0);
    cursor: pointer;
}

    .ui-tabs .ui-tabs-nav li.onglet.verrou {
        cursor: auto;
    }
/***********************************************/
/*Message information chargement différé données
/***********************************************/
#div-msg-chgt .ui-state-highlight {
    background: #fff3b3 url("../WebDesing/images/jquery-ui/ui-bg_diagonals-medium_50_fff3b3_40x40.png") repeat scroll 50% 50% !important;
}

#div-msg-chgt {
    margin: 1em auto;
    padding-left: 7px;
    padding-right: 7px;
    width: 22%;
}

    #div-msg-chgt .span-msg {
        display: block;
        margin-bottom: 7px;
        margin-left: 25px;
    }

    #div-msg-chgt .ui-icon {
        position: absolute;
    }

.ui-icon-info {
    background-position: -16px -144px;
}

/***********************************************/
/*Message information en général
/***********************************************/
.div-msg-alerte .ui-state-highlight {
    background: #fff3b3 url("../WebDesing/images/jquery-ui/ui-bg_diagonals-medium_50_fff3b3_40x40.png") repeat scroll 50% 50% !important;
}

.div-msg-alerte {
    margin: 1em auto;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

    .div-msg-alerte .span-msg {
        display: block;
        margin-bottom: 1em;
        margin-left: 2em;
    }

    .div-msg-alerte .ui-icon {
        position: absolute;
    }

    .div-msg-alerte .ui-icon-info {
        background-position: -16px -144px;
    }


/**************************************/
/*Arborescence avec treeview
/**************************************/

.divSplitter {
    border: 1px #202020 solid;
    width: 99%;
    /*height: 800px;*/
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2) inset;
}

.splitter-bar-vertical {
    width: 6px;
    border-left: 1px #404040 solid;
    border-right: 1px #404040 solid;
    background: #FFFFFF url(../WebDesign/icones/vgrabber.gif) no-repeat center;
    cursor: col-resize !important;
    position: absolute;
    border-top: 1px #FFFFFF solid;
    border-bottom: 1px #FFFFFF solid;
    top: -1px;
    box-shadow: 3px 0 2px rgba(0, 0, 0, 0.15);
}
.splitter-bar-horizontal {
    width: 100%;
    height: 6px;
    border-top: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    background: #FFFFFF url(../WebDesign/icones/hgrabber.gif) no-repeat center;
    cursor: row-resize !important;
    position: absolute;
    border-left: 1px #FFFFFF solid;
    border-right: 1px #FFFFFF solid;
    left: -1px;
    /*box-shadow: 3px 0 2px rgba(0, 0, 0, 0.15);*/
}

.splitter-bar.active {
    opacity: 0.7;
}

#div-contenu-paneGauche {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    padding-bottom: 0.5em;
    vertical-align: top;
    /* No margin or border allowed */
}
/*
         * Right-side element of the splitter.
         */
#div-contenu-paneDroite {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    vertical-align: top;
    /* No margin or border allowed */
}

    #div-contenu-paneGauche.col-md-2, #div-contenu-paneDroite.col-md-10 {
        padding: 0;
    }

#div-contenu-arborescence span {
    border: 1px solid Transparent;
    cursor: pointer;
    display: block;
    padding: 2px;
}

.treeview, .treeview ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .treeview ul {
        background-color: white;
        margin-top: 4px;
    }

    .treeview .hitarea {
        background: url(../WebDesign/images/treeview-default.gif) -64px -25px no-repeat;
        background: url(../WebDesign/images/treeview-default.gif) -64px -25px no-repeat;
        height: 16px;
        width: 16px;
        margin-left: -16px;
        float: left;
        cursor: pointer;
    }
/* fix for IE6 */
* html .hitarea {
    display: inline;
    float: none;
}

.treeview li {
    margin: 0;
    padding: 3px 0px 3px 16px;
}

.treeview a.selected {
    background-color: #eee;
}

#treecontrol {
    margin: 1em 0;
    display: none;
}

.treeview .hover {
    color: red;
    cursor: pointer;
}

.treeview li {
    background: url(../WebDesign/Images/treeview-default-line.gif) 0 0 no-repeat;
}

.treeview li {
    background: url(../WebDesign/Images/treeview-default-line.gif) 0 0 no-repeat;
}

    .treeview li.collapsable, .treeview li.expandable {
        background-position: 0 -176px;
    }

.treeview .expandable-hitarea {
    background-position: -80px -3px;
}

.treeview li.last {
    background-position: 0 -1766px;
}

.treeview li.lastCollapsable, .treeview li.lastExpandable {
    background-image: url(../WebDesign/Images/treeview-default.gif);
}

.treeview li.lastCollapsable, .treeview li.lastExpandable {
    background-image: url(../WebDesign/Images/treeview-default.gif);
}

.treeview li.lastCollapsable {
    background-position: 0 -111px;
}

.treeview li.lastExpandable {
    background-position: -32px -67px;
}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {
    background-position: 0;
}

.treeview-red li {
    background-image: url(../WebDesign/Images/treeview-red-line.gif);
}

    .treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable {
        background-image: url(../WebDesign/Images/treeview-red.gif);
    }

    .treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable {
        background-image: url(../WebDesign/Images/treeview-red.gif);
    }

.treeview-black li {
    background-image: url(../WebDesign/Images/treeview-black-line.gif);
}

    .treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable {
        background-image: url(../WebDesign/Images/treeview-black.gif);
    }

    .treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable {
        background-image: url(../WebDesign/Images/treeview-black.gif);
    }

.treeview-gray li {
    background-image: url(../WebDesign/Images/treeview-gray-line.gif);
}

    .treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable {
        background-image: url(../WebDesign/Images/treeview-gray.gif);
    }

    .treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable {
        background-image: url(../WebDesign/Images/treeview-gray.gif);
    }

.treeview-famfamfam li {
    background-image: url(../WebDesign/Images/treeview-famfamfam-line.gif);
}

    .treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable {
        background-image: url(../WebDesign/Images/treeview-famfamfam.gif);
    }

.treeview .placeholder {
    background: url(../WebDesign/Images/ajax-loader.gif) 0 0 no-repeat;
    background: url(../WebDesign/Images/ajax-loader.gif) 0 0 no-repeat;
    height: 16px;
    width: 16px;
    display: block;
}

span.select-span {
    cursor: pointer;
}

.ui-tooltip-transCibleeOrigine {
    min-width: 1100px;
    min-height: 100px;
}

.ui-tooltip-trace {
    min-width: 600px;
    min-height: 100px;
}

select[disabled] {
    -moz-appearance: none;
    -webkit-appearance: none;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input.disabled[type="radio"],
input.disabled[type="checkbox"],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: text !important;
}

.disabled {
    position: relative;
    opacity: 0.6;
}

    .disabled::before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

/******************************/
/*Recherche sur UO*/
/******************************/
.divUOChecked {
    margin: 5px 0 0 0;
    display: inline-block;
}

.divPartCritereRechercheUO {
    margin: 3px 3px 3px 0;
}

.divPartCritereRecherche {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    min-width: 240px;
    margin: 1px;
}

#div-critere-recherche label:hover {
    cursor: pointer;
}

.divPartCritereRecherche span {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

    .divPartCritereRecherche span label {
        font-weight: bold;
        font-size: 12px;
    }

.divPartCritereRechercheUO span label.ui-icone-arrow {
    background: url("../WebDesign/Images/OpenArrow.png");
    width: 19px;
    height: 21px;
    background-repeat: no-repeat;
    float: right;
    display: inline-block;
}

.divPartCritereRechercheUO span.titreUO {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    border: 1px solid #D3D3D3;
}

.divPartCritereRechercheUO span label.labelUO {
    margin-top: 4px;
    display: inline-block;
    vertical-align: top;
    width: 92%;
}

.divUODetail-checkbox {
    max-height: 200px;
    min-height: 10px;
    min-width: 200px;
    overflow: auto;
    display: none;
}

    .divUODetail-checkbox span {
        display: block;
    }

.zone-ajax {
    position: relative;
}

    .zone-ajax:before {
        display: none;
    }

    /* zone en chargement : création d'un utilisateur par ex */
    .zone-ajax.chargement:before {
        content: "";
        background-color: rgba(255,255,255,.5);
        z-index: 100;
        position: absolute;
        display: block;
        top: 0;
        height: 100%;
        width: 100%;
    }

    .zone-ajax.chargement::after {
        font-size: 12px;
        display: block;
        color: #333;
        content: attr(data-content);
        position: absolute;
        top: 50%;
        left: 20%;
        right: 20%;
        background-image: url(../WebDesign/images/chargement.gif);
        background-color: rgba(249, 247, 247, .5);
        background-position: 50% 20px;
        background-repeat: no-repeat;
        margin-top: -25px;
        text-align: center;
        height: 45px;
        padding: 5px;
        z-index: 100;
        border: dashed 1px rgb(208, 108, 140);
        border-radius: 5px;
    }

.masqueDeSaisieAvantRedirection {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 930000000;
    position: fixed;
    top: 0;
    bottom: 0;
}

    .masqueDeSaisieAvantRedirection > div {
        width: 15rem;
        height: 3rem;
        background: white;
        background-image: url(../WebDesign/images/chargement.gif);
        top: 50%;
        left: 50%;
        margin-top: -1.5rem;
        margin-left: -6rem;
        padding: 1rem;
        padding-left: 2.5rem;
        position: absolute;
        border: 1px solid #cb9f9f;
        background-repeat: no-repeat;
        background-position: .5rem;
    }

.div-inline-block {
    display: inline-block;
}

.div_Inline_Info_Gen {
    display: inline-block;
    vertical-align: middle;
}

.btn_Inline_Info_Gen {
    display: inline-block;
    vertical-align: middle;
}

/* Dans la liste des suivis, des entretiens et des consignes : on décore l'input de type submit qui renvoi sur la fiche bénéficiaire */
input[type="submit"].ui-lien-patient {
    border: none !important;
    box-shadow: none !important;
    cursor: pointer;
    background: none !important;
    padding: 0 !important;
}

/* utiliser dans Parametres/paramUniteOrganisationnelle.aspx et dans Dossier/Intervenants.aspx?orga_code=166942&indi_code=AC9B */
.warning {
    margin: .5rem;
    padding: .5rem;
    border: red solid 1px;
    background: lightyellow;
}

.ui-lien-patient:hover,
a.ui-lien-patient:focus {
    text-decoration: none;
}

.percent1 {
    width: 1%;
}

.percent2 {
    width: 2%;
}

.percent3 {
    width: 3%;
}

.percent4 {
    width: 4%;
}

.percent5 {
    width: 5%;
}

.percent6 {
    width: 6%;
}

.percent7 {
    width: 7%;
}

.percent8 {
    width: 8%;
}

.percent9 {
    width: 9%;
}

.percent10 {
    width: 10%;
}

.percent11 {
    width: 11%;
}

.percent12 {
    width: 12%;
}

.percent13 {
    width: 13%;
}

.percent14 {
    width: 14%;
}

.percent15 {
    width: 15%;
}

.percent16 {
    width: 16%;
}

.percent17 {
    width: 17%;
}

.percent18 {
    width: 18%;
}

.percent19 {
    width: 19%;
}

.percent20 {
    width: 20%;
}

.percent21 {
    width: 21%;
}

.percent22 {
    width: 22%;
}

.percent23 {
    width: 23%;
}

.percent24 {
    width: 24%;
}

.percent25 {
    width: 25%;
}

.percent26 {
    width: 26%;
}

.percent27 {
    width: 27%;
}

.percent28 {
    width: 28%;
}

.percent29 {
    width: 29%;
}

.percent30 {
    width: 30%;
}

.percent31 {
    width: 31%;
}

.percent32 {
    width: 32%;
}

.percent33 {
    width: 33%;
}

.percent34 {
    width: 34%;
}

.percent35 {
    width: 35%;
}

.percent36 {
    width: 36%;
}

.percent37 {
    width: 37%;
}

.percent38 {
    width: 38%;
}

.percent39 {
    width: 39%;
}

.percent40 {
    width: 40%;
}

.percent41 {
    width: 41%;
}

.percent42 {
    width: 42%;
}

.percent43 {
    width: 43%;
}

.percent44 {
    width: 44%;
}

.percent45 {
    width: 45%;
}

.percent46 {
    width: 46%;
}

.percent47 {
    width: 47%;
}

.percent48 {
    width: 48%;
}

.percent49 {
    width: 49%;
}

.percent50 {
    width: 50%;
}

.percent51 {
    width: 51%;
}

.percent52 {
    width: 52%;
}

.percent53 {
    width: 53%;
}

.percent54 {
    width: 54%;
}

.percent55 {
    width: 55%;
}

.percent56 {
    width: 56%;
}

.percent57 {
    width: 57%;
}

.percent58 {
    width: 58%;
}

.percent59 {
    width: 59%;
}

.percent60 {
    width: 60%;
}

.percent61 {
    width: 61%;
}

.percent62 {
    width: 62%;
}

.percent63 {
    width: 63%;
}

.percent64 {
    width: 64%;
}

.percent65 {
    width: 65%;
}

.percent66 {
    width: 66%;
}

.percent67 {
    width: 67%;
}

.percent68 {
    width: 68%;
}

.percent69 {
    width: 69%;
}

.percent70 {
    width: 70%;
}

.percent71 {
    width: 71%;
}

.percent72 {
    width: 72%;
}

.percent73 {
    width: 73%;
}

.percent74 {
    width: 74%;
}

.percent75 {
    width: 75%;
}

.percent76 {
    width: 76%;
}

.percent77 {
    width: 77%;
}

.percent78 {
    width: 78%;
}

.percent79 {
    width: 79%;
}

.percent80 {
    width: 80%;
}

.percent81 {
    width: 81%;
}

.percent82 {
    width: 82%;
}

.percent83 {
    width: 83%;
}

.percent84 {
    width: 84%;
}

.percent85 {
    width: 85%;
}

.percent86 {
    width: 86%;
}

.percent87 {
    width: 87%;
}

.percent88 {
    width: 88%;
}

.percent89 {
    width: 89%;
}

.percent90 {
    width: 90%;
}

.percent91 {
    width: 91%;
}

.percent92 {
    width: 92%;
}

.percent93 {
    width: 93%;
}

.percent94 {
    width: 94%;
}

.percent95 {
    width: 95%;
}

.percent96 {
    width: 96%;
}

.percent97 {
    width: 97%;
}

.percent98 {
    width: 98%;
}

.percent99 {
    width: 99%;
}

.percent100 {
    width: 100%;
}

.break-word {
    word-wrap: break-word;
    word-break: break-word;
}

input[type='button'].btn-detacher {
    background: url(../WebDesign/Images/lien-icone-retirer.png) no-repeat center;
    background-size: 20px;
}

.BMRestType {
    font-weight: bold;
}

/**********************************/
/*Divs messages et enregistrements*/
/**********************************/

.divEnregistrement {
    display: none;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: White;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 99;
}


    .divEnregistrement #divMessage {
        /* background: #FDD url("../Images/FooterTable.png") repeat-x scroll center bottom;*/
        /*border: 1px solid #B20000;*/
        opacity: 100;
        position: absolute;
        top: 40%;
        left: 40%;
        color: #000;
        font-size: larger;
        font-style: italic;
        font-weight: bold;
        padding: 5px;
        margin: 5px;
        z-index: 1000;
    }



/******************************************/
/** Classes utilitaires pour les padding **/
/******************************************/

/* Suppression */

.padding-0 {
    padding: 0;
}

.padding-x-0 {
    padding-left: 0;
    padding-right: 0;
}

.padding-y-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.padding-t-0 {
    padding-top: 0;
}

.padding-r-0 {
    padding-right: 0;
}

.padding-b-0 {
    padding-bottom: 0;
}

.padding-l-0 {
    padding-left: 0;
}

.padding-l-75 {
    padding-left: 0.75em;
}
.padding-l-100 {
    padding-left: 1em;
}
.padding-l-200 {
    padding-left: 2em;
}

/*#region Classes utilitaires pour les margin*/

/* Suppression */

.margin-0 {
    margin: 0;
}

.margin-x-0 {
    margin-left: 0;
    margin-right: 0;
}

.margin-y-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.margin-t-0 {
    margin-top: 0;
}

.margin-r-0 {
    margin-right: 0;
}

.margin-b-0 {
    margin-bottom: 0;
}

.margin-l-0 {
    margin-left: 0;
}

/* Ajout */

.margin-25 {
    margin: 0.25em;
}

.margin-50 {
    margin: 0.5em;
}

.margin-75 {
    margin: 0.75em;
}

.margin-100 {
    margin: 1em;
}

.margin-x-25 {
    margin-left: 0.25em;
    margin-right: 0.25em;
}

.margin-x-50 {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.margin-x-75 {
    margin-left: 0.75em;
    margin-right: 0.75em;
}

.margin-x-100 {
    margin-left: 1em;
    margin-right: 1em;
}

.margin-y-25 {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.margin-y-50 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.margin-y-75 {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

.margin-y-100 {
    margin-top: 1em;
    margin-bottom: 1em;
}

.margin-t-25 {
    margin-top: 0.25em;
}

.margin-t-50 {
    margin-top: 0.5em;
}

.margin-t-75 {
    margin-top: 0.75em;
}

.margin-t-100 {
    margin-top: 1em;
}

.margin-r-25 {
    margin-right: 0.25em;
}

.margin-r-50 {
    margin-right: 0.5em;
}

.margin-r-75 {
    margin-right: 0.75em;
}

.margin-r-100 {
    margin-right: 1em;
}

.margin-b-25 {
    margin-bottom: 0.25em;
}

.margin-b-50 {
    margin-bottom: 0.5em;
}

.margin-b-75 {
    margin-bottom: 0.75em;
}

.margin-b-100 {
    margin-bottom: 1em;
}

.margin-l-25 {
    margin-left: 0.25em;
}

.margin-l-50 {
    margin-left: 0.5em;
}

.margin-l-75 {
    margin-left: 0.75em;
}

.margin-l-100 {
    margin-left: 1em;
}
.margin-l-150 {
    margin-left: 1.5em;
}
.margin-l-200 {
    margin-left: 2em;
}

/*#endregion*/

.d-inline-block {
    display: inline-block;
}

.d-block {
    display: block;
}

.divConteneurMessageAlerte {
    margin: 2px;
    padding: 2px;
    display: none;
}

    .divConteneurMessageAlerte span.ui-icon {
        float: left;
        margin-right: 0.3em;
    }

.scroll-top {
    position: fixed;
    bottom: 25px;
    left: 20px;
    display: none;
}

    .scroll-top i {
        display: inline-block;
        color: #FFFFFF;
    }

/* JSignature */

.ui-jsignature-buttons {
    padding: 1em 0;
    -webkit-user-select: none;
}

    .ui-jsignature-buttons a:hover {
        text-decoration: none;
    }

    .ui-jsignature-buttons .ui-image-supprimer {
        background-position-x: left !important;
        background-position-y: center;
        vertical-align: middle;
        padding-left: 20px;
        margin-left: 0;
    }

    .ui-jsignature-buttons .ui-image-annuler {
        background-position-x: left !important;
        background-position-y: center;
        vertical-align: middle;
        padding-left: 20px;
        margin-left: 0;
    }

.ui-jsignature-panel {
    border: 1px solid #cb9f9f;
    width: 402px;
}

span.ui-button-text > span.ui-button-text {
    padding: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.typeDepenseENC {
    width: 300px;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

/*#region Icônes communs (FontAwesome)*/

.ui-fa-com-vert {
    color: #16C172;
}

.ui-fa-com-orange {
    color: #E28413;
}

.ui-fa-com-rouge {
    color: #ff0000;
}

.ui-fa-com-bleu {
    color: dodgerblue;
}

.ui-fa-com-turquoise {
    color: darkturquoise;
}

/*#endregion*/

/*#region Icônes des états de validation (FontAwesome)*/

.ui-icon-etat-fa {
    margin-right: 10px;
    cursor: pointer;
}

/*#endregion*/

/* Icône permettant, au clic, d'afficher les détails (en visualisation uniquement) de l'adresse d'un individu */
.ui-popup-details-adresse-indiv {
    cursor: pointer;
    margin-left: 5px;
}

.ui-btn-exp-pandalab {
    cursor: pointer;
}

span .ui-icone-pandalab,
button .ui-icone-pandalab {
    margin-right: 0.5em;
}

.ui-icone-pandalab-xl {
    background: url("../WebDesign/Images/icone-pandalab-45x40.png") no-repeat center;
    cursor: pointer;
    padding: 1.8em;
    display: block;
}

.icone {
    cursor: pointer;
}

.ui-icone-pandalab-normal {
    background: url("../WebDesign/Images/icone-pandalab-22x20.png") no-repeat center;
    cursor: pointer;
    padding: 1.8em;
    display: block;
}

.ui-li-pandalab {
    height: 100%;
    width: 35px;
}

.ui-a-pandalab {
    height: 100%;
    background-color: white;
    clip-path: circle(40%);
}
.ui-a-pandalab {
    height: 100%;
    background-color: white;
    clip-path: circle(40%);
}
.ui-a-pandalab[data-cnxouverte="False"]  {
    height: 100%;
    background-color: gray;
    clip-path: circle(40%);
}

#pandalab_nonlus {
    background-color: #d63031;
    opacity: 0.95;
    padding: 2px;
    border-radius: 30px;
    position: relative;
    top: -30px;
    right: -27px;
    z-index: 2;
    color: white;
    font-size: 11px;
}

.ui-a-pandalab[data-cnxouverte="False"] + span {
    display: none;
}

#ctl00_MenuDossier_pandaLabIframe {
    width: 35px;
    height: 25px;
}

/*#region DPU DMP Cerrificats*/
.img_dmp {
    background: url(../WebDesign/Images/DMP_20x20.png) center center no-repeat;
    padding: 8px 1px 10px 20px;
}

.img_dpu {
    margin-left: 10px;
    background: url(../WebDesign/Images/WelCoop.png) center center no-repeat;
    background-size: 20px;
    padding: 10px 1px 10px 20px;
    float: right;
}

    .img_dpu.dpu.dmp_existant_acces_ok {
        background: url(../WebDesign/Images/WelCoop_pns.png) center center no-repeat;
    }

    .img_dpu.dpu_non_existant {
        background: url(../WebDesign/Images/WelCoop_nopns.png) center center no-repeat;
    }

.img_dmp.dmp_existant_ferme {
    background: url(../WebDesign/Images/BoutonDMP_ferme_20x20.png) center center no-repeat;
}

.img_dmp.dmp_existant_v1 {
    background: url(../WebDesign/Images/BoutonDMP_v1nonAutorise20x20.png) center center no-repeat;
}

.img_dmp.dmp_existant_acces_nonOk {
    background: url(../WebDesign/Images/BoutonDMP_PSnonAutorise20x20.png) center center no-repeat;
}

.img_dmp.dmp_existant_acces_ok {
    background: url(../WebDesign/Images/BoutonDMP_PSautorise20x20.png) center center no-repeat;
}

.img_dmp.dmp_non_existant {
    background: url(../WebDesign/Images/BoutonDMP_nonCree20x20.png) center center no-repeat;
}

.img_legende_liste_patient {
    background: url(../WebDesign/Images/legende_liste_patient.png) center center no-repeat;
    display: block;
    padding: 200px 400px 200px 600px;
}

div.divCertif .ulContenuCertif {
    padding: 0 0 0 3em;
    margin: 0.6em 0 0.6em 0;
}


/*#endregion*/
.alert-pad-5 {
    padding: 5px;
    margin-bottom: 10px;
    /* border: 1px solid transparent; */
    border-radius: 4px;
}
/*#region INS*/
.ui-div-identPatient {
    border-radius: 5px;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.35);
    width: 300px;
    margin-top: 0.5em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.ui-div-identPatient-header {
    border-radius: 5px 5px 0px 0px;
    color: black;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0.4em;
    text-align: left;
}

.ui-div-identPatient-content {
    border-radius: 0px 0px 5px 5px;
    padding: 0.6em 0.6em 0.4em 0.5em;
    font-size: smaller;
    color: black;
    font-weight: normal;
}

.important {
    color: red;
    font-weight: bold;
}


/*#endregion*/

.btn-ellipsis {
    font-weight: bold;
}

    .btn-ellipsis:hover {
        color: red;
        text-decoration: underline;
        cursor: pointer;
    }

/*#region Styles communs pages multi patients*/

.spanInfosIntervenant {
}

.spanInfosProIntervenant {
    font-size: 0.85em;
    opacity: 0.65;
}

.blockIntervenant .spanInfosProIntervenant {
    display: block;
}

/*#endregion*/


/*#region Recherche avancée des intervenants*/

.rechercheAvanceeIntervenant {
    white-space: nowrap;
}

    .rechercheAvanceeIntervenant .champRechercheInterComplexe {
        vertical-align: central;
    }

    .rechercheAvanceeIntervenant .iconeRCInter {
        cursor: pointer;
        margin-left: 0.5em;
        vertical-align: central;
    }

.verticalRechercheIntervenant {
    width: 45em;
}

    .verticalRechercheIntervenant label {
        display: inline-block;
        width: 15em;
    }

    .verticalRechercheIntervenant select {
        display: inline-block;
        width: 26em;
    }
/*#endregion*/

/*#region Icones communs */

.fontawesome.contour-icone {
    text-shadow: 1px 1px #3e3e3e, -1px -1px #3e3e3e, 1px -1px #3e3e3e, -1px 1px #3e3e3e;
}

.fontawesome.contour-icone-blanc {
    text-shadow: 1px 1px white, -1px -1px white, 1px -1px white, -1px 1px white;
}

.icone-pdf {
    --fa-primary-color: red;
    --fa-secondary-color: darksalmon;
}

.icone-word {
    --fa-primary-color: dodgerblue;
    --fa-secondary-color: #4580e9;
}

.icone-excel,
.icone-csv {
    --fa-primary-color: #1b951b;
    --fa-secondary-color: #4bb54b;
}

.icone-zip {
    --fa-primary-color: #cd7f34;
    --fa-secondary-color: #f58b25;
}

.icone-img {
    --fa-primary-color: #c94698;
    --fa-secondary-color: #e764e7;
}

.icone-txt,
.icone-xml {
    --fa-primary-color: dimgray;
    --fa-secondary-color: #878787;
}

.icone-warning {
    --fa-primary-color: red;
    --fa-secondary-color: #ffd300;
    --fa-secondary-opacity: 1;
}

.icone-check {
    --fa-primary-color: #37b337;
    --fa-secondary-color: #37b337;
    --fa-secondary-opacity: 1;
}

.icone-croix {
    --fa-primary-color: #b33737;
    --fa-secondary-color: #b33737;
    --fa-secondary-opacity: 1;
}

.icone-toggle-active {
    color: limegreen;
    --fa-primary-color: white;
    --fa-secondary-color: limegreen;
    --fa-secondary-opacity: 1;
}

.icone-toggle-desactive {
    color: #b7b7b7;
    --fa-primary-color: #b7b7b7;
    --fa-secondary-color: #c6c6c6;
    --fa-secondary-opacity: 1;
}

.icone-corbeille {
    --fa-primary-color: #646464;
    --fa-secondary-color: #acacac;
    --fa-secondary-opacity: 1;
}

.icone-dossier {
    color: #e6a735;
    --fa-secondary-color: #e6a735;
    --fa-secondary-opacity: 1;
}

.icone-dossier-ouvert {
    --fa-primary-color: #ffbc44;
    --fa-secondary-color: #e6a735;
    --fa-secondary-opacity: 1;
}
.icone-risque {
    --fa-primary-color: #FFFFFF;
    --fa-secondary-color: #fF0000;
    --fa-secondary-opacity: 1;
    cursor:help;
}
.icone-solvant {
    --fa-primary-color: #3c6dc3;
    --fa-secondary-color: #4b5d7c;
    --fa-secondary-opacity: 1;
    cursor: help;
}
.icone-froid {
    --fa-primary-color: #3c6dc3;
    --fa-secondary-color: #4b5d7c;
    --fa-secondary-opacity: 1;
    cursor: help;
}
.icone-no-lumiere {
    --fa-primary-color: gray;
    --fa-secondary-color: #f6ce04;
    --fa-secondary-opacity: 1;
    cursor: help;
}
.icone-atome {
    color: #3c6dc3;
    cursor: help;
}
.icone-equivalent {
    color: #28a745;
    cursor: pointer;
}
/*Legende*/
#div-legend-prescription {
    width: 500px;
}

.span-legend-icon {
    display: inline-block;
    width: 0.75em;
}
.class-couleur-cle {
    vertical-align: middle;
    margin: 2px;
    margin-left: 15px;
}

.ui-produit-stupefiant, .stupefiant, .urgent {
    color: red;
   
}
.ui-span-prescription-stupefiant, .stupefiant {
    cursor: help;
}
.ui-span-prescription-stupefiant .fa-stack {
    font-size: 0.75em;
}

    .ui-span-prescription-stupefiant .fa-stack .fa-stack-1x {
        top: 0.25em;
        left: 0.1em;
    }
.ui-tooltip-legend {
    min-width: 420px; 
    overflow: auto;
}
/*#endregion*/
/*#region Toggle Checkbox */
.ui-toggle-checkbox {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.ui-toggle-checkbox[disabled] {
    cursor: not-allowed;
}

.ui-toggle-checkbox[disabled] .ui-toggle-icones i.fontawesome {
    --fa-primary-color: #4a4a4a !important;
    --fa-secondary-color: #4a4a4a !important;
}

.ui-toggle-checkbox .ui-toggle-icones {
    display: inline-block;
    position: absolute;
    top: -.4em;
}

.ui-toggle-checkbox label {
    margin-left: 2.8em;
}

/*#endregion*/

/*#region Message avertissement */

.div-message-avertissement {
    padding: 0 1em 0 0;
    /*text-align: center;*/
    margin-bottom: .5em;
    display: inline-flex;
    border-left: solid 5px !important;
    border-radius: 4px;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, .1);
    width: 100%;
}

    .div-message-avertissement i.fontawesome {
        margin-top: auto;
        margin-bottom: auto;
        padding: .7em;
        font-size: 1.5em;
    }

    .div-message-avertissement p,
    .div-message-avertissement div.div-message-avertissement-complexe {
        font-style: oblique;
    }

    .div-message-avertissement p:not(.txt-justify) {
        text-align: left;
    }

    .div-message-avertissement p {
        margin-top: auto;
        margin-bottom: auto;
    }

    .div-message-avertissement div.div-message-avertissement-complexe {
        margin: .5em 0;
    }

    .div-message-avertissement .div-message-avertissement-complexe ul {
        margin: 0;
    }

    .div-message-avertissement.ui-state-info {
        border-color: #72b4ce !important;
        background: #effbff;
        border-top: solid 1px #72b4ce;
        border-right: solid 1px #72b4ce;
        border-bottom: solid 1px #72b4ce;
    }

        .div-message-avertissement.ui-state-info i.fontawesome {
            color: #72b4ce;
        }

    .div-message-avertissement.ui-state-highlight {
        border-color: #ffde1a !important;
    }

        .div-message-avertissement.ui-state-highlight i.fontawesome {
            color: #f0ce00;
        }

    .div-message-avertissement.ui-state-error {
        border-color: #cd0a0a !important;
    }

        .div-message-avertissement.ui-state-error i.fontawesome {
            color: #cd0a0a;
        }

    .div-message-avertissement.ui-state-success {
        border-color: #48c800 !important;
        background: #daffda;
        border-top: solid 1px #48c800;
        border-right: solid 1px #48c800;
        border-bottom: solid 1px #48c800;
    }

        .div-message-avertissement.ui-state-success i.fontawesome {
            color: #48c800;
        }

/*#endregion*/


/*#region Groupes Actions */

.div-liste-groupes-actions .div-groupe-actions {
    display: inline-block;
    border-top: none;
    border-bottom: none;
    border-left: none;
    padding: 0 .5em 0 .22em;
    margin: 0;
    height: 5.5em;
}

.div-liste-groupes-actions .div-groupe-actions:last-child {
    border-right: none;
}

.div-liste-groupes-actions .div-groupe-actions .div-titre-groupe-actions {
    margin-bottom: 1em;
}

.div-liste-groupes-actions .div-groupe-actions .div-titre-groupe-actions,
.div-liste-groupes-actions .div-groupe-actions .div-btn-groupe-actions {
    text-align: center;
}

.div-liste-groupes-actions .div-groupe-actions .div-titre-groupe-actions label {
    font-weight: bold;
    margin: 0 1em;
}

.div-liste-groupes-actions .div-groupe-actions .div-btn-groupe-actions .btn-groupe-actions {
    margin: 0 .25em 1em .25em;
    min-width: 2.5em;
    height: 2.2em;
}

.div-liste-groupes-actions .div-groupe-actions .div-btn-groupe-actions .ui-toggle-checkbox {
    margin: .6em .25em .5em .25em;
}

.div-liste-groupes-actions .div-groupe-actions .btn-groupe-actions[disabled]:hover {
    cursor: not-allowed;
}

/*#endregion*/

a.disabled {
    pointer-events: none;
}

.p-relative{
    position:relative
}
.p-chevron{
    position: absolute;
    left:2px;
    bottom:2px;
}

.div_zone_impression_export,
.dataTables_length,
.ui-span-pagination {
    position: sticky;
    z-index: 99;
}
    .btn-affiche-suppl:hover {
        color: palevioletred;
        font-size: larger;
    }
    .crit-affiche-supplementaire {
        display: none;
    }


    /*#region Erreur accès*/


.ui-div-erreurAccesMVC {
   /*position: absolute;*/
    z-index: 1100;
    text-align: center;/*
    top: 50%;
    left: 200px;
    right: 200px;*/
    border: solid 1px red;
    padding: 10px;
    background-color: #FEADAD;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.35);
}

.ui-span-erreurAccesMVC {
    color: Red;
    font-size: medium;
    font-weight: bold;
}

    /*#endregion*/


.ui-grisee {
    filter: grayscale(100%);
    cursor: not-allowed !important;
}

td.ui-col-affInfosModif {
    width: 42px
}
td.ui-col-affInfosModif label.btnPersonnel {
    margin-left: 1em;
}

.indicateur-nb-crit-reduits {
    position: absolute;
    z-index: 99;
    background-color: #ffa800;
    padding: .1em .5em;
    border-radius: 20px;
    color: white;   
    bottom: -2px;
    user-select: none;
    font-weight: bold;
    right:1.2em;
}
