@font-face {
    font-family: 'droid-regular';
    src: url('/../fonts/droidsans-webfont.eot');
    src: url('/../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/../fonts/droidsans-webfont.woff') format('woff'),
         url('/../fonts/droidsans-webfont.ttf') format('truetype'),
         url('/../fonts/droidsans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'droid-bold';
    src: url('/../fonts/droidsans-bold-webfont.eot');
    src: url('/../fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/../fonts/droidsans-bold-webfont.woff') format('woff'),
         url('/../fonts/droidsans-bold-webfont.ttf') format('truetype'),
         url('/../fonts/droidsans-bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'Glyphicons-Halflings';
  src: url('/../fonts/glyph/glyphicons-halflings-regular.eot');
  src: url('/../fonts/glyph/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
       url('/../fonts/glyph/glyphicons-halflings-regular.woff') format('woff'),
       url('/../fonts/glyph/glyphicons-halflings-regular.ttf') format('truetype'),
       url('/../fonts/glyph/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
/*!
 * SBFramework CSS v1.0
 * Copyright 2014 Simplébo.
*/

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  line-height: 1.42857143;

}
*, *:after, *:before {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
            box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
b,
strong {
    font-family: 'droid-bold';
    font-weight: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
small {
    font-size: 80%;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
textarea {
  overflow: auto;
}
li { list-style: none; }
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    font-family: 'droid-regular';
    color: #555;
    font-size: 13px;
}

/******************************
*******************************

    / GRILLE

******************************
******************************/
.sb-row {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 30px; /*** A ENLEVER **/
}
.sb-row:before, .sb-row:after, .sb-container:before, .sb-container:after, .sb-form-group:before, .sb-form-group:after {
    content: "";
    display: table;
}
.sb-form-horizontal .sb-form-group:after, .sb-form-horizontal .sb-form-group:before { clear: both; }
.sb-row:after, .sb-form-group {
    clear: both;
}
.sb-row.showgrid [class^=sb-cell-] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f7f7f9;
    border: 1px solid #bbb;
}
.sb-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .sb-container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .sb-container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .sb-container {
    width: 1170px;
  }
}

/* Commons sb-cell */
.sb-cell-xs-1, .sb-cell-sm-1, .sb-cell-md-1, .sb-cell-lg-1, .sb-cell-xs-2, .sb-cell-sm-2, .sb-cell-md-2, .sb-cell-lg-2, .sb-cell-xs-3, .sb-cell-sm-3, .sb-cell-md-3, .sb-cell-lg-3, .sb-cell-xs-4, .sb-cell-sm-4, .sb-cell-md-4, .sb-cell-lg-4, .sb-cell-xs-5, .sb-cell-sm-5, .sb-cell-md-5, .sb-cell-lg-5, .sb-cell-xs-6, .sb-cell-sm-6, .sb-cell-md-6, .sb-cell-lg-6, .sb-cell-xs-7, .sb-cell-sm-7, .sb-cell-md-7, .sb-cell-lg-7, .sb-cell-xs-8, .sb-cell-sm-8, .sb-cell-md-8, .sb-cell-lg-8, .sb-cell-xs-9, .sb-cell-sm-9, .sb-cell-md-9, .sb-cell-lg-9, .sb-cell-xs-10, .sb-cell-sm-10, .sb-cell-md-10, .sb-cell-lg-10, .sb-cell-xs-11, .sb-cell-sm-11, .sb-cell-md-11, .sb-cell-lg-11, .sb-cell-xs-12, .sb-cell-sm-12, .sb-cell-md-12, .sb-cell-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

/* sb-cell Fluid fixe */
.sb-cell-xs-1, .sb-cell-xs-2, .sb-cell-xs-3, .sb-cell-xs-4, .sb-cell-xs-5, .sb-cell-xs-6, .sb-cell-xs-7, .sb-cell-xs-8, .sb-cell-xs-9, .sb-cell-xs-10, .sb-cell-xs-11, .sb-cell-xs-12 {
  float: left;
}
.sb-cell-xs-12 { width: 100%; }
.sb-cell-xs-11 { width: 91.66666667%; }
.sb-cell-xs-10 { width: 83.33333333%; }
.sb-cell-xs-9 { width: 75%; }
.sb-cell-xs-8 { width: 66.66666667%; }
.sb-cell-xs-7 { width: 58.33333333%; }
.sb-cell-xs-6 { width: 50%; }
.sb-cell-xs-5 { width: 41.66666667%; }
.sb-cell-xs-4 { width: 33.33333333%; }
.sb-cell-xs-3 { width: 25%; }
.sb-cell-xs-2 { width: 16.66666667%; }
.sb-cell-xs-1 { width: 8.33333333%; }

.sb-cell-xs-pull-12 { right: 100%; }
.sb-cell-xs-pull-11 { right: 91.66666667%; }
.sb-cell-xs-pull-10 { right: 83.33333333%; }
.sb-cell-xs-pull-9 { right: 75%; }
.sb-cell-xs-pull-8 { right: 66.66666667%; }
.sb-cell-xs-pull-7 { right: 58.33333333%; }
.sb-cell-xs-pull-6 { right: 50%; }
.sb-cell-xs-pull-5 { right: 41.66666667%; }
.sb-cell-xs-pull-4 { right: 33.33333333%; }
.sb-cell-xs-pull-3 { right: 25%; }
.sb-cell-xs-pull-2 { right: 16.66666667%; }
.sb-cell-xs-pull-1 { right: 8.33333333%; }
.sb-cell-xs-pull-0 { right: 0%; }

.sb-cell-xs-push-12 { left: 100%; }
.sb-cell-xs-push-11 { left: 91.66666667%; }
.sb-cell-xs-push-10 { left: 83.33333333%; }
.sb-cell-xs-push-9 { left: 75%; }
.sb-cell-xs-push-8 { left: 66.66666667%; }
.sb-cell-xs-push-7 { left: 58.33333333%; }
.sb-cell-xs-push-6 { left: 50%; }
.sb-cell-xs-push-5 { left: 41.66666667%; }
.sb-cell-xs-push-4 { left: 33.33333333%; }
.sb-cell-xs-push-3 { left: 25%; }
.sb-cell-xs-push-2 { left: 16.66666667%; }
.sb-cell-xs-push-1 { left: 8.33333333%; }
.sb-cell-xs-push-0 { left: 0%; }

.sb-cell-xs-offset-12 { margin-left: 100%; }
.sb-cell-xs-offset-11 { margin-left: 91.66666667%; }
.sb-cell-xs-offset-10 { margin-left: 83.33333333%; }
.sb-cell-xs-offset-9 { margin-left: 75%; }
.sb-cell-xs-offset-8 { margin-left: 66.66666667%; }
.sb-cell-xs-offset-7 { margin-left: 58.33333333%; }
.sb-cell-xs-offset-6 { margin-left: 50%; }
.sb-cell-xs-offset-5 { margin-left: 41.66666667%; }
.sb-cell-xs-offset-4 { margin-left: 33.33333333%; }
.sb-cell-xs-offset-3 { margin-left: 25%; }
.sb-cell-xs-offset-2 { margin-left: 16.66666667%; }
.sb-cell-xs-offset-1 { margin-left: 8.33333333%; }
.sb-cell-xs-offset-0 { margin-left: 0%; }


@media (min-width: 768px) {
  .sb-cell-sm-1, .sb-cell-sm-2, .sb-cell-sm-3, .sb-cell-sm-4, .sb-cell-sm-5, .sb-cell-sm-6, .sb-cell-sm-7, .sb-cell-sm-8, .sb-cell-sm-9, .sb-cell-sm-10, .sb-cell-sm-11, .sb-cell-sm-12 {
    float: left;
  }
  .sb-cell-sm-12 { width: 100%; }
  .sb-cell-sm-11 { width: 91.66666667%; }
  .sb-cell-sm-10 { width: 83.33333333%; }
  .sb-cell-sm-9 { width: 75%; }
  .sb-cell-sm-8 { width: 66.66666667%; }
  .sb-cell-sm-7 { width: 58.33333333%; }
  .sb-cell-sm-6 { width: 50%; }
  .sb-cell-sm-5 { width: 41.66666667%; }
  .sb-cell-sm-4 { width: 33.33333333%; }
  .sb-cell-sm-3 { width: 25%; }
  .sb-cell-sm-2 { width: 16.66666667%; }
  .sb-cell-sm-1 { width: 8.33333333%; }

  .sb-cell-sm-pull-12 { right: 100%; }
  .sb-cell-sm-pull-11 { right: 91.66666667%; }
  .sb-cell-sm-pull-10 { right: 83.33333333%; }
  .sb-cell-sm-pull-9 { right: 75%; }
  .sb-cell-sm-pull-8 { right: 66.66666667%; }
  .sb-cell-sm-pull-7 { right: 58.33333333%; }
  .sb-cell-sm-pull-6 { right: 50%; }
  .sb-cell-sm-pull-5 { right: 41.66666667%; }
  .sb-cell-sm-pull-4 { right: 33.33333333%; }
  .sb-cell-sm-pull-3 { right: 25%; }
  .sb-cell-sm-pull-2 { right: 16.66666667%; }
  .sb-cell-sm-pull-1 { right: 8.33333333%; }
  .sb-cell-sm-pull-0 { right: 0%; }

  .sb-cell-sm-push-12 { left: 100%; }
  .sb-cell-sm-push-11 { left: 91.66666667%; }
  .sb-cell-sm-push-10 { left: 83.33333333%; }
  .sb-cell-sm-push-9 { left: 75%; }
  .sb-cell-sm-push-8 { left: 66.66666667%; }
  .sb-cell-sm-push-7 { left: 58.33333333%; }
  .sb-cell-sm-push-6 { left: 50%; }
  .sb-cell-sm-push-5 { left: 41.66666667%; }
  .sb-cell-sm-push-4 { left: 33.33333333%; }
  .sb-cell-sm-push-3 { left: 25%; }
  .sb-cell-sm-push-2 { left: 16.66666667%; }
  .sb-cell-sm-push-1 { left: 8.33333333%; }
  .sb-cell-sm-push-0 { left: 0%; }

  .sb-cell-sm-offset-12 { margin-left: 100%; }
  .sb-cell-sm-offset-11 { margin-left: 91.66666667%; }
  .sb-cell-sm-offset-10 { margin-left: 83.33333333%; }
  .sb-cell-sm-offset-9 { margin-left: 75%; }
  .sb-cell-sm-offset-8 { margin-left: 66.66666667%; }
  .sb-cell-sm-offset-7 { margin-left: 58.33333333%; }
  .sb-cell-sm-offset-6 { margin-left: 50%; }
  .sb-cell-sm-offset-5 { margin-left: 41.66666667%; }
  .sb-cell-sm-offset-4 { margin-left: 33.33333333%; }
  .sb-cell-sm-offset-3 { margin-left: 25%; }
  .sb-cell-sm-offset-2 { margin-left: 16.66666667%; }
  .sb-cell-sm-offset-1 { margin-left: 8.33333333%; }
  .sb-cell-sm-offset-0 { margin-left: 0%; }
}
@media (min-width: 992px) {
  .sb-cell-md-1, .sb-cell-md-2, .sb-cell-md-3, .sb-cell-md-4, .sb-cell-md-5, .sb-cell-md-6, .sb-cell-md-7, .sb-cell-md-8, .sb-cell-md-9, .sb-cell-md-10, .sb-cell-md-11, .sb-cell-md-12 {
    float: left;
  }
  .sb-cell-md-12 { width: 100%; }
  .sb-cell-md-11 { width: 91.66666667%; }
  .sb-cell-md-10 { width: 83.33333333%; }
  .sb-cell-md-9 { width: 75%; }
  .sb-cell-md-8 { width: 66.66666667%; }
  .sb-cell-md-7 { width: 58.33333333%; }
  .sb-cell-md-6 { width: 50%; }
  .sb-cell-md-5 { width: 41.66666667%; }
  .sb-cell-md-4 { width: 33.33333333%; }
  .sb-cell-md-3 { width: 25%; }
  .sb-cell-md-2 { width: 16.66666667%; }
  .sb-cell-md-1 { width: 8.33333333%; }

  .sb-cell-md-pull-12 { right: 100%; }
  .sb-cell-md-pull-11 { right: 91.66666667%; }
  .sb-cell-md-pull-10 { right: 83.33333333%; }
  .sb-cell-md-pull-9 { right: 75%; }
  .sb-cell-md-pull-8 { right: 66.66666667%; }
  .sb-cell-md-pull-7 { right: 58.33333333%; }
  .sb-cell-md-pull-6 { right: 50%; }
  .sb-cell-md-pull-5 { right: 41.66666667%; }
  .sb-cell-md-pull-4 { right: 33.33333333%; }
  .sb-cell-md-pull-3 { right: 25%; }
  .sb-cell-md-pull-2 { right: 16.66666667%; }
  .sb-cell-md-pull-1 { right: 8.33333333%; }
  .sb-cell-md-pull-0 { right: 0%; }

  .sb-cell-md-push-12 { left: 100%; }
  .sb-cell-md-push-11 { left: 91.66666667%; }
  .sb-cell-md-push-10 { left: 83.33333333%; }
  .sb-cell-md-push-9 { left: 75%; }
  .sb-cell-md-push-8 { left: 66.66666667%; }
  .sb-cell-md-push-7 { left: 58.33333333%; }
  .sb-cell-md-push-6 { left: 50%; }
  .sb-cell-md-push-5 { left: 41.66666667%; }
  .sb-cell-md-push-4 { left: 33.33333333%; }
  .sb-cell-md-push-3 { left: 25%; }
  .sb-cell-md-push-2 { left: 16.66666667%; }
  .sb-cell-md-push-1 { left: 8.33333333%; }
  .sb-cell-md-push-0 { left: 0%; }

  .sb-cell-md-offset-12 { margin-left: 100%; }
  .sb-cell-md-offset-11 { margin-left: 91.66666667%; }
  .sb-cell-md-offset-10 { margin-left: 83.33333333%; }
  .sb-cell-md-offset-9 { margin-left: 75%; }
  .sb-cell-md-offset-8 { margin-left: 66.66666667%; }
  .sb-cell-md-offset-7 { margin-left: 58.33333333%; }
  .sb-cell-md-offset-6 { margin-left: 50%; }
  .sb-cell-md-offset-5 { margin-left: 41.66666667%; }
  .sb-cell-md-offset-4 { margin-left: 33.33333333%; }
  .sb-cell-md-offset-3 { margin-left: 25%; }
  .sb-cell-md-offset-2 { margin-left: 16.66666667%; }
  .sb-cell-md-offset-1 { margin-left: 8.33333333%; }
  .sb-cell-md-offset-0 { margin-left: 0%; }
}
@media (min-width: 1200px) {
  .sb-cell-lg-1, .sb-cell-lg-2, .sb-cell-lg-3, .sb-cell-lg-4, .sb-cell-lg-5, .sb-cell-lg-6, .sb-cell-lg-7, .sb-cell-lg-8, .sb-cell-lg-9, .sb-cell-lg-10, .sb-cell-lg-11, .sb-cell-lg-12 {
    float: left;
  }
  .sb-cell-lg-12 { width: 100%; }
  .sb-cell-lg-11 { width: 91.66666667%; }
  .sb-cell-lg-10 { width: 83.33333333%; }
  .sb-cell-lg-9 { width: 75%; }
  .sb-cell-lg-8 { width: 66.66666667%; }
  .sb-cell-lg-7 { width: 58.33333333%; }
  .sb-cell-lg-6 { width: 50%; }
  .sb-cell-lg-5 { width: 41.66666667%; }
  .sb-cell-lg-4 { width: 33.33333333%; }
  .sb-cell-lg-3 { width: 25%; }
  .sb-cell-lg-2 { width: 16.66666667%; }
  .sb-cell-lg-1 { width: 8.33333333%; }

  .sb-cell-lg-pull-12 { right: 100%; }
  .sb-cell-lg-pull-11 { right: 91.66666667%; }
  .sb-cell-lg-pull-10 { right: 83.33333333%; }
  .sb-cell-lg-pull-9 { right: 75%; }
  .sb-cell-lg-pull-8 { right: 66.66666667%; }
  .sb-cell-lg-pull-7 { right: 58.33333333%; }
  .sb-cell-lg-pull-6 { right: 50%; }
  .sb-cell-lg-pull-5 { right: 41.66666667%; }
  .sb-cell-lg-pull-4 { right: 33.33333333%; }
  .sb-cell-lg-pull-3 { right: 25%; }
  .sb-cell-lg-pull-2 { right: 16.66666667%; }
  .sb-cell-lg-pull-1 { right: 8.33333333%; }
  .sb-cell-lg-pull-0 { right: 0%; }

  .sb-cell-lg-push-12 { left: 100%; }
  .sb-cell-lg-push-11 { left: 91.66666667%; }
  .sb-cell-lg-push-10 { left: 83.33333333%; }
  .sb-cell-lg-push-9 { left: 75%; }
  .sb-cell-lg-push-8 { left: 66.66666667%; }
  .sb-cell-lg-push-7 { left: 58.33333333%; }
  .sb-cell-lg-push-6 { left: 50%; }
  .sb-cell-lg-push-5 { left: 41.66666667%; }
  .sb-cell-lg-push-4 { left: 33.33333333%; }
  .sb-cell-lg-push-3 { left: 25%; }
  .sb-cell-lg-push-2 { left: 16.66666667%; }
  .sb-cell-lg-push-1 { left: 8.33333333%; }
  .sb-cell-lg-push-0 { left: 0%; }

  .sb-cell-lg-offset-12 { margin-left: 100%; }
  .sb-cell-lg-offset-11 { margin-left: 91.66666667%; }
  .sb-cell-lg-offset-10 { margin-left: 83.33333333%; }
  .sb-cell-lg-offset-9 { margin-left: 75%; }
  .sb-cell-lg-offset-8 { margin-left: 66.66666667%; }
  .sb-cell-lg-offset-7 { margin-left: 58.33333333%; }
  .sb-cell-lg-offset-6 { margin-left: 50%; }
  .sb-cell-lg-offset-5 { margin-left: 41.66666667%; }
  .sb-cell-lg-offset-4 { margin-left: 33.33333333%; }
  .sb-cell-lg-offset-3 { margin-left: 25%; }
  .sb-cell-lg-offset-2 { margin-left: 16.66666667%; }
  .sb-cell-lg-offset-1 { margin-left: 8.33333333%; }
  .sb-cell-lg-offset-0 { margin-left: 0%; }
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/******************************
*******************************

    / GLYPH

******************************
******************************/
.sb-glyph {
  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;
}
.sb-glyph-asterisk:before { content: "\2a"; }
.sb-glyph-plus:before { content: "\2b"; }
.sb-glyph-euro:before { content: "\20ac"; }
.sb-glyph-minus:before { content: "\2212"; }
.sb-glyph-cloud:before { content: "\2601"; }
.sb-glyph-envelope:before { content: "\2709"; }
.sb-glyph-pencil:before { content: "\270f"; }
.sb-glyph-glass:before { content: "\e001"; }
.sb-glyph-music:before { content: "\e002"; }
.sb-glyph-search:before { content: "\e003"; }
.sb-glyph-heart:before { content: "\e005"; }
.sb-glyph-star:before { content: "\e006"; }
.sb-glyph-star-empty:before { content: "\e007"; }
.sb-glyph-user:before { content: "\e008"; }
.sb-glyph-film:before { content: "\e009"; }
.sb-glyph-th-large:before { content: "\e010"; }
.sb-glyph-th:before { content: "\e011"; }
.sb-glyph-th-list:before { content: "\e012"; }
.sb-glyph-ok:before { content: "\e013"; }
.sb-glyph-remove:before { content: "\e014"; }
.sb-glyph-zoom-in:before { content: "\e015"; }
.sb-glyph-zoom-out:before { content: "\e016"; }
.sb-glyph-off:before { content: "\e017"; }
.sb-glyph-signal:before { content: "\e018"; }
.sb-glyph-cog:before { content: "\e019"; }
.sb-glyph-trash:before { content: "\e020"; }
.sb-glyph-home:before { content: "\e021"; }
.sb-glyph-file:before { content: "\e022"; }
.sb-glyph-time:before { content: "\e023"; }
.sb-glyph-road:before { content: "\e024"; }
.sb-glyph-download-alt:before { content: "\e025"; }
.sb-glyph-download:before { content: "\e026"; }
.sb-glyph-upload:before { content: "\e027"; }
.sb-glyph-inbox:before { content: "\e028"; }
.sb-glyph-play-circle:before { content: "\e029"; }
.sb-glyph-repeat:before { content: "\e030"; }
.sb-glyph-refresh:before { content: "\e031"; }
.sb-glyph-list-alt:before { content: "\e032"; }
.sb-glyph-lock:before { content: "\e033"; }
.sb-glyph-flag:before { content: "\e034"; }
.sb-glyph-headphones:before { content: "\e035"; }
.sb-glyph-volume-off:before { content: "\e036"; }
.sb-glyph-volume-down:before { content: "\e037"; }
.sb-glyph-volume-up:before { content: "\e038"; }
.sb-glyph-qrcode:before { content: "\e039"; }
.sb-glyph-barcode:before { content: "\e040"; }
.sb-glyph-tag:before { content: "\e041"; }
.sb-glyph-tags:before { content: "\e042"; }
.sb-glyph-book:before { content: "\e043"; }
.sb-glyph-bookmark:before { content: "\e044"; }
.sb-glyph-print:before { content: "\e045"; }
.sb-glyph-camera:before { content: "\e046"; }
.sb-glyph-font:before { content: "\e047"; }
.sb-glyph-bold:before { content: "\e048"; }
.sb-glyph-italic:before { content: "\e049"; }
.sb-glyph-text-height:before { content: "\e050"; }
.sb-glyph-text-width:before {content: "\e051"; }
.sb-glyph-align-left:before {content: "\e052"; }
.sb-glyph-align-center:before {content: "\e053"; }
.sb-glyph-align-right:before {content: "\e054"; }
.sb-glyph-align-justify:before {content: "\e055"; }
.sb-glyph-indent-left:before {content: "\e057"; }
.sb-glyph-indent-right:before {content: "\e058"; }
.sb-glyph-facetime-video:before {content: "\e059"; }
.sb-glyph-picture:before {content: "\e060"; }
.sb-glyph-map-marker:before {content: "\e062"; }
.sb-glyph-adjust:before {content: "\e063"; }
.sb-glyph-tint:before {content: "\e064"; }
.sb-glyph-edit:before {content: "\e065"; }
.sb-glyph-share:before {content: "\e066"; }
.sb-glyph-check:before {content: "\e067"; }
.sb-glyph-move:before {content: "\e068"; }
.sb-glyph-step-backward:before {content: "\e069"; }
.sb-glyph-fast-backward:before {content: "\e070"; }
.sb-glyph-backward:before {content: "\e071"; }
.sb-glyph-play:before {content: "\e072"; }
.sb-glyph-pause:before {content: "\e073"; }
.sb-glyph-stop:before {content: "\e074"; }
.sb-glyph-forward:before {content: "\e075"; }
.sb-glyph-fast-forward:before {content: "\e076"; }
.sb-glyph-step-forward:before {content: "\e077"; }
.sb-glyph-eject:before {content: "\e078"; }
.sb-glyph-chevron-left:before {content: "\e079"; }
.sb-glyph-chevron-right:before {content: "\e080"; }
.sb-glyph-plus-sign:before {content: "\e081"; }
.sb-glyph-minus-sign:before {content: "\e082"; }
.sb-glyph-remove-sign:before {content: "\e083"; }
.sb-glyph-ok-sign:before {content: "\e084"; }
.sb-glyph-question-sign:before {content: "\e085"; }
.sb-glyph-info-sign:before {content: "\e086"; }
.sb-glyph-screenshot:before {content: "\e087"; }
.sb-glyph-remove-circle:before {content: "\e088"; }
.sb-glyph-ok-circle:before {content: "\e089"; }
.sb-glyph-ban-circle:before {content: "\e090"; }
.sb-glyph-arrow-left:before {content: "\e091"; }
.sb-glyph-arrow-right:before {content: "\e092"; }
.sb-glyph-arrow-up:before {content: "\e093"; }
.sb-glyph-arrow-down:before {content: "\e094"; }
.sb-glyph-share-alt:before {content: "\e095"; }
.sb-glyph-resize-full:before {content: "\e096"; }
.sb-glyph-resize-small:before {content: "\e097"; }
.sb-glyph-exclamation-sign:before {content: "\e101"; }
.sb-glyph-gift:before {content: "\e102"; }
.sb-glyph-leaf:before {content: "\e103"; }
.sb-glyph-fire:before {content: "\e104"; }
.sb-glyph-eye-open:before {content: "\e105"; }
.sb-glyph-eye-close:before {content: "\e106"; }
.sb-glyph-warning-sign:before {content: "\e107"; }
.sb-glyph-plane:before {content: "\e108"; }
.sb-glyph-calendar:before {content: "\e109"; }
.sb-glyph-random:before {content: "\e110"; }
.sb-glyph-comment:before {content: "\e111"; }
.sb-glyph-magnet:before {content: "\e112"; }
.sb-glyph-chevron-up:before {content: "\e113"; }
.sb-glyph-chevron-down:before {content: "\e114"; }
.sb-glyph-retweet:before {content: "\e115"; }
.sb-glyph-shopping-cart:before {content: "\e116"; }
.sb-glyph-folder-close:before {content: "\e117"; }
.sb-glyph-folder-open:before {content: "\e118"; }
.sb-glyph-resize-vertical:before {content: "\e119"; }
.sb-glyph-resize-horizontal:before {content: "\e120"; }
.sb-glyph-hdd:before {content: "\e121"; }
.sb-glyph-bullhorn:before {content: "\e122"; }
.sb-glyph-bell:before {content: "\e123"; }
.sb-glyph-certificate:before {content: "\e124"; }
.sb-glyph-thumbs-up:before {content: "\e125"; }
.sb-glyph-thumbs-down:before {content: "\e126"; }
.sb-glyph-hand-right:before {content: "\e127"; }
.sb-glyph-hand-left:before {content: "\e128"; }
.sb-glyph-hand-up:before {content: "\e129"; }
.sb-glyph-hand-down:before {content: "\e130"; }
.sb-glyph-circle-arrow-right:before {content: "\e131"; }
.sb-glyph-circle-arrow-left:before {content: "\e132"; }
.sb-glyph-circle-arrow-up:before {content: "\e133"; }
.sb-glyph-circle-arrow-down:before {content: "\e134"; }
.sb-glyph-globe:before {content: "\e135"; }
.sb-glyph-wrench:before {content: "\e136"; }
.sb-glyph-tasks:before {content: "\e137"; }
.sb-glyph-filter:before {content: "\e138"; }
.sb-glyph-briefcase:before {content: "\e139"; }
.sb-glyph-fullscreen:before {content: "\e140"; }
.sb-glyph-dashboard:before {content: "\e141"; }
.sb-glyph-paperclip:before {content: "\e142"; }
.sb-glyph-heart-empty:before {content: "\e143"; }
.sb-glyph-link:before {content: "\e144"; }
.sb-glyph-phone:before {content: "\e145"; }
.sb-glyph-pushpin:before {content: "\e146"; }
.sb-glyph-usd:before {content: "\e148"; }
.sb-glyph-gbp:before {content: "\e149"; }
.sb-glyph-sort:before {content: "\e150"; }
.sb-glyph-sort-by-alphabet:before {content: "\e151"; }
.sb-glyph-sort-by-alphabet-alt:before {content: "\e152"; }
.sb-glyph-sort-by-order:before {content: "\e153"; }
.sb-glyph-sort-by-order-alt:before {content: "\e154"; }
.sb-glyph-sort-by-attributes:before {content: "\e155"; }
.sb-glyph-sort-by-attributes-alt:before {content: "\e156"; }
.sb-glyph-unchecked:before {content: "\e157"; }
.sb-glyph-expand:before {content: "\e158"; }
.sb-glyph-collapse-down:before {content: "\e159"; }
.sb-glyph-collapse-up:before {content: "\e160"; }
.sb-glyph-log-in:before {content: "\e161"; }
.sb-glyph-flash:before {content: "\e162"; }
.sb-glyph-log-out:before {content: "\e163"; }
.sb-glyph-new-window:before {content: "\e164"; }
.sb-glyph-record:before {content: "\e165"; }
.sb-glyph-save:before {content: "\e166"; }
.sb-glyph-open:before {content: "\e167"; }
.sb-glyph-saved:before {content: "\e168"; }
.sb-glyph-import:before {content: "\e169"; }
.sb-glyph-export:before {content: "\e170"; }
.sb-glyph-send:before {content: "\e171"; }
.sb-glyph-floppy-disk:before {content: "\e172"; }
.sb-glyph-floppy-saved:before {content: "\e173"; }
.sb-glyph-floppy-remove:before {content: "\e174"; }
.sb-glyph-floppy-save:before {content: "\e175"; }
.sb-glyph-floppy-open:before {content: "\e176"; }
.sb-glyph-credit-card:before {content: "\e177"; }
.sb-glyph-transfer:before {content: "\e178"; }
.sb-glyph-cutlery:before {content: "\e179"; }
.sb-glyph-header:before {content: "\e180"; }
.sb-glyph-compressed:before {content: "\e181"; }
.sb-glyph-earphone:before {content: "\e182"; }
.sb-glyph-phone-alt:before {content: "\e183"; }
.sb-glyph-tower:before {content: "\e184"; }
.sb-glyph-stats:before {content: "\e185"; }
.sb-glyph-sd-video:before {content: "\e186"; }
.sb-glyph-hd-video:before {content: "\e187"; }
.sb-glyph-subtitles:before {content: "\e188"; }
.sb-glyph-sound-stereo:before {content: "\e189"; }
.sb-glyph-sound-dolby:before {content: "\e190"; }
.sb-glyph-sound-5-1:before {content: "\e191"; }
.sb-glyph-sound-6-1:before {content: "\e192"; }
.sb-glyph-sound-7-1:before {content: "\e193"; }
.sb-glyph-copyright-mark:before {content: "\e194"; }
.sb-glyph-registration-mark:before {content: "\e195"; }
.sb-glyph-cloud-download:before {content: "\e197"; }
.sb-glyph-cloud-upload:before {content: "\e198"; }
.sb-glyph-tree-conifer:before {content: "\e199"; }
.sb-glyph-tree-deciduous:before {content: "\e200"; }

/******************************
*******************************

    / IMAGES

******************************
******************************/

/* Image profil */
.sb-image {
    position: relative;
    background: #fff;
    border: 1px solid #bbb;
    padding: 2px;
    display: inline-block;
}
.sb-image .sb-image-profil-content {
    background: url(../images/SBFramework/sb-profil.jpg) no-repeat center center;
    background-size: cover;
    height: 96px; width: 96px;
}
.sb-image .sb-image-profil-content.sb-image-profil-content-md {
    width: 30px; height: 30px;
}
.sb-image .sb-image-profil-content.sb-image-profil-content-sm {
    width: 19px; height: 19px;
}
/******************************
*******************************

    / TYPOGRAPHIE

******************************
******************************/

/* Titres */
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; margin-bottom: 15px; }
/* Titres et sous-titres */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: 400; line-height: 1; color: #999; font-size: 65%; margin-left: 10px;
}
/* Texte de petite taille */
small { font-size: 11px; }
/* Alignement */
.sb-text-right { text-align: right; }
.sb-text-left { text-align: left; }
.sb-text-center { text-align: center; }
.sb-text-justify { text-align: justify; }

/* NUMEROS DE TELEPHONE */
.sb-text-phone { font-size: 20px; color: #555555; }
.sb-text-phone i { top: 3px; margin-right: 3px; }


/******************************
*******************************

    / TABLES

******************************
******************************/

table.sb-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #bbb; }
table.sb-table thead { background: #eee; }
table.sb-table thead th { border-top: none; font-family: 'droid-bold'; text-align: left; padding: 8px;}
table.sb-table td { padding: 8px; border-top: 1px solid #bbb; }


/******************************
*******************************

    / FORMULAIRES

******************************
******************************/
a.sb-form-link { color: #555; }
a.sb-form-link:hover { color: #009fe3; }

a.sb-form-link-strong { color: #009fe3; font-family: 'droid-bold'; }
a.sb-form-link-strong:hover { color: #555;  }

/* Form vertical */
.sb-form-group { margin-bottom: 15px; }
.sb-form-group label { display: inline-block; margin-bottom: 5px; font-family: 'droid-bold'; cursor: pointer; }
.sb-form-group .sb-form-input {
    position: relative;
    display: block;
    width: 100%; height: 35px;
    padding: 6px 12px;
    color: #555;
    background: #FFF;
    border: 1px solid #bbb;
    border-radius: 4px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
        -ms-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
    line-height: 22px;
}
.sb-form-group textarea.sb-form-input { height : auto; }
.sb-form-group .sb-form-input.valid, div.sb-form-group .sb-form-input.valid:focus, div.sb-form-group .sb-form-input.valid:active { border-color: #3db938; }
div.sb-form-group .sb-form-input.invalid, div.sb-form-group .sb-form-input.invalid:focus, div.sb-form-group .sb-form-input.invalid:active { border-color: #d8544a; }
div.sb-form-group .sb-form-input.valid { background: url(../images/SBFramework/sb-feedback-valid.png) no-repeat right center, #FFF; }
div.sb-form-group .sb-form-input.invalid { background: url(../images/SBFramework/sb-feedback-invalid.png) no-repeat right center, #FFF; }

div.sb-form-group .sb-form-input:focus, div.sb-form-group .sb-form-input:active { outline: 0; border: 1px solid #0b9fdc; }
/* Form horizontal */
form.sb-form-horizontal .sb-form-group { margin-left: -15px; margin-right: -15px; }
form.sb-form-horizontal .sb-form-group label { text-align: right; padding-top: 7px; }
form.sb-form-horizontal .sb-form-group input[type="file"] { margin-bottom: 5px; }
/* Form static */
.sb-form-group.static { margin-left: -15px; margin-right: -15px; }
div.sb-form-group .sb-form-input-static { padding-top: 7px; margin-bottom: 0; }
div.sb-form-group.static label { text-align: right; cursor: default;}

/* Radio button */
/* .radio-wrapper { display: none; } */
.sb-button-group-radio input { display: none; }

/* Checkbox button */
.sb-form-group-checkbox input[type="checkbox"] { visibility: hidden; display: none; }
.sb-form-group-checkbox label {
    display: block;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
         -o-user-select: none;
            user-select: none;
}
.sb-form-group-checkbox label:before {
    content: "";
    display: inline-block;
    background: #eee;
    width: 13px; height: 13px;
    margin-right: 3px;
    position: relative;
    top: 2px;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
        -ms-border-radius: 3px;
         -o-border-radius: 3px;
            border-radius: 3px;
}
.sb-form-group-checkbox label:hover:before { background: #FFF; }
.sb-form-group-checkbox label.checked:before { background: #FFF; }
.sb-form-group-checkbox label.checked:after {
    content: "";
    display: block;
    position: absolute;
    width: 13px; height: 12px;
    left: 2px; top: 2px;
    background: url(../images/SBFramework/sb-checked.png) no-repeat;
}
form.sb-form-horizontal .sb-form-group-checkbox label { float: left; margin-right: 10px; }

form.sb-form-horizontal .sb-form-group-checkbox label {
    text-align: left; padding-top: 0;
}

/* Searchbox */
.sb-searchbox {
    position: relative;
}
.sb-searchbox span {
    font-size: 1.2em;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}
/* Searchbox & Autocompletion */
.sb-result-autocompletion.auto-hide {
  display: none;
  z-index: 2000;
}
.sb-result-autocompletion-styled {
    position: relative;
    bottom: 1px;
    background: #FFF;
    border: 1px solid #bbb;
    overflow-x: auto;
    max-height: 190px;
    z-index: 9500000000;
    -webkit-border-radius: 0 0 5px 5px;
       -moz-border-radius: 0 0 5px 5px;
        -ms-border-radius: 0 0 5px 5px;
         -o-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
       -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
          -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
           -ms-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
            -o-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
               box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}
.sb-result-autocompletion-styled li {
    list-style: none;
    padding: 8px;
    border-bottom: 1px solid #BBB;
    font-size: 12px;
}
.sb-result-autocompletion-styled li:last-child { border-bottom-color: transparent; }
.sb-result-autocompletion-styled li:hover, .sb-result-autocompletion-styled li.hovered {
    cursor: pointer;
    color: #FFF;
    background: #009fe3;
    border-color: #009fe3;
}
.sb-result-autocompletion-styled li .sb-glyph,
.sb-result-autocompletion-styled li .sb-image { vertical-align: middle; margin-right: 5px; }

/* Input with Submit */
.sb-form-with-submit { position: relative; }
.sb-form-with-submit input.sb-form-input {
    width: 58.33333333%; float: left;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.sb-form-with-submit button {
    right: 0; top: 0; padding: 7.5px 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 33.33333333%;
}
.sb-form-with-submit button .sb-glyph { margin-right: 3px; }

/* Select */
.sb-select .sb-form-input.select {
    cursor: pointer;
    position: relative;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f5f5f5));
    background: -moz-linear-gradient(top,#fff,#f5f5f5);
    background: -o-linear-gradient(top,#fff,#f5f5f5);
    background-color: #f5f5f5;
    -webkit-user-select: none;
       -moz-user-select: none;
}
.sb-select .sb-form-input.select .sb-glyph {
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: 150ms ease-in-out;
       -moz-transition: 150ms ease-in-out;
        -ms-transition: 150ms ease-in-out;
         -o-transition: 150ms ease-in-out;
            transition: 150ms ease-in-out;
 }
.sb-select .sb-form-input.select.sb-select-open { border-color: #0b9fdc; background: #FFF; }
.sb-select .sb-form-input.select.sb-select-open .sb-glyph {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: 150ms ease-in-out;
       -moz-transition: 150ms ease-in-out;
        -ms-transition: 150ms ease-in-out;
         -o-transition: 150ms ease-in-out;
            transition: 150ms ease-in-out;
}

/* File */
input[type="file"], input[type="file"]:focus, input[type="file"]:hover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer !important;
  opacity: 0 !important;
  filter: alpha(opacity=0);
  z-index: 99;
  outline: 0;
}
a.sb-input-file-wrapper {
  overflow: hidden;
  position: relative;
  cursor: pointer;
  z-index: 1;
}
a.sb-input-file-wrapper span {cursor: pointer; }
/******************************
*******************************

    / BOUTONS

******************************
******************************/

.sb-btn { display: inline-block; font-weight: lighter; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

a.sb-btn { text-decoration: none; }

.sb-btn-gradient {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */
}

.sb-btn,
.sb-btn-white,
.sb-btn-white:hover {
    color: #555555;
    background-color: #ffffff;
    border-color: #bbbbbb;
}
.sb-btn-red,
.sb-btn-red:hover {
    color: #ffffff;
    background-color: #d8544a;
    border-color: #964c46;
}
.sb-btn-blue,
.sb-btn-blue:hover {
    color: #ffffff;
    background-color: #009fe3;
    border-color: #0b7cac;
}
.sb-btn-green,
.sb-btn-green:hover {
    color: #ffffff;
    background-color: #3aaa35;
    border-color: #357032;
}

.sb-btn:not(.active):hover { opacity: 0.9; filter: alpha(opacity=90); }

.sb-btn-lg { padding: 8px 16px; font-size: 17px; line-height: 1.33; border-radius: 6px; }
.sb-btn-sm, .sb-btn-xs { font-size: 11px; line-height: 1.5; border-radius: 3px; }
.sb-btn-sm { padding: 5px 10px; }
.sb-btn-xs { padding: 3px 6px; }

/* ACTIVE FOCUS BUTTONS */
.sb-btn:active, .sb-btn:focus, .sb-btn.active { outline: 0; }
.sb-btn:active {
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.3);
       -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.3);
        -ms-box-shadow: inset 0 3px 8px rgba(0,0,0,0.3);
            box-shadow: inset 0 3px 8px rgba(0,0,0,0.3); }

.sb-btn-white:active { background-color: #f8f8f8; }
.sb-btn-red:active { background-color: #bc4940; }
.sb-btn-blue:active { background-color: #0a83b6; }
.sb-btn-green:active { background-color: #4d964a; }

.sb-btn-red.active { background: #964c46; }
.sb-btn-blue.active { background: #0b7cac; }
.sb-btn-green.active { background: #357032; }
.sb-btn-white.active { background: #eee; }

/* DISABLED BUTTONS */
.sb-btn[disabled],
.sb-btn-gradient[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.50;
    -webkit-box-shadow: none;
        box-shadow: none;
    filter: alpha(opacity=50); }

/* Button group */
.sb-button-group:after {
    content: "";
    display: block;
    clear: both; }
.sb-button-group .sb-btn {
    border-radius: 0;
    float: left; }
.sb-button-group:not(.sb-button-group-vertical) .sb-btn:not(:first-child) { border-left: none; }
.sb-button-group.sb-button-group-vertical .sb-btn:not(:first-child) { border-top: none; }

.sb-button-group:not(.sb-button-group-vertical) .sb-btn:first-child {
    -webkit-border-radius: 4px 0 0 4px;
       -moz-border-radius: 4px 0 0 4px;
        -ms-border-radius: 4px 0 0 4px;
         -o-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
}
.sb-button-group.sb-button-group-vertical .sb-btn:first-child {
    -webkit-border-radius: 4px 4px 0px 0;
       -moz-border-radius: 4px 4px 0px 0;
        -ms-border-radius: 4px 4px 0px 0;
         -o-border-radius: 4px 4px 0px 0;
            border-radius: 4px 4px 0px 0;
}
.sb-button-group:not(.sb-button-group-vertical) .sb-btn:last-child {
    -webkit-border-radius: 0 4px 4px 0;
       -moz-border-radius: 0 4px 4px 0;
        -ms-border-radius: 0 4px 4px 0;
         -o-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
}
.sb-button-group.sb-button-group-vertical .sb-btn:last-child {
    -webkit-border-radius: 0 0 4px 4px;
       -moz-border-radius: 0 0 4px 4px;
        -ms-border-radius: 0 0 4px 4px;
         -o-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
}
.sb-button-group {
    clear: both;
}

/* Button group vertical */
.sb-button-group-vertical>.sb-btn,
.sb-button-group-vertical>.sb-button-group,
.sb-button-group-vertical>.sb-button-group>.sb-btn {
    width: 100%;
    float: none;
}




/******************************
*******************************

    / CONTEURS

******************************
******************************/

/* Couleurs */
.sb-blue { color: #009fe3; }
.sb-red { color: #f70a22; }
.sb-green { color: #3aaa35; }
.sb-color-light { color: #979797; }


/* Chiffres */
.sb-counter-numbers { font-size: 40px; font-family: 'droid-bold'; }
.sb-counter-legend { display: block; font-size: 13px; color: #555555; line-height: 15px; }
.sb-counter-horizontal { display: inline-block; vertical-align: middle; }
.sb-counter-horizontal > * { display: inline-block; }
.sb-counter-horizontal > .sb-counter-numbers { vertical-align: middle; text-align: center; min-width: 54px; }



/******************************
*******************************

    / TABS

******************************
******************************/

/* TABS */
.sb-nav {
  list-style: none;
  padding-left: none;
}
.sb-nav li a {
  width: 100%;
  position: relative;
  color: #555555;
  background-color: #eeeeee;
  padding: 10px 15px;
  display: block;
  text-decoration: none;
  white-space: nowrap;
}
.sb-nav li a:hover {
  background-color: #f6f6f6;
}

.sb-content-tab,
.sb-nav-tabs .sb-nav-active a,
.sb-nav-tabs .sb-nav-active a:hover {
  background-color: #ffffff;
}
.sb-nav-tabs .sb-nav-active a { border-bottom: 1px solid #FFF; }
.sb-nav-tabs li a {
  border: 1px solid #bbbbbb;
}

/* Responsive */
.sb-quick-tab-responsive li {
    padding: 0;
    margin-bottom: -1px;
    margin-right: -1px;
}
.sb-quick-tab-responsive .sb-content-tab {
    clear: both;
}
/* Justified */
.sb-quick-tab-justified .sb-nav-tabs { margin-bottom: -1px; }
.sb-quick-tab-justified li {
    display: table-cell;
    width: 1%;
}
.sb-quick-tab-justified li a {
    border-bottom: none;
}
@media (max-width:450px){
    .sb-quick-tab-justified li {
        display: block;
        width: inherit;
    }
    .sb-quick-tab-justified li a:last-child {
        border-bottom: 1px solid #bbbbbb;
    }
    .sb-quick-tab-justified li a:not(first-child) {
        border-top: none;
    }
    .sb-quick-tab-responsive li {
        margin-right: inherit;
    }
}
/* Content tab */
.sb-content-tab { padding: 10px 15px; border: 1px solid #bbbbbb; }

/* RDV */
.sb-rdv-date { font-size: 13px; color: #555555; padding: 20px 5px 5px; }
.sb-line { border-bottom: 1px solid #bbbbbb; padding: 10px; }

/******************************
*******************************

    / NOTIFICATIONS

******************************
******************************/
/* Alertes */
.sb-alert {
    border: 1px solid;
    padding: 10px 20px;
    margin-bottom: 8px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
        -ms-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}
.sb-alert:after { content: ""; display: block; clear: both; }
.sb-alert i {
    width: 13px; height: 13px;
    float: left;
    margin-right: 10px;
    background: url(../images/SBFramework/sb-sprite-notif.png) no-repeat;
}
.sb-alert p { float: left; }
.sb-alert button {
    border: none;
    background: url(../images/SBFramework/sb-sprite-notif.png) no-repeat;
    float: right;
    height: 13px; width: 13px;
}
.sb-alert button, .sb-alert i { position: relative; top: 2px; }
.sb-alert.sb-alert-red { background: #f2dede; border-color: #cb9ba2; color: #b84b45; }
.sb-alert.sb-alert-green { background: #dff0d5; border-color: #aac889; color: #47883d; }
.sb-alert.sb-alert-orange { background: #fcf8e1; border-color: #e9d2a2; color: #897a5b; }

.sb-alert.sb-alert-red i { background-position: -13px -13px; }
.sb-alert.sb-alert-green i { background-position: 0 -13px; }
.sb-alert.sb-alert-orange i { background-position: -26px -13px; }

.sb-alert.sb-alert-red button { background-position: -13px 0; }
.sb-alert.sb-alert-green button { background-position: 0 0; }
.sb-alert.sb-alert-orange button { background-position: -26px 0; }
.sb-alert button:focus, .sb-alert button:active { outline: 0; }

.sb-alert-content-fixed { position: fixed; bottom: 15px; right: 15px; z-index: 2000; max-height: 500px; }
.sb-alert-content-fixed .sb-alert { width: 300px; position: relative;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
       -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
        -ms-box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
         -o-box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
            box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
}
.sb-alert-content-fixed .sb-alert i, .sb-alert-content-fixed .sb-alert p {
        display: inline-block; vertical-align: top;
}
.sb-alert-content-fixed .sb-alert p {
    font-size: 12px; width: 230px;
}
.sb-alert-content-fixed .sb-alert .sb-close-alert {
    position: absolute;
    top: 10px; right: 12px;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/******************************
*******************************

    / Modal

******************************
******************************/
.sb-modal {
    display: none;
    background: rgba(0,0,0,0.7);
    left: 0; top: 0;
    height: 100%; width: 100%;
    z-index: 1000;
    overflow: auto;
}
.sb-modal-white { background: rgba(255,255,255,0.7); }
.sb-modal-fixed { position: fixed; }
.sb-modal-absolute { position: absolute; }

.sb-modal .sb-modal-content {
    position: relative;
    overflow: hidden;
    padding-bottom: 55px;
    background: #FFF;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
        -ms-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.6);
       -moz-box-shadow: 0 0 30px rgba(0,0,0,0.6);
        -ms-box-shadow: 0 0 30px rgba(0,0,0,0.6);
         -o-box-shadow: 0 0 30px rgba(0,0,0,0.6);
             box-shadow: 0 0 30px rgba(0,0,0,0.6);
}
/* Modal */
.no-scroll {
    overflow: hidden;
}
.sb-modal .sb-modal-content {
    max-width: 520px;
    width: 94%;
    margin: 3% auto 3%;
}
.sb-modal .sb-modal-title { padding: 15px 20px; border-bottom: 1px solid #bbb; }
.sb-modal .sb-modal-title h3 { margin-bottom: 0 !important; }
.sb-modal .sb-modal-content-inner { padding: 20px; }
.sb-modal .sb-modal-bottom {
    position: absolute;
    border-top: 1px solid #bbb;
    background: #f7f7f9;
    padding: 10px;
    height: 53px; width: 100%;
    bottom: 0; left: 0;
}
.sb-modal .sb-modal-bottom .sb-btn { float: right; margin-left: 10px; }
.sb-modal .sb-modal-bottom:after {
    content: "";
    display: block;
    clear: both;
}
/* Close Button */
.sb-modal-close-btn {
    background: url(/images/SBFramework/sb-close.png);
    background-repeat: no-repeat;
    background-position: left center;
    border: none;
    height: 15px;
    width: 15px;
    position: absolute;
    top: 22px; right: 20px;
    cursor: pointer;
}
.sb-modal-close-btn:focus {
    outline: none;
}
/* Small Modal */
.sb-modal.sb-modal-small .sb-modal-title { padding: 10px 15px 5px; }
.sb-modal.sb-modal-small .sb-modal-title h3 { font-size: 16px; margin-bottom: 0; }
.sb-modal.sb-modal-small .sb-modal-content { padding-bottom: 40px; }
.sb-modal.sb-modal-small .sb-modal-content-inner { padding: 10px 15px; }
.sb-modal.sb-modal-small .sb-modal-bottom { padding: 5px; height: 40px; }
.sb-modal.sb-modal-small .sb-modal-close-btn {
    background-position: right center;
    height: 9px; width: 9px;
    top: 14px; right: 12px;
}

/******************************
*******************************

    / Tooltip

******************************
******************************/
.sb-with-tooltip { position: relative; }

.sb-tooltip-box {
    position: absolute;
    top: 100px; left: 200px;
    color: #FFF;
    z-index: 999999;
    background: #333;
    padding: 5px 8px;
    max-width: 230px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
        -ms-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
}
.sb-tooltip-box:before { content: ""; position: absolute; }
.sb-tooltip-box.sb-tooltip-right:before {
    left: -7px; top: 50%;
    margin-top: -4px;
    width: 0; height: 0;
    border-style: solid;
    border-width: 4.5px 7px 4.5px 0;
    border-color: transparent #333 transparent transparent;
}
.sb-tooltip-box.sb-tooltip-left:before {
    right: -7px; top: 50px;
    margin-top: -4px;
    width: 0; height: 0;
    border-style: solid;
    border-width: 4.5px 0 4.5px 7px;
    border-color: transparent transparent transparent #333;
}
.sb-tooltip-box.sb-tooltip-bottom:before {
    left: 50%; top: -7px;
    margin-left: -4px;
    width: 0; height: 0;
    border-style: solid;
    border-width: 0 4.5px 7px 4.5px;
    border-color: transparent transparent #333 transparent;

}
.sb-tooltip-box.sb-tooltip-top:before {
    left: 50%; bottom: -7px;
    margin-left: -4px;
    width: 0; height: 0;
    border-style: solid;
    border-width: 7px 4.5px 0 4.5px;
    border-color: #333 transparent transparent transparent;

}

/******************************
*******************************

    / BADGES

******************************
******************************/

.sb-badge { display: inline-block; padding: 3px 7px; font-size: 11px; color: #ffffff; vertical-align: baseline; white-space: nowrap; text-align: center; border-radius: 15px; }
.sb-badge:empty { display: none; }
.sb-badge-red { background: #d8544a; border-color: #b93a30; }
.sb-badge-blue { background: #009fe3; border-color: #006f9e; }
.sb-badge-green { background: #3aaa35; border-color: #30862c; }
.sb-badge-grey { background: #555555; }
.sb-pull-right { float: right; }
.sb-pull-left {
    float: left;
}


/******************************
*******************************

    / PANEL

******************************
******************************/

.sb-panel { background-color: #fcfcfc; border: 1px solid transparent; position: relative;  }
.sb-panel-default { border-color: #bbb; }
.sb-panel-body { padding: 15px; }
.sb-panel-heading { color: #555555; background-color: #eeeeee; padding: 10px 15px; border-bottom: 1px solid #bbb; }
.sb-panel-heading:after { content: ""; display: block; clear: both; }
.sb-panel-heading h1, .sb-panel-heading h2, .sb-panel-heading h3, .sb-panel-heading h4, .sb-panel-heading h5, .sb-panel-heading h6 { margin-bottom: 0; padding: 10px 0; }

.sb-panel-blue { border-color: #60adce; }
.sb-panel-blue>.sb-panel-heading { color: #178fc2; background-color: #9dd5ec; border-color: #60adce; }
.sb-panel-red { border-color: #cb9ba2; }
.sb-panel-red>.sb-panel-heading { color: #b84b45; background-color: #f2dede; border-color: #cb9ba2; }
.sb-panel-green { border-color: #aac889; }
.sb-panel-green>.sb-panel-heading { color: #47883d; background-color: #dff0d5; border-color: #aac889; }
.sb-panel-orange { border-color: #e9d2a2; }
.sb-panel-orange>.sb-panel-heading { color: #897a5b; background-color: #fcf8e1; border-color: #e9d2a2; }

.sb-panel-body:after {
    content: "";
    display: block;
    clear: both;
}
.sb-panel-with-footer .sb-panel-footer {
    height: 50px;
    padding: 10px;
    background: #eee;
    border-top: 1px solid #bbb;
}
/******************************
*******************************

    / LOADER

******************************
******************************/
/* Callback */
.sb-loading-bar, .sb-loading-success, .sb-loading-error { display: none; }

.sb-loader-container.loading .sb-loading-bar {
    display: block;
}
.sb-loader-container {
    display: none;
    position: fixed;
    z-index: 1500;
    top: 0; left: 0;
    width: 100%; height: 100%;
    cursor: wait;
}
.sb-loader-container.success, .sb-loader-container.error {
    width: inherit; height: inherit;
    right: 0; left: inherit; top: 0;
    cursor: default;
}
.sb-loader {
    background: #FFF;
    position: absolute;
    right: 20px; top: 75px;
    width: 280px;
    min-height: 73px;
    padding: 15px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
        -ms-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5);
       -moz-box-shadow: 0 0 15px rgba(0,0,0,0.5);
        -ms-box-shadow: 0 0 15px rgba(0,0,0,0.5);
         -o-box-shadow: 0 0 15px rgba(0,0,0,0.5);
            box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
.sb-loading-content-bar {
    float: left;
    margin-right: 20px;
    height: 35px;
    width: 30px;
}
.sb-loading-content-bar .sb-glyph { display: none; font-size: 28px; }
.sb-loader p { margin-top: 13px; }

.sb-callback-success { color: #3aaa35; margin-top: 6px; }
.sb-callback-error { color: #d8544a; margin-top: 8px; }

.sb-loader-container.loading .sb-loading-bar { display: block; }

.sb-loader-container.success p { color: #3aaa35; }
.sb-loader-container.success .sb-callback-success { display: block; }

.sb-loader-container.error p { color: #d8544a; }
.sb-loader-container.error .sb-callback-error { display: block; }

/* Bar animation */
.sb-loading-bar { position:relative; width:35px; height:43px }

.sb-bar {
    position:absolute;
    background-color:#FFFFFF;
    width:6px;
    height:13px;
    -moz-border-radius:5px 5px 0 0;
    -moz-transform:scale(0.4);
    -moz-animation-name:fadeG;
    -moz-animation-duration:0.5599999999999999s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -webkit-border-radius:5px 5px 0 0;
    -webkit-transform:scale(0.4);
    -webkit-animation-name:fadeG;
    -webkit-animation-duration:0.5599999999999999s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -ms-border-radius:5px 5px 0 0;
    -ms-transform:scale(0.4);
    -ms-animation-name:fadeG;
    -ms-animation-duration:0.5599999999999999s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -o-border-radius:5px 5px 0 0;
    -o-transform:scale(0.4);
    -o-animation-name:fadeG;
    -o-animation-duration:0.5599999999999999s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    border-radius:5px 5px 0 0;
    transform:scale(0.4);
    animation-name:fadeG;
    animation-duration:0.5599999999999999s;
    animation-iteration-count:infinite;
    animation-direction:linear;
}
#rotateG_01{
    left:0;
    top:16px;
    -moz-animation-delay:0.20999999999999996s;
    -moz-transform:rotate(-90deg);
    -webkit-animation-delay:0.20999999999999996s;
    -webkit-transform:rotate(-90deg);
    -ms-animation-delay:0.20999999999999996s;
    -ms-transform:rotate(-90deg);
    -o-animation-delay:0.20999999999999996s;
    -o-transform:rotate(-90deg);
    animation-delay:0.20999999999999996s;
    transform:rotate(-90deg);
}
#rotateG_02{
    left:5px;
    top:6px;
    -moz-animation-delay:0.27999999999999997s;
    -moz-transform:rotate(-45deg);
    -webkit-animation-delay:0.27999999999999997s;
    -webkit-transform:rotate(-45deg);
    -ms-animation-delay:0.27999999999999997s;
    -ms-transform:rotate(-45deg);
    -o-animation-delay:0.27999999999999997s;
    -o-transform:rotate(-45deg);
    animation-delay:0.27999999999999997s;
    transform:rotate(-45deg);
}

#rotateG_03{
    left:15px;
    top:2px;
    -moz-animation-delay:0.35s;
    -moz-transform:rotate(0deg);
    -webkit-animation-delay:0.35s;
    -webkit-transform:rotate(0deg);
    -ms-animation-delay:0.35s;
    -ms-transform:rotate(0deg);
    -o-animation-delay:0.35s;
    -o-transform:rotate(0deg);
    animation-delay:0.35s;
    transform:rotate(0deg);
}
#rotateG_04{
    right:5px;
    top:6px;
    -moz-animation-delay:0.41999999999999993s;
    -moz-transform:rotate(45deg);
    -webkit-animation-delay:0.41999999999999993s;
    -webkit-transform:rotate(45deg);
    -ms-animation-delay:0.41999999999999993s;
    -ms-transform:rotate(45deg);
    -o-animation-delay:0.41999999999999993s;
    -o-transform:rotate(45deg);
    animation-delay:0.41999999999999993s;
    transform:rotate(45deg);
}
#rotateG_05{
    right:0;
    top:16px;
    -moz-animation-delay:0.48999999999999994s;
    -moz-transform:rotate(90deg);
    -webkit-animation-delay:0.48999999999999994s;
    -webkit-transform:rotate(90deg);
    -ms-animation-delay:0.48999999999999994s;
    -ms-transform:rotate(90deg);
    -o-animation-delay:0.48999999999999994s;
    -o-transform:rotate(90deg);
    animation-delay:0.48999999999999994s;
    transform:rotate(90deg);
}
#rotateG_06{
    right:5px;
    bottom:4px;
    -moz-animation-delay:0.5599999999999999s;
    -moz-transform:rotate(135deg);
    -webkit-animation-delay:0.5599999999999999s;
    -webkit-transform:rotate(135deg);
    -ms-animation-delay:0.5599999999999999s;
    -ms-transform:rotate(135deg);
    -o-animation-delay:0.5599999999999999s;
    -o-transform:rotate(135deg);
    animation-delay:0.5599999999999999s;
    transform:rotate(135deg);
}
#rotateG_07{
    bottom:0;
    left:15px;
    -moz-animation-delay:0.63s;
    -moz-transform:rotate(180deg);
    -webkit-animation-delay:0.63s;
    -webkit-transform:rotate(180deg);
    -ms-animation-delay:0.63s;
    -ms-transform:rotate(180deg);
    -o-animation-delay:0.63s;
    -o-transform:rotate(180deg);
    animation-delay:0.63s;
    transform:rotate(180deg);
}

#rotateG_08{
    left:5px;
    bottom:4px;
    -moz-animation-delay:0.7s;
    -moz-transform:rotate(-135deg);
    -webkit-animation-delay:0.7s;
    -webkit-transform:rotate(-135deg);
    -ms-animation-delay:0.7s;
    -ms-transform:rotate(-135deg);
    -o-animation-delay:0.7s;
    -o-transform:rotate(-135deg);
    animation-delay:0.7s;
    transform:rotate(-135deg);
}

@-moz-keyframes fadeG {
    0%{
    background-color:#00BAFD}

    100%{
    background-color:#FFFFFF}
}
@-webkit-keyframes fadeG {
    0%{
    background-color:#00BAFD}

    100%{
    background-color:#FFFFFF}
}
@-ms-keyframes fadeG {
    0%{
    background-color:#00BAFD}

    100%{
    background-color:#FFFFFF}
}

@-o-keyframes fadeG {
    0%{
    background-color:#00BAFD}

    100%{
    background-color:#FFFFFF}
}

@keyframes fadeG{
    0%{
    background-color:#00BAFD}

    100%{
    background-color:#FFFFFF}
}

/******************************
*******************************

    / TIMESLOT

******************************
******************************/
.sb-timeslot-view {
    margin-bottom: 15px;
    background: #FFF;
    border: 1px solid #bbb;
    padding: 10px;
}
.sb-timeslot-view:last-child { margin-bottom: 0; }
.sb-timeslot-view .sb-glyph-play {
    margin-top: 8px;
}
.sb-timeslot-view:after {
    content: ""; display: block; clear: both;
}
.sb-timeslot-view .sb-status span {
    width: 10px; height: 10px;
    border-radius: 50%;
    float: right;
    margin: 5px;
}
.sb-timeslot-view-info span.confirm { background: #3aaa35; }
.sb-timeslot-view-info span.pending { background: #ea5b0c; }
.sb-timeslot-view-info span.past { background: #009fe3; }
.sb-timeslot-view-info span.rabbit { background: #f70a22; }
.sb-timeslot-view-info span.not-confirmed { background: #636669; }
/******************************
*******************************

    / VISIBLE / HIDDEN

******************************
******************************/
.hidden { display:none!important; visibility:hidden!important }
.visible-xs, .visible-sm, .visible-md, .visible-lg { 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 (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: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: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 (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}
}
@media print {
    .hidden-print {display:none!important}
}
@-ms-viewport {
  width: device-width;
}

/******************************
*******************************

    / DATE PICKER

******************************
******************************/
.hasDatepicker { position: relative; z-index: 100000; }

.ui-datepicker {
    background: none repeat scroll 0 0 #FFFFFF;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    display: none;
    padding: 0;
    width: 13,5em;
}
.ui-datepicker .ui-datepicker-header {
    padding: 0.2em 0;
    position: relative;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    cursor: pointer;
    height: 12px;
    position: absolute;
    text-indent: -99999px;
    top: 11px;
    width: 9px;
}
.ui-datepicker .ui-datepicker-prev {
    background: url(../images/commons/left.png) no-repeat scroll 0 0 transparent;
    left: 10px;
}
.ui-datepicker .ui-datepicker-next {
    background: url(../images/commons/right.png) no-repeat scroll 0 0 transparent;
    right: 10px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.ui-datepicker .ui-datepicker-title {
    color: #B9ACA4;
    font: 14px 'Helvetica';
    font-weight: bold;
    margin: 10px 5px 5px 5px;
    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 {
    border-collapse: collapse;
    font-size: 12px;
    width: 100%;
}
.ui-datepicker th {
    background: rgb(0,158,226); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,158,226,1) 0%, rgba(0,144,205,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,158,226,1)), color-stop(100%,rgba(0,144,205,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,158,226,1) 0%,rgba(0,144,205,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,158,226,1) 0%,rgba(0,144,205,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,158,226,1) 0%,rgba(0,144,205,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,158,226,1) 0%,rgba(0,144,205,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ee2', endColorstr='#0090cd',GradientType=0 ); /* IE6-9 */

    border: 1px solid #0b7cac;
    color: #FFFFFF;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}
.ui-datepicker th span {
    display: block;
    text-align: center;
}
.ui-datepicker td {
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

    border: 1px solid #EEEEEE;
    text-align: center;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 30px;
    color: #999;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    margin: 0.7em 0 0;
    padding: 0 0.2em;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    cursor: pointer;
    float: right;
    margin: 0.5em 0.2em 0.4em;
    overflow: visible;
    padding: 0.2em 0.6em 0.3em;
    width: auto;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}
.ui-datepicker .ui-datepicker-today {
    background: rgb(0,158,226); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,158,226,1) 0%, rgba(0,144,205,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,158,226,1)), color-stop(100%,rgba(0,144,205,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,158,226,1) 0%,rgba(0,144,205,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,158,226,1) 0%,rgba(0,144,205,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,158,226,1) 0%,rgba(0,144,205,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,158,226,1) 0%,rgba(0,144,205,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ee2', endColorstr='#0090cd',GradientType=0 ); /* IE6-9 */

    color: #FFFFFF !important;
}
.ui-datepicker .ui-datepicker-today span { color: #FFF }
.ui-datepicker .ui-datepicker-today a {
    color: #FFFFFF !important;
    background: rgb(0,158,226); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,158,226,1) 0%, rgba(0,144,205,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,158,226,1)), color-stop(100%,rgba(0,144,205,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,158,226,1) 0%,rgba(0,144,205,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,158,226,1) 0%,rgba(0,144,205,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,158,226,1) 0%,rgba(0,144,205,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,158,226,1) 0%,rgba(0,144,205,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ee2', endColorstr='#0090cd',GradientType=0 ); /* IE6-9 */

}
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
    background: rgb(0,158,226); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,158,226,1) 0%, rgba(0,144,205,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,158,226,1)), color-stop(100%,rgba(0,144,205,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,158,226,1) 0%,rgba(0,144,205,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,158,226,1) 0%,rgba(0,144,205,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,158,226,1) 0%,rgba(0,144,205,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,158,226,1) 0%,rgba(0,144,205,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ee2', endColorstr='#0090cd',GradientType=0 ); /* IE6-9 */

    color: #FFFFFF;
}
.ui-slider-horizontal {
    border: 1px solid #E6E6E6;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -ms-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    height: 7px;
    position: relative;
}
.ui-slider-horizontal .ui-slider-handle {
    background: url(../../images/admin-form/ui-slider-handle.png) no-repeat scroll 0 0 transparent;
    height: 24px;
    margin-left: -10px;
    position: absolute;
    top: -7px;
    width: 24px;
}
.ui-slider-horizontal .ui-slider-range {
    background: none repeat scroll 0 0 #EEEEEE;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -ms-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    height: 100%;
    top: 0;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

/*** Timepick ****/
ul.ui-timepicker-list {
    width: 135px;
}
ul.ui-timepicker-list .ui-timepicker-list li {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
}
li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover {
    background: #F27D3B !important;
    color: #FFF !important;
}

/*** Get Loader Widget ***/
.sb-get-loader-container {
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    text-align: center;
    background-color: rgba(255,255,255,0.6);
    z-index: 100;
    display: none;
}

.sb-get-loader-container span {
    display: inline-block;
    position: relative;
    height: 16px;
    width: 214px;
    max-width: 75%;
    background: url("../images/loader-get.GIF");
    font-size: 20px;
}

/* AJAX LOADER */
.ajax-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    display: none;
    background: rgba(255,255,255,0.5);
    z-index: 100;
}
.ajax-overlay:before, .ajax-overlay:after {
    content: "";
    position: absolute;
    width: 20px; height: 20px;
    top: 50%; left: 50%;
    margin: -10px 0 0 -10px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    z-index: 1000;
    -webkit-transition: opacity 0.15s, visibility 0s 0.15s;
            transition: opacity 0.15s, visibility 0s 0.15s;
}
.ajax-overlay:before {
    background: #009fe3;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
    -webkit-animation: moveLeft 0.3s linear infinite alternate;
            animation: moveLeft 0.3s linear infinite alternate;
}
.ajax-overlay:after {
    background: #333;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
    -webkit-animation: moveRight 0.3s linear infinite alternate;
            animation: moveRight 0.3s linear infinite alternate;
}
.ajax-overlay.loading:before, .ajax-overlay.loading:after {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
@-webkit-keyframes moveRight { to { -webkit-transform: translateX(20px); } }
@keyframes moveRight         { to { transform: translateX(20px); } }
@-webkit-keyframes moveLeft  { to { -webkit-transform: translateX(-20px); } }
@keyframes moveLeft          { to { transform: translateX(-20px); } }







/* DEMO */
.cursor-demo {
    background: url(../images/commons/cursor-demo.png) no-repeat;
    width: 27px;
    height: 30px;
    position : fixed;
    z-index: 50000000;
}

#go-to-last-dispo.active {
    box-shadow:inset 0 3px 8px rgba(0,0,0,0.3);
}