@import "jqueryui/jqueryui.css";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
ol,
ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
/* HTML5 Boilerplate  */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222;
}
body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}
a {
  color: #00e;
}
a:visited {
  color: #551a8b;
}
a:hover {
  color: #06e;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
button[disabled],
input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}
.ir br {
  display: none;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/*[fmt]0020-000A-3*/
/*#zoombox iframe, #zoombox image*/
#INVALID-RULE {
  border: none;
}
#zoombox .mask {
  background-color: #000000;
  position: fixed;
  width: 100%;
  z-index: 90;
  height: 100%;
  top: 0;
  left: 0;
}
#zoombox .container {
  position: absolute;
  z-index: 100;
}
#zoombox .relative {
  position: relative;
}
#zoombox .prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  cursor: pointer;
  /*+opacity:0;*/
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#zoombox .prev:hover {
  /*+opacity:100%;*/
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
#zoombox .next {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  /*+opacity:0;*/
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#zoombox .close,
#zoombox .next,
#zoombox .prev {
  cursor: pointer;
}
#zoombox .next:hover {
  /*+opacity:100%;*/
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
#zoombox .gallery {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  /*+opacity:85%;*/
  filter: alpha(opacity=85);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
  cursor: pointer;
  width: auto;
  background-color: #050505;
}
#zoombox .gallery img {
  height: 50px;
  padding: 5px;
  /*+opacity:50%;*/
  filter: alpha(opacity=50);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
#zoombox .gallery img:hover,
#zoombox .gallery img.current {
  /*+opacity:100%;*/
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
#zoombox_loader {
  background: url(img/loader.png) no-repeat left top;
  position: absolute;
  height: 40px;
  width: 40px;
  cursor: pointer;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  overflow: hidden;
  z-index: 110;
}
/** Zoombox Theme **/
.zoombox .container {
  background: #000000;
  color: #666;
  /*+box-shadow:0px 0px 10px #000000;*/
  -moz-box-shadow: 0px 0px 10px #000000;
  -webkit-box-shadow: 0px 0px 10px #000000;
  -o-box-shadow: 0px 0px 10px #000000;
  box-shadow: 0px 0px 10px #000000;
}
.zoombox .title {
  color: #FFFFFF;
  /*+placement:anchor-top-left -1px -22px;*/
  position: absolute;
  left: -1px;
  top: -22px;
  /*+text-shadow:1px 1px #000000;*/
  -moz-text-shadow: 1px 1px #000000;
  -webkit-text-shadow: 1px 1px #000000;
  -o-text-shadow: 1px 1px #000000;
  text-shadow: 1px 1px #000000;
}
.zoombox .close {
  background: url(img/close.png) no-repeat;
  width: 30px;
  height: 30px;
  /*+placement:anchor-top-right -15px -15px;*/
  position: absolute;
  right: -15px;
  top: -15px;
}
#zoombox.zoombox .next {
  background: url(img/next.png) no-repeat right center;
}
#zoombox.zoombox .prev {
  background: url(img/prev.png) no-repeat left center;
}
/** Lightbox Theme **/
.lightbox .container {
  background: #FFFFFF;
  margin-left: -30px;
  padding: 10px 10px 37px;
  color: #666;
}
.lightbox .close {
  background: url(img/lightclose.gif) no-repeat left top;
  width: 66px;
  height: 22px;
  top: auto;
  /*+placement:anchor-bottom-right 12px 6px;*/
  position: absolute;
  right: 12px;
  bottom: 6px;
}
.lightbox .title {
  text-align: left;
}
.lightbox .next {
  background: url(img/lightnext.gif) no-repeat right 50px;
}
.lightbox .multimedia .next,
.lightbox .multimedia .prev {
  display: none;
}
.lightbox .prev {
  background: url(img/lightprev.gif) no-repeat left 50px;
}
#zoombox.lightbox .gallery {
  left: 10px !important;
  right: 10px;
  bottom: 36px;
}
/** Pretty Photo Theme **/
.prettyphoto .container {
  border: 10px solid #0B0A0A;
  /*+border-radius:10px;*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px 10px 10px 10px;
  background: #FFFFFF;
  padding: 10px 10px 37px;
  margin-left: -20px;
  color: #797979;
}
.prettyphoto .title {
  text-align: left;
}
.prettyphoto .close {
  background: url(img/ppsprite.png);
  width: 27px;
  height: 24px;
  top: auto;
  /*+placement:anchor-bottom-right 6px 8px;*/
  position: absolute;
  right: 6px;
  bottom: 8px;
}
.prettyphoto .next {
  background: url(img/ppnext.png) no-repeat right center;
}
.prettyphoto .prev {
  background: url(img/ppprev.png) no-repeat left center;
}
.prettyphoto .multimedia .next,
.prettyphoto .multimedia .prev {
  display: none;
}
#zoombox.prettyphoto .gallery {
  left: 10px !important;
  right: 10px;
  bottom: 36px;
}
/** Dark Pretty Photo Theme **/
.darkprettyphoto .container {
  /*+border-radius:10px;*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px 10px 10px 10px;
  background: #0C0C0C;
  padding: 10px 10px 37px;
  margin-left: -30px;
  color: #828282;
}
.darkprettyphoto .title {
  /*[empty]position:;*/
  text-align: left;
}
.darkprettyphoto .close {
  background: url(img/ppsprite.png);
  width: 27px;
  height: 24px;
  top: auto;
  /*+placement:anchor-bottom-right 2px 6px;*/
  position: absolute;
  right: 2px;
  bottom: 6px;
}
.darkprettyphoto .next {
  background: url(img/ppnext.png) no-repeat right center;
}
.darkprettyphoto .prev {
  background: url(img/ppprev.png) no-repeat left center;
}
.darkprettyphoto .multimedia .next,
.darkprettyphoto .multimedia .prev {
  display: none;
}
#zoombox.darkprettyphoto .gallery {
  left: 10px !important;
  right: 10px;
  bottom: 36px;
}
/** Simple Theme **/
.simple .container {
  background: #000;
}
.simple .title {
  color: #FFFFFF;
  /*+placement:anchor-top-left -1px -22px;*/
  position: absolute;
  left: -1px;
  top: -22px;
  /*+text-shadow:1px 1px #000000;*/
  -moz-text-shadow: 1px 1px #000000;
  -webkit-text-shadow: 1px 1px #000000;
  -o-text-shadow: 1px 1px #000000;
  text-shadow: 1px 1px #000000;
}
#zoombox.simple .next {
  background: url(img/simplenav.png) no-repeat -20px center;
  /*+opacity:100%;*/
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  right: -20px;
  width: 20px;
}
#zoombox.simple .next:hover {
  background-position-x: left;
}
#zoombox.simple .prev {
  background: url(img/simplenav.png) no-repeat -40px center;
  /*+opacity:100%;*/
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  left: -20px;
  width: 20px;
}
#zoombox.simple .prev:hover {
  background-position-x: -60px;
}
.simple .prev {
  background: url(img/ppprev.png) no-repeat left center;
}
.simple .close {
  background: url(img/simpleclose.png) no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: -10px;
}
body {
  font: 12px/150% Arial, Helvetica, sans-serif;
  color: #6d6d6d;
  margin: 0;
  padding: 0;
  text-align: left;
  background: #ffffff url(../img/bk/bkg-x.png) top left repeat;
}
body.wall {
  background-image: url(../img/bk/bkg-wall.png);
}
body.lined {
  background-image: url(../img/bk/bkg-lined.png);
}
body.white {
  background-image: url(../img/bk/bkg-white.png);
}
body.carbon {
  background-image: url(../img/bk/bkg-carbon.png);
}
ul {
  margin: 0;
}
#content .vert {
  color: #85bc00;
}
#content [contenteditable=true]:not(.active),
#content table tbody tr td[contenteditable=true] {
  cursor: text;
}
/* *** HEADER	*** */
header {
  position: fixed;
  height: 49px;
  left: 0;
  right: 0;
  line-height: 48px;
  padding: 0 40px 0 290px;
  text-align: left;
  color: #aeaeae;
  top: 0;
  z-index: 998;
  background: url(../img/header-x.png) top left repeat-x;
}
header .left {
  position: relative;
  float: left;
}
header .search {
  position: relative;
  width: 214px;
  height: 26px;
  background: url(../img/search.png) top left no-repeat;
  margin-top: 9px;
}
header .search input.text {
  position: absolute;
  border: none;
  background: none;
  width: 170px;
  height: 22px;
  line-height: 22px;
  padding: 2px 7px;
  color: #878787;
}
header .search input.submit {
  height: 26px;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  background: url(../img/search.png) no-repeat top right;
  border: none;
  cursor: pointer;
  text-indent: 3000px;
  overflow: hidden;
}
header .search input.submit:hover {
  background-position: bottom right;
}
header .search label {
  position: absolute;
  border: none;
  color: #878787;
  background: none;
  width: 170px;
  height: 26px;
  line-height: 26px;
  padding: 0 7px;
}
header .right {
  float: right;
  width: 203px;
  height: 26px;
  margin: 9px 0 0 0;
}
header .right #label-lang {
  float: left;
  width: 127px;
  margin: 0 10px 0 0;
  height: 26px;
  background: url(../img/bkg-check-lang.png) top right no-repeat;
  color: #878787;
  font-weight: bold;
  line-height: 26px;
  text-align: left;
}
header .right #lang {
  float: left;
  position: relative;
  background: #454444;
  width: 64px;
  height: auto;
  /*+border-radius:3px;*/
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px 3px 3px 3px;
  border: 1px solid #3a3939;
}
header .right .lang {
  width: 57px;
  padding: 0 0 0 7px;
  margin: 0;
  height: 26px;
  line-height: 26px;
  color: #6f6f6f;
  font-weight: bold;
  cursor: pointer;
  display: none;
}
header .right .lang.currentItem {
  display: block;
  color: #878787;
}
header .right .lang:hover {
  color: #878787;
}
header .right .lang img {
  float: right;
  border: none;
  margin: 4px 6px 0 0;
}
/* *** SIDEBAR *** */
#sidebar {
  position: fixed;
  top: 23px;
  left: 0;
  bottom: 0;
  text-align: left;
  /*+border-radius:5px;*/
  -moz-text-shadow: 0px 1px 0px #000000;
  -webkit-text-shadow: 0px 1px 0px #000000;
  -o-text-shadow: 0px 1px 0px #000000;
  text-shadow: 0px 1px 0px #000000;
  width: 216px;
  padding: 0 23px 0 24px;
  height: 100%;
  background: url(../img/bkg-sidebar.png) top left no-repeat;
  z-index: 999;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
#sidebar #logo {
  position: relative;
  width: 226px;
  height: 109px;
}
#sidebar #profile {
  position: relative;
  width: 130px;
  height: 72px;
  padding: 17px 12px 0 68px;
  text-align: left;
  font-weight: bold;
  margin: 0 0 22px 0;
  background: url(../img/bkg-profile.png) top left no-repeat;
  color: #c5c5c5;
  line-height: 18px;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
#sidebar #profile a {
  color: #c5c5c5;
  font-size: 10px;
}
#sidebar #profile a:hover {
  color: #d5e524;
}
#sidebar #profile span.green {
  color: #d5e524;
}
#sidebar ul {
  list-style: none;
}
#sidebar ul li {
  position: relative;
  background: url(../img/baseline-li-menu.png) bottom left no-repeat;
  padding: 0 0 2px 0;
}
#sidebar ul li .icone-menu {
  position: absolute;
  top: 3px;
  left: 7px;
  width: 32px;
  height: 34px;
}
#sidebar ul li a {
  background: url(../img/bkg-menu.png) no-repeat top left;
  color: #b2b2b2;
  font-weight: bold;
  display: block;
  font-size: 1.1em;
  height: 43px;
  line-height: 43px;
  text-decoration: none;
  text-indent: 46px;
  text-shadow: 0 1px #0D0D0D;
}
#sidebar ul li.submenu > a {
  background: url(../img/bkg-submenu.png) top left no-repeat;
}
#sidebar ul li a:hover,
#sidebar ul li a.currentItem {
  color: #d8e828;
  background-position: bottom left;
}
#sidebar ul li a.hover {
  background-position: bottom left;
}
#sidebar li > ul {
  display: none;
  background: url(../img/bkg-trans-menu.png) top left repeat;
  box-shadow: 0 0 15px #3a3a3a inset;
  padding: 7px 0;
}
#sidebar li.currentItem > ul {
  display: block;
}
#sidebar li > ul > li {
  background: none;
}
#sidebar li > ul a {
  background: url(../img/li-menu.png) no-repeat 46px 0;
  text-align: left;
  color: #949090;
  display: block;
  font-size: 1em;
  font-weight: normal;
  height: 28px;
  line-height: 28px;
  text-decoration: none;
  text-indent: 58px;
}
#sidebar li > ul a:hover,
#sidebar li > ul a.currentItem {
  background-position: 46px -28px;
}
#sidebar .bkg-icone {
  display: inline;
  width: 32px;
  height: 34px;
  line-height: 43px;
  vertical-align: middle;
  background: url(../img/bkg-icone-menu.png) top left no-repeat;
}
#sidebar div#nb-not {
  position: absolute;
  width: 23px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  top: 8px;
  right: 4px;
  background: url(../img/bkg-notifications.png) top left no-repeat;
  color: #fff;
  font-weight: bold;
  padding: 0;
  margin: 0;
  text-indent: 0;
}
/* ***  CONTENT *** */
#content {
  margin: 12px 40px 0 290px;
  padding: 46px 0 20px 0;
  color: #6d6d6d;
  font-size: 12px;
  text-align: left;
}
#content p {
  margin: 7px 0;
}
#content a {
  color: #0A93CC;
}
#content a:hover {
  color: #000000;
  text-decoration: underline;
}
#content em,
#content em a {
  font-style: italic;
  color: #B2B2B2;
  font-weight: normal;
}
#content strong {
  font-weight: bold;
  color: #1A1616;
}
#content pre {
  font-style: italic;
  font-size: 1.1em;
}
#content h1 {
  height: 32px;
  line-height: 32px;
  font-family: 'HattoriHanzoLight';
  padding: 35px 0 0 0;
  color: #000000;
  font-size: 26px;
  font-weight: normal;
  margin: 0 0 8px 0;
}
#content h1 a {
  color: inherit;
}
#content .left,
#content .right {
  float: left;
  width: 49%;
}
#content .right {
  float: right;
}
#content .bloc {
  margin: 20px 0px 0px;
  background: #fff;
  overflow: hidden;
  /*+box-shadow:0px 5px 10px #AFAEAE;*/
  -moz-box-shadow: 0px 5px 10px #AFAEAE;
  -webkit-box-shadow: 0px 5px 10px #AFAEAE;
  -o-box-shadow: 0px 5px 10px #AFAEAE;
  box-shadow: 0px 5px 10px #AFAEAE;
}
#content .bloc .title {
  height: 35px;
  position: relative;
  background: url(../img/bloctitle.png);
  line-height: 34px;
  padding: 0 10px;
  font-size: 15px;
  font-weight: bold;
  color: #808080;
  /*+text-shadow:0 -1px 0px #000;*/
  -moz-text-shadow: 0 -1px 0px #000000;
  -webkit-text-shadow: 0 -1px 0px #000000;
  -o-text-shadow: 0 -1px 0px #000000;
  text-shadow: 0 -1px 0px #000000;
}
#content .bloc .title .toggle {
  display: block;
  height: 18px;
  width: 18px;
  background: url(../img/slidebuttons.png) left top;
  position: absolute;
  top: 8px;
  right: 10px;
}
#content .bloc .title .toggle.hide {
  background-position: top right;
}
#content .bloc .content h1,
#content .bloc .content h2,
#content .bloc .content h3,
#content .bloc .content h4,
#content .bloc .content h5 {
  color: #000000;
  font-weight: bold;
  padding: 0 0px 5px;
}
#content .bloc .content h2 {
  color: #1B1B1B;
  font-size: 25px;
}
#content .bloc .content h3 {
  color: #282828;
  font-size: 22px;
}
#content .bloc .content h4 {
  color: #404040;
  font-size: 20px;
}
#content .bloc .content h5 {
  color: #5A5656;
  font-size: 18px;
}
#content .bloc .content p {
  padding: 5px 0 10px;
  line-height: 1.5em;
}
#content .bloc .content ul,
#content .bloc .content ol {
  list-style: disc;
  margin-left: 25px;
  line-height: 1.5em;
  padding: 5px 0 10px;
}
#content .bloc .content ul.toolbar {
  padding: 3px 0px 0px 3px;
  margin: 0px;
  border: 0;
}
#content .bloc .content ul.toolbar li:hover {
  border: 1 solid #ffffff;
  background-color: #D9D6D6;
}
#content .wysiwyg {
  margin: 1px;
  padding: 0px;
}
#content .bloc .content ol {
  list-style: decimal;
}
#content .bloc .content {
  padding: 10px;
  background-color: #f7f7f7;
}
/* *** BLOC INFORMATIONS *** */
#content .bloc .content div.bloc-info {
  margin: 0 0 5px 0;
}
#content .bloc .content div.bloc-info a {
  display: block;
  width: 218px;
  height: 47px;
  background: url(../img/btn-backup.png) top left no-repeat;
  float: left;
  margin: 0 20px 0 0;
  text-decoration: none;
  border: none;
}
#content .bloc .content div.bloc-info a#btn-info-backup {
  width: 218px;
  height: 47px;
  background: url(../img/btn-info-backup.png) top left no-repeat;
}
#content .bloc .content div.bloc-info a#btn-info-backup:hover {
  background-position: bottom left;
}
#content .bloc .content div.bloc-info a#btn-info-aide {
  width: 219px;
  height: 47px;
  background: url(../img/btn-info-aide.png) top left no-repeat;
}
#content .bloc .content div.bloc-info a#btn-info-aide:hover {
  background-position: bottom left;
}
#content .bloc .content div.bloc-info a#btn-info-contact {
  width: 219px;
  height: 47px;
  background: url(../img/btn-info-contact.png) top left no-repeat;
}
#content .bloc .content div.bloc-info a#btn-info-contact:hover {
  background-position: bottom left;
}
#content .bloc .content div.bloc-info div.bloc-info-desc {
  float: left;
  width: 490px;
}
#content .bloc .content div.bloc-info div.bloc-info-desc h3 {
  font-size: 13px;
  color: #636363;
  margin: 0;
  padding: 0;
}
#content .bloc .content div.bloc-info div.bloc-info-desc p {
  margin: 0px 0 5px 0;
  padding: 5px 0;
  color: #636363;
}
/* *** BLOC NAVIGATION *** */
#content .navigation {
  position: relative;
  height: 20px;
  margin: 10px 20px 20px 20px;
}
#content .navigation .left {
  float: left;
  margin: 0 5px 0 0;
  width: inherit;
}
#content .navigation .right {
  float: right;
  margin: 0 0 0 5px;
  width: inherit;
}
#content .navigation a {
  display: inline;
  width: inherit;
  font-size: 12px;
  text-decoration: none;
  border: none;
  background-color: #939495;
  height: 20px;
  line-height: 20px;
  color: #f7f7f7;
  padding: 0 25px 0 5px;
  /*+border-radius:3px;*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px 5px 5px 5px;
}
#content .navigation a:hover,
#content .navigation a.current {
  background-color: #8ccb29;
}
#content .navigation a.info {
  padding: 0 16px 0 5px;
  background-image: url(../img/icons/icone-info.png);
  background-position: center right;
  background-repeat: no-repeat;
}
#content .navigation a.back {
  padding: 0 20px 0 5px;
  background-image: url(../img/icons/icone-back.png);
  background-position: center right;
  background-repeat: no-repeat;
}
#content .navigation a.regs {
  padding: 0 22px 0 5px;
  background-image: url(../img/icons/icone-regs.png);
  background-position: center right;
  background-repeat: no-repeat;
}
#content .navigation a.medias {
  padding: 0 22px 0 5px;
  background-image: url(../img/icons/icone-medias.png);
  background-position: center right;
  background-repeat: no-repeat;
}
#content .navigation a.add {
  padding: 0 21px 0 5px;
  background-image: url(../img/icons/icone-add.png);
  background-position: center right;
  background-repeat: no-repeat;
}
#content .navigation a.edit {
  padding: 0 22px 0 5px;
  background-image: url(../img/icons/icone-edit.png);
  background-position: center right;
  background-repeat: no-repeat;
}
/* *** BROWN VERSION SIDEBAR + HEADER *** */
body.brown #sidebar {
  background: url(../img/bkg-sidebar-brown.png) top left no-repeat;
  color: #baa99e;
}
body.brown #sidebar.brown #profile {
  background: url(../img/bkg-profile-brown.png) top left no-repeat;
  color: #baa99e;
}
body.brown #sidebar.brown #profile a {
  color: #baa99e;
}
body.brown #sidebar.brown #profile a:hover {
  color: #d5e524;
}
body.brown #sidebar.brown #profile span.green {
  color: #d5e524;
}
body.brown #sidebar ul li {
  background: url(../img/baseline-li-menu-brown.png) bottom left no-repeat;
}
body.brown #sidebar ul li a {
  background: url(../img/bkg-menu-brown.png) no-repeat top left;
  color: #baa99e;
  text-shadow: 0 1px #433831;
}
body.brown #sidebar ul li.submenu > a {
  background: url(../img/bkg-submenu-brown.png) top left no-repeat;
}
body.brown #sidebar ul li a:hover,
#sidebar.brown ul li a.currentItem {
  color: #d8e828;
  background-position: bottom left;
}
body.brown #sidebar li > ul {
  display: none;
  background: url(../img/bkg-trans-menu-brown.png) top left repeat;
  box-shadow: 0 0 15px #433831 inset;
}
body.brown #sidebar li.currentItem > ul {
  display: block;
}
body.brown #sidebar li > ul > li {
  background: none;
}
body.brown #sidebar li > ul a {
  background: url(../img/li-menu-brown.png) no-repeat 46px 0;
  text-align: left;
  color: #9a8e86;
  display: block;
  font-size: 1em;
  font-weight: normal;
  height: 28px;
  line-height: 28px;
  text-decoration: none;
  text-indent: 58px;
}
body.brown #sidebar li > ul a:hover,
#sidebar.brown li > ul a.currentItem {
  background-position: 46px -28px;
}
body.brown header .search {
  position: relative;
  width: 214px;
  height: 26px;
  background: url(../img/search-brown.png) top left no-repeat;
  margin-top: 9px;
}
body.brown header .search input.text {
  position: absolute;
  border: none;
  background: none;
  width: 170px;
  height: 22px;
  line-height: 22px;
  padding: 2px 7px;
  color: #baa99e;
}
body.brown header .search input.submit {
  height: 26px;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  background: url(../img/search-brown.png) no-repeat top right;
  border: none;
  cursor: pointer;
  text-indent: 3000px;
  overflow: hidden;
}
body.brown header .search input.submit:hover {
  background-position: bottom right;
}
body.brown header .search label {
  position: absolute;
  border: none;
  color: #baa99e;
  background: none;
  width: 170px;
  height: 26px;
  line-height: 26px;
  padding: 0 7px;
}
body.brown header .right #label-lang {
  float: left;
  width: 127px;
  margin: 0 10px 0 0;
  height: 26px;
  background: url(../img/bkg-check-lang.png) top right no-repeat;
  color: #baa99e;
  font-weight: bold;
  line-height: 26px;
  text-align: left;
}
body.brown header .right #lang {
  float: left;
  position: relative;
  background: #433831;
  width: 64px;
  height: auto;
  /*+border-radius:3px;*/
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px 3px 3px 3px;
  border: 1px solid #3c332e;
}
body.brown header .right .lang {
  width: 57px;
  padding: 0 0 0 7px;
  margin: 0;
  height: 26px;
  line-height: 26px;
  color: #baa99e;
  font-weight: bold;
  cursor: pointer;
  display: none;
}
body.brown header .right .lang.currentItem {
  display: block;
  color: #bea18e;
}
body.brown header .right .lang:hover {
  color: #bea18e;
}
body.brown header .right .lang img {
  float: right;
  border: none;
  margin: 4px 6px 0 0;
}
/* WHITE BLOC */
body.whitebloc #content .bloc .title {
  background: url(../img/white-title.png);
  color: #2c2c2c;
  /*+text-shadow:0px 1px #FFFFFF;*/
  -moz-text-shadow: 0px 1px #fff;
  -webkit-text-shadow: 0px 1px #fff;
  -o-text-shadow: 0px 1px #fff;
  text-shadow: 0px 1px #fff;
  font-weight: bold;
  border: none;
}
body.whitebloc #content .bloc .title .toggle {
  background-position: left -18px;
}
body.whitebloc #content .bloc .title .toggle.hide {
  background-position: right -18px;
}
body.whitebloc #content .bloc .title .next {
  background-position: right -18px;
}
body.whitebloc #content .bloc .title .prev {
  background-position: center -18px;
}
body.whitebloc #content .bloc .tabs a {
  color: #434242;
}
/* *** SHORTCUTS *** */
#content .center {
  margin: 0 auto;
}
#content .bloc .shortcut {
  width: 105px;
  text-align: center;
  padding: 10px 0;
  text-decoration: none;
  /*+border-radius:3px;*/
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px 3px 3px 3px;
  margin: 5px;
  color: #6D6D6D;
  border: 1px solid #D0D2D4;
  position: relative;
  display: inline-block;
}
#content .bloc .shortcut span {
  color: #FFFFFF;
  display: block;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 23px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-weight: normal;
  background: url(img/notif.png);
}
#content .bloc .shortcut:hover {
  color: #2D2D2D;
  border: 1px solid #6F7275;
  background-color: #DBDCDE;
}
#content .bloc .shortcut img {
  display: block;
  margin: 0 auto 4px;
  max-width: 60px;
  max-height: 60px;
}
/* *** TABLE *** */
#content table {
  width: 100%;
  text-align: left;
}
#content .mceLayout table {
  width: inherit;
}
#content table .picture img {
  border: 4px solid #DFDFDF;
  margin: 7px;
  padding: 0px;
}
#content table .picture a:hover img {
  border-color: #BDBDBD;
}
#content table h1,
#content table h2,
#content table h3,
#content table h4,
#content table h5 {
  display: inline;
}
#content table thead th {
  border-bottom: 1px solid #BDBDBD;
}
#content table thead tr th {
  font-weight: bold;
  color: #151515;
  font-size: 1.1em;
  padding-bottom: 2px;
}
#content table thead tr th a {
  color: #151515;
}
#content table tbody tr td {
  height: 30px;
  vertical-align: middle;
  border-bottom: 1px solid #DADADA;
  border-top: 1px solid #FFFFFF;
}
#content table tbody tr:nth-child(2n+1) td {
  background-color: #F0F0F0;
}
#content table tbody tr:hover td {
  background-color: #EAEAEA;
  border-bottom: 1px solid #CACACA;
  border-top: 1px solid #E2E2E2;
}
#content table tbody tr td.actions {
  text-align: right;
  padding-right: 10px;
  width: 70px;
}
#content table tbody tr td.active,
#content table tr th.active {
  text-align: center;
  min-width: 120px;
  width: 20%;
}
#content table tbody tr td.active {
  cursor: pointer;
}
#content table.noalt tbody tr td {
  background-color: transparent !important;
  border-bottom: 1px solid #DADBDD;
}
#content table.noborder tbody tr td {
  border: none;
}
#content table tbody tr .green {
  color: #99cc00;
}
#content table tbody tr .blue {
  color: #0A93CC;
}
#content table tbody tr .red {
  color: red;
}
#content table tbody tr td img {
  padding-right: 5px;
}
/* *** PAGINATION *** */
#content .pagination {
  text-align: right;
  margin: 10px -7px 10px 10px;
  /*[empty]border:;*/
}
#content .pagination a {
  display: inline-block;
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin: 0 1px 0 0;
  border: 1px solid #DAD9D9;
  text-align: center;
  text-decoration: none;
  color: #646161;
  /*+border-radius:3px;*/
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px 3px 3px 3px;
}
#content .pagination a.next,
#content .pagination a.prev {
  border: 1px solid #FFFFFF;
}
#content .pagination a.current,
#content .pagination a:hover {
  border: 1px solid #3580A9;
  /*+text-shadow:0px -1px 0px #2C6AA3;*/
  -moz-text-shadow: 0px -1px 0px #2c6aa3;
  -webkit-text-shadow: 0px -1px 0px #2c6aa3;
  -o-text-shadow: 0px -1px 0px #2c6aa3;
  text-shadow: 0px -1px 0px #2c6aa3;
  color: #D4E6EF;
  font-weight: bold;
}
#content .pagination a.next:hover,
#content .pagination a.prev:hover {
  background: none;
  /*+text-shadow:none;*/
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
  color: #646161;
  font-weight: normal;
  border-color: #F7F7F7;
}
#content .pagination span {
  display: inline-block;
  width: 20px;
  text-align: center;
}
/* *** NOTIFICATION *** */
#content .notif {
  padding: 20px 10px 20px 40px;
  background: #ffffff no-repeat 5px center;
  position: relative;
  /*+border-radius:8px;*/
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px 8px 8px 8px;
  /*+text-shadow:none;*/
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
}
#content .content .notif {
  margin-bottom: 10px;
  /*+border-radius:5px;*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px 5px 5px 5px;
}
#content .notif .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 12px;
  height: 13px;
  display: block;
  background: url(../img/close.png);
}
#content .notif strong {
  font-weight: bold;
}
#content .notif.success {
  background-color: #E9FBB4;
  background-image: url(../img/success.png);
  border: 1px solid #95B630 !important;
  color: #2E640A;
}
#content .notif.error {
  background-color: #FBB4B4;
  background-image: url(../img/error.png);
  border: 1px solid #C21C1C !important;
  color: #C21C1C;
}
#content .notif.info {
  background-color: #B6EBF9;
  background-image: url(../img/info.png);
  border: 1px solid #0B809F !important;
  color: #0B809F;
}
#content .notif.tip,
#content .notif.warning {
  background-color: #F2EDB7;
  background-image: url(../img/tip.png);
  border: 1px solid #8C8919 !important;
  color: #656310;
}
#content .notif.warning {
  background-image: url(../img/warning.png);
}
/* ***  FORMS *** */
#content .bloc .input {
  padding: 5px 0 10px;
}
#content .bloc label {
  display: block;
  color: #505255;
  font-weight: bold;
  padding-bottom: 10px;
  font-size: 14px;
}
#content .bloc .input label span {
  color: #0877A6;
}
#content .bloc .input input,
#content .bloc .input select {
  border: 1px solid #C8CACC;
  height: 28px;
  line-height: 28px;
  width: 260px;
  display: block;
  padding: 0 5px;
  /*+border-radius:3px;*/
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px 7px 7px 7px;
}
#content .bloc .input select {
  padding: 5px 5px 5px 0;
  padding-left: 5px;
  height: auto;
}
#content .bloc .checkbox input {
  width: auto;
  display: inline-block;
  height: auto;
}
#content .bloc .input label.inline {
  color: #6D6D6D;
  font-size: 1em;
  font-weight: normal;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  height: 14px;
  line-height: 23px;
}
#content .bloc .input select {
  width: auto;
}
#content .bloc .input textarea {
  width: 98%;
  padding: 1%;
}
#content .bloc .input input.datepicker {
  background-image: url(img/input-datepicker.png);
  background-position: 98px center;
  background-repeat: no-repeat;
  width: 110px;
}
#content .bloc .medium input {
  width: 50%;
}
#content .bloc .long input,
#content .bloc .full input {
  width: 98%;
  padding: 0 1%;
}
#content .bloc .error,
#content .bloc .error label,
#content .bloc .error input,
#content .error-message,
#content .error textarea {
  color: #DC3522 !important;
  border-color: #DC3522 !important;
}
#content .bloc .error input,
#content .bloc .error textarea {
  background-color: #ECE8E7 !important;
}
#content .error-message {
  display: block;
}
/* *** GALLERY *** */
#content .gallery {
  text-align: left;
  margin: 28px 0 0 !important;
  padding: 0 !important;
}
#content .bloc .gallery {
  margin-top: 0 !important;
}
#content .gallery li {
  display: inline-block;
  padding: 5px;
  position: relative;
  margin: 5px;
  /*+box-shadow:0px 3px 5px #A3A3A3;*/
  -moz-box-shadow: 0px 3px 5px #A3A3A3;
  -webkit-box-shadow: 0px 3px 5px #A3A3A3;
  -o-box-shadow: 0px 3px 5px #A3A3A3;
  box-shadow: 0px 3px 5px #A3A3A3;
  text-align: center;
  background: #FFF;
}
#content .gallery li span.info {
  display: block;
  text-align: left;
}
#content .gallery li .del {
  background: url(img/close2.png);
  width: 30px;
  height: 30px;
  display: none;
  position: absolute;
  top: -6px;
  right: -10px;
  text-indent: 3000px;
  text-decoration: none;
}
#content .gallery li .large {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background: url(img/enlarge.jpg);
  width: 19px;
  height: 19px;
  text-indent: 3000em;
  display: none;
}
#content .gallery li .over {
  position: absolute;
  text-align: center;
  top: 50%;
  margin-top: -18px;
  width: 100%;
  text-decoration: none;
  display: none;
}
#content .gallery li .over span {
  color: #FFF;
  text-decoration: none;
  background: #292828;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px;
  display: inline;
  /*+border-radius:3px;*/
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px 3px 3px 3px;
}
#content .gallery li:hover .del,
#content .gallery li:hover .over,
#content .gallery li:hover .large {
  display: block;
}
#content .gallery li:hover img {
  /*+opacity:30%;*/
  filter: alpha(opacity=30);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
/* *** INPUT COLORS *** */
#content .bloc .input textarea,
#content .bloc .input input,
#content .selector,
#content .uploader {
  padding: 0 10px;
  border: 1px solid #DDDCDC;
  /*+box-shadow:inset 2px 1px 5px #CBC9C9;*/
  -moz-box-shadow: inset 2px 1px 5px #CBC9C9;
  -webkit-box-shadow: inset 2px 1px 5px #CBC9C9;
  -o-box-shadow: inset 2px 1px 5px #CBC9C9;
  box-shadow: inset 2px 1px 5px #CBC9C9;
  background: #FFFFFF;
  /*+border-radius:3px;*/
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px 7px 7px 7px;
}
#content .bloc .input textarea {
  padding: 10px;
}
#content .bloc .input textarea:focus,
#content .bloc .input input:focus {
  border: 1px solid #b8cf36;
  /*+box-shadow:inset 2px 1px 5px #a8c506;*/
  -moz-box-shadow: inset 2px 1px 5px #a8c506;
  -webkit-box-shadow: inset 2px 1px 5px #a8c506;
  -o-box-shadow: inset 2px 1px 5px #a8c506;
  box-shadow: inset 2px 1px 5px #a8c506;
}
/* *** RANGE INPUT *** */
#content .ui-slider-horizontal {
  width: 350px;
  background: url(img/range.png) no-repeat right -35px;
  height: 10px;
  border: none;
}
#content .ui-slider-range {
  background: url(img/range.png) no-repeat left -25px;
  border: none;
}
#content .ui-slider-handle {
  width: 25px;
  height: 25px;
  background: url(img/range.png) no-repeat;
  border: none;
  top: -7px;
  margin-left: -13px;
  cursor: pointer;
}
/* *** DATEPICKER *** */
.ui-datepicker {
  border: none !important;
  padding: 0px !important;
  margin: 0px !important;
  width: 210px !important;
  /*+box-shadow:0 0 5px #B9B6B6;*/
  -moz-box-shadow: 0 0 5px #B9B6B6;
  -webkit-box-shadow: 0 0 5px #B9B6B6;
  -o-box-shadow: 0 0 5px #B9B6B6;
  box-shadow: 0 0 5px #B9B6B6;
}
.ui-datepicker-header {
  background: #363636 none !important;
  border: none !important;
  /*+border-radius:0;*/
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  border-radius: 0 0 0 0 !important;
  height: 35px;
  color: #FFFFFF !important;
  /*+text-shadow:0 -1px #000;*/
  -moz-text-shadow: 0 -1px #000000 !important;
  -webkit-text-shadow: 0 -1px #000000 !important;
  -o-text-shadow: 0 -1px #000000 !important;
  text-shadow: 0 -1px #000000 !important;
}
.ui-datepicker-title {
  padding-top: 5px !important;
}
.ui-datepicker-next,
.ui-datepicker-prev {
  margin-top: 6px;
}
.ui-datepicker table {
  margin: 0px !important;
  padding: 0px !important;
  width: 210px !important;
  border-collapse: collapse !important;
}
.ui-datepicker table thead th {
  margin: 0px !important;
  padding: 0px !important;
  text-align: center !important;
  color: #666666 !important;
  font-weight: normal !important;
  text-transform: uppercase !important;
  font-size: 7.2pt !important;
  height: 19px !important;
  line-height: 19px !important;
}
.ui-datepicker table tbody tr {
  height: 29px;
}
.ui-datepicker table td {
  border: none !important;
  background: none !important;
  padding: 0px !important;
  margin: 0px !important;
  height: 29px !important;
  width: 29px !important;
  line-height: 29px !important;
  border: 1px solid #BBBBBB !important;
}
.ui-datepicker table td a {
  display: block !important;
  height: 29px !important;
  width: 29px !important;
  line-height: 29px !important;
  padding: 0px !important;
  margin: 0px !important;
  background: url(img/day.png) !important;
  text-align: center !important;
  color: #666666 !important;
  /*+text-shadow:0px 1px #FFFFFF;*/
  -moz-text-shadow: 0px 1px #FFFFFF !important;
  -webkit-text-shadow: 0px 1px #FFFFFF !important;
  -o-text-shadow: 0px 1px #FFFFFF !important;
  text-shadow: 0px 1px #FFFFFF !important;
  border: none !important;
}
.ui-datepicker table td a:hover,
.ui-datepicker table td.ui-datepicker-current-day a {
  background-position: right top !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  /*+text-shadow:0px 0px #4E7A85;*/
  -moz-text-shadow: 0px 0px #4E7A85 !important;
  -webkit-text-shadow: 0px 0px #4E7A85 !important;
  -o-text-shadow: 0px 0px #4E7A85 !important;
  text-shadow: 0px 0px #4E7A85 !important;
  font-weight: bold !important;
}
.ui-datepicker table td.ui-datepicker-today a {
  background-position: center top !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  /*+text-shadow:0px 0px #4E7A85;*/
  -moz-text-shadow: 0px 0px #4E7A85 !important;
  -webkit-text-shadow: 0px 0px #4E7A85 !important;
  -o-text-shadow: 0px 0px #4E7A85 !important;
  text-shadow: 0px 0px #4E7A85 !important;
  font-weight: bold !important;
}
/* *** CHECKBOX / RADIO *** */
.selector,
.checker,
.button,
.radio,
.uploader {
  position: relative;
  display: inline-block;
  padding: 0px;
  margin: 0px;
}
.selector span,
.checker span,
.button span,
.radio span,
.uploader span {
  display: block;
}
#content .checker:hover,
#content .radio:hover {
  /*+box-shadow:0px 0px 10px #D2D2D2;*/
  -moz-box-shadow: 0px 0px 10px #D2D2D2;
  -webkit-box-shadow: 0px 0px 10px #D2D2D2;
  -o-box-shadow: 0px 0px 10px #D2D2D2;
  box-shadow: 0px 0px 10px #D2D2D2;
}
#content .checker,
#content .checker span,
#content .checker input,
#content .radio,
#content .radio span,
#content .radio input {
  width: 50px !important;
  height: 24px !important;
  cursor: pointer;
  margin-bottom: 4px;
  margin-right: 5px;
}
#content .checker span,
#content .radio span {
  background: url(../img/checkbox.png) bottom left;
}
#content .checker span.checked,
#content .radio span.checked {
  background-position: top left;
}
/* *** SELECT *** */
#content .selector,
#content .selector select,
#content .selector span {
  width: 162px !important;
  height: 28px;
  position: relative;
  padding: 0px;
  margin: 0px;
  display: block;
}
#content .selector span {
  background: none;
  position: absolute;
  line-height: 29px;
  background: url(../img/select.png) no-repeat 98% center;
  text-indent: 10px;
}
#content .selector.focus {
  border: 1px solid #b8cf36;
  /*+box-shadow:inset 2px 1px 5px #a8c506;*/
  -moz-box-shadow: inset 2px 1px 5px #a8c506;
  -webkit-box-shadow: inset 2px 1px 5px #a8c506;
  -o-box-shadow: inset 2px 1px 5px #a8c506;
  box-shadow: inset 2px 1px 5px #a8c506;
}
/* *** UPLOAD *** */
#content .uploader {
  width: 200px !important;
  height: 25px;
  position: relative;
  padding: 0px;
  margin: 0px;
}
#content .uploader input {
  position: absolute;
  width: 200px !important;
  height: 25px;
  z-index: 50;
}
#content .uploader span {
  height: 25px;
  line-height: 25px;
}
#content .uploader span.action {
  border: 1px solid #3580A9;
  /*+text-shadow:0px -1px 0px #2C6AA3;*/
  -moz-text-shadow: 0px -1px 0px #2c6aa3;
  -webkit-text-shadow: 0px -1px 0px #2c6aa3;
  -o-text-shadow: 0px -1px 0px #2c6aa3;
  text-shadow: 0px -1px 0px #2c6aa3;
  color: #D4E6EF;
  font-weight: bold;
  padding: 0 5px;
  /*+border-radius:3px;*/
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px 3px 3px 3px;
  /*+box-shadow:0px 1px 5px #B2B2B2;*/
  -moz-box-shadow: 0px 1px 5px #B2B2B2;
  -webkit-box-shadow: 0px 1px 5px #B2B2B2;
  -o-box-shadow: 0px 1px 5px #B2B2B2;
  box-shadow: 0px 1px 5px #B2B2B2;
  height: 22px;
  line-height: 22px;
  margin-top: 1px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 2;
  cursor: pointer;
}
#content .uploader.hover span.action,
#content .uploader span.action:hover {
  background: #3786B9;
  color: #FFFFFF;
  text-decoration: none;
  /*+box-shadow:none;*/
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
/* *** SUBMIT *** */
#content .submit input,
#content .button {
  height: 28px;
  line-height: 28px;
  border: none;
  text-decoration: underline;
  font-family: 'ChunkFiveRoman';
  text-transform: uppercase;
  color: #5c5c5c;
  background-color: #c4c4c4;
  padding: 0px 15px;
  /*+border-radius:7px;*/
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px 7px 7px 7px;
  cursor: pointer;
  text-decoration: none;
}
#content .submit input:hover,
#content .button:hover {
  background-color: #bee000;
}
/* *** IPHONE CHECKBOX *** */
#content .iPhoneCheckContainer {
  position: relative;
  height: 27px;
  cursor: pointer;
  overflow: hidden;
}
#content .iPhoneCheckContainer input {
  position: absolute;
  top: 5px;
  left: 30px;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
#content .iPhoneCheckContainer label {
  white-space: nowrap;
  font-size: 17px;
  line-height: 17px;
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  display: block;
  height: 27px;
  position: absolute;
  width: auto;
  top: 0;
  overflow: hidden;
  padding: 5px 0px 0px !important;
  color: #FFFFFF !important;
}
#content .iPhoneCheckContainer,
.iPhoneCheckContainer label {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
}
#content .iPhoneCheckDisabled {
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
#content label.iPhoneCheckLabelOn,
#content label.iPhoneCheckLabelOff {
  background: url('img/iphonecheck.png') no-repeat right bottom;
}
#content label.iPhoneCheckLabelOn {
  color: #FFFFFF;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
  background-position: left top;
  left: 0;
  padding-top: 5px;
}
#content label.iPhoneCheckLabelOn span {
  padding-left: 8px;
  color: #B2D8E7 !important;
}
#content label.iPhoneCheckLabelOff {
  color: #CCCCCC;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9);
  text-align: right;
  right: 0;
  background-position: 100% -27px;
}
#content label.iPhoneCheckLabelOff span {
  padding-right: 8px;
  color: #666464 !important;
}
#content .iPhoneCheckHandle {
  display: block;
  height: 27px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: url('img/slider_left.png') no-repeat;
  padding-left: 3px;
}
#content .iPhoneCheckHandleRight {
  height: 100%;
  width: 100%;
  padding-right: 3px;
  background: url('img/slider_right.png') no-repeat right 0;
}
#content .iPhoneCheckHandleCenter {
  height: 100%;
  width: 100%;
  background: url('img/slider_center.png');
}
/* *** CHARTS * PLUGIN STYLES *** */
#content .bloc .visualize {
  border: 1px solid #888;
  position: relative;
  background: #FAFAFA;
  margin: 20px auto;
}
#content .bloc .visualize canvas {
  position: absolute;
}
#content .bloc .visualize ul,
#content .bloc .visualize li {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* *** TABLE TITLE * KEYS ELEMENTS *** */
#content .bloc .visualize .visualize-info {
  padding: 3px 5px;
  background: #FAFAFA;
  border: 1px solid #888;
  position: absolute;
  top: -20px;
  right: 10px;
  opacity: .8;
}
#content .bloc .visualize .visualize-title {
  display: block;
  color: #333;
  margin-bottom: 3px;
  font-size: 1.1em;
}
#content .bloc .visualize ul.visualize-key {
  list-style: none;
}
#content .bloc .visualize ul.visualize-key li {
  list-style: none;
  float: left;
  margin-right: 10px;
  padding-left: 10px;
  position: relative;
}
#content .bloc .visualize ul.visualize-key .visualize-key-color {
  width: 6px;
  height: 6px;
  left: 0;
  position: absolute;
  top: 50%;
  margin-top: -3px;
}
#content .bloc .visualize ul.visualize-key .visualize-key-label {
  color: #000;
}
/* *** PIE LABELS *** */
#content .bloc .visualize-pie .visualize-labels {
  list-style: none;
}
#content .bloc .visualize-pie .visualize-label-pos,
.visualize-pie .visualize-label {
  position: absolute;
  margin: 0;
  padding: 0;
}
#content .bloc .visualize-pie .visualize-label {
  display: block;
  color: #FFF;
  font-weight: bold;
  font-size: 1em;
}
#content .bloc .visualize-pie-outside .visualize-label {
  color: #000;
  font-weight: normal;
}
/* *** LINE *  BAR * AREA LABELS *** */
#content .bloc .visualize-labels-x,
#content .bloc .visualize-labels-y {
  position: absolute;
  left: 0;
  top: 0;
  list-style: none;
}
#content .bloc .visualize-labels-x li,
#content .bloc .visualize-labels-y li {
  position: absolute;
  bottom: 0;
}
#content .bloc .visualize-labels-x li span.label,
#content .bloc .visualize-labels-y li span.label {
  position: absolute;
  color: #555;
}
#content .bloc .visualize-labels-x li span.line,
#content .bloc .visualize-labels-y li span.line {
  position: absolute;
  border: 0 solid #CCC;
}
#content .bloc .visualize-labels-x li {
  height: 100%;
}
#content .bloc .visualize-labels-x li span.label {
  top: 100%;
  margin-top: 5px;
}
#content .bloc .visualize-labels-x li span.line {
  border-left-width: 1px;
  height: 100%;
  display: block;
}
#content .bloc .visualize-labels-x li span.line {
  border: 0;
}
/* *** HIDE VERTICAL LINE ON AREA * LINE * BAR *** */
#content .bloc .visualize-labels-y li {
  width: 100%;
}
#content .bloc .visualize-labels-y li span.label {
  right: 100%;
  margin-right: 5px;
  display: block;
  width: 100px;
  text-align: right;
}
#content .bloc .visualize-labels-y li span.line {
  border-top-width: 1px;
  width: 100%;
}
#content .bloc .visualize-bar .visualize-labels-x li span.label {
  width: 100%;
  text-align: center;
}
#content .bloc .visualize .stats_tooltip {
  margin: 3px 4px 0;
  padding: 6px 10px;
  background-color: #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFF;
  font-size: 10px;
  line-height: normal;
  text-shadow: none;
  text-align: center;
}
#content .bloc .visualize .stats_tooltip strong {
  color: #FFF;
}
.visualize-interaction-tracker:hover {
  cursor: help;
}
.ie8 .visualize-interaction-tracker {
  top: 240px;
}
/* IE hover Fixes - Added in 1.1 *  CALENDAR **/
#content .calendar .title {
  text-align: center;
  position: relative;
}
#content .calendar .title .next,
#content .calendar .title .prev {
  display: block;
  width: 18px;
  height: 18px;
  vertical-align: sub;
  margin: 0 50px;
  background: url(img/slidebuttons.png);
  position: absolute;
}
#content .calendar .title .next {
  background-position: 18px top;
  top: 8px;
  right: -13px;
}
#content .calendar .title .prev {
  background-position: 38px 0%;
  top: 8px;
  left: -35px;
}
#content .calendar .content {
  padding: 0;
  margin: 0px;
}
#content .calendar table {
  margin-right: 0px;
  border-collapse: collapse;
  vertical-align: top;
}
#content .calendar th {
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  border: 1px solid #C7C7C7;
  border-top: none;
  background: #FAFAFA;
  background: -moz-linear-gradient(top, #fafafa 0%, #eaeae9 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(99%, #eaeae9));
  background: -webkit-linear-gradient(top, #fafafa 0%, #eaeae9 99%);
  background: -o-linear-gradient(top, #fafafa 0%, #eaeae9 99%);
  background: -ms-linear-gradient(top, #fafafa 0%, #eaeae9 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eaeae9', GradientType=0);
  background: linear-gradient(top, #fafafa 0%, #eaeae9 99%);
  height: 32px;
  color: #6D6D6D;
}
#content .calendar td {
  width: 14%;
  border: 1px solid #C5C5C5;
  background: #EEEEEE none;
  /*+box-shadow:inset 1px 1px 0px #FFFFFF;*/
  -moz-box-shadow: inset 1px 1px 0px #FFFFFF;
  -webkit-box-shadow: inset 1px 1px 0px #FFFFFF;
  -o-box-shadow: inset 1px 1px 0px #FFFFFF;
  box-shadow: inset 1px 1px 0px #FFFFFF;
  color: #383838;
  vertical-align: top;
  background: #F0F0F0;
  color: #6A6A6A;
  background: -moz-linear-gradient(top, #f0f0f0 0%, #e3e2e2 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(99%, #e3e2e2));
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #e3e2e2 99%);
  background: -o-linear-gradient(top, #f0f0f0 0%, #e3e2e2 99%);
  background: -ms-linear-gradient(top, #f0f0f0 0%, #e3e2e2 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e3e2e2', GradientType=0);
  background: linear-gradient(top, #f0f0f0 0%, #e3e2e2 99%);
}
#content .calendar td:hover {
  background: #EFEFEF;
  color: #FFFFFF;
  /*+text-shadow:0px 1px #FFFFFF;*/
  -moz-text-shadow: 0px 1px #FFFFFF;
  -webkit-text-shadow: 0px 1px #FFFFFF;
  -o-text-shadow: 0px 1px #FFFFFF;
  text-shadow: 0px 1px #FFFFFF;
  color: #000;
}
#content .calendar td.today {
  background: #949594 none;
  /*+box-shadow:inset 1px 1px 20px #515251;*/
  -moz-box-shadow: inset 1px 1px 20px #515251;
  -webkit-box-shadow: inset 1px 1px 20px #515251;
  -o-box-shadow: inset 1px 1px 20px #515251;
  box-shadow: inset 1px 1px 20px #515251;
  /*+text-shadow:0px 1px #336F9C;*/
  -moz-text-shadow: 0px 1px #336F9C;
  -webkit-text-shadow: 0px 1px #336F9C;
  -o-text-shadow: 0px 1px #336F9C;
  text-shadow: 0px 1px #336F9C;
  color: #FFFFFF;
  background: #337BB2;
  background: -moz-linear-gradient(top, #337bb2 0%, #43a6ce 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #337bb2), color-stop(100%, #43a6ce));
  background: -webkit-linear-gradient(top, #337bb2 0%, #43a6ce 100%);
  background: -o-linear-gradient(top, #337bb2 0%, #43a6ce 100%);
  background: -ms-linear-gradient(top, #337bb2 0%, #43a6ce 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#337bb2', endColorstr='#43a6ce', GradientType=0);
  background: linear-gradient(top, #337bb2 0%, #43a6ce 100%);
}
#content .calendar td.padding,
#content .calendar td.padding:hover {
  background: none;
  /*+box-shadow:none;*/
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#content .calendar td .relative {
  height: 60px;
  display: block;
}
#content .calendar td .day {
  font-size: 25px;
  width: 0px;
  margin: 5px;
  color: inherit;
}
#content .calendar td.today .day {
  color: #FFFFFF;
}
#content .calendar .events span {
  color: #0A93CC;
  padding-right: 4px;
  font-weight: normal;
  font-style: italic;
}
#content .calendar .events a {
  color: #707070;
  text-decoration: none;
  font-size: 10.6pt;
}
#content .calendar .events a:hover {
  text-decoration: underline;
}
#content .calendar .today .events a {
  color: #FFFFFF;
}
#content .calendar .today .events span {
  color: #A7C9D8;
}
#content .calendar ul,
#content .calendar ul li {
  list-style: none;
  margin: 0 0 0 3px !important;
  padding: 0 !important;
}
.tooltipsy {
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  color: #FFFFFF;
  padding: 5px 10px;
  /*+border-radius:3px;*/
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px 3px 3px 3px;
}
/* *** SETTINGS *** */
#settings {
  position: absolute;
  background: url("../img/bk/bkg-carbon.png") repeat scroll 0 0 transparent;
  border-bottom: 5px solid #383838;
  border-left: 5px solid #d9d9d9;
  bottom: 0;
  box-shadow: 0 0 10px #000000 inset;
  color: #cacaca;
  position: fixed;
  right: 0;
  top: 48px;
  margin-right: -150px;
  width: 150px;
  z-index: 9999;
}
#settings a.settingbutton {
  background: url("../img/icons/regs.png") no-repeat scroll center center #c4d30d;
  border: 0 none;
  border-radius: 5px 0 0 5px;
  box-shadow: 0 0 3px #000000;
  display: block;
  height: 45px;
  left: -45px;
  cursor: pointer;
  margin: 0;
  position: absolute;
  top: 17px;
  width: 45px;
}
#settings .wrapper {
  padding: 20px 0;
}
#settings .wrapper .grid {
  margin: 0 10px 15px;
  width: 150px;
}
#settings .wrapper .grid .title {
  color: #bdbdbd;
  font-size: 15px;
  margin: 0 0 12px;
  padding: 0;
  text-shadow: 0 1px #000000;
}
#settings .wrapper a {
  background: url("select.png") no-repeat scroll left top #616161;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 0 5px #000000 inset;
  display: block;
  float: left;
  height: 25px;
  margin: 10px;
  width: 25px;
  cursor: pointer;
}
#settings .wrapper a.active {
  border: 3px solid #FFFFFF;
  margin: 7px;
}
#settings .wrapper a#brown {
  background: #433831;
}
#settings .wrapper a#grey {
  background: #393939;
}
#settings .wrapper a#bkg-x {
  background: url(../img/bk/bkg-x.png) repeat;
}
#settings .wrapper a#wall {
  background: url(../img/bk/bkg-wall.png) repeat;
}
#settings .wrapper a#lined {
  background: url(../img/bk/bkg-lined.png) repeat;
}
#settings .wrapper a#white {
  background: url(../img/bk/bkg-white.png) repeat;
}
#settings .wrapper a#carbon {
  background: url(../img/bk/bkg-carbon.png) repeat;
}
#settings .wrapper a#whitebloc {
  background: url(../img/white-title.png) repeat;
}
#settings .wrapper a#blackbloc {
  background: url(../img/bloctitle.png) repeat;
}
#settings .left,
.settings .right {
  width: 49%;
}
#settings .left {
  float: left;
}
#settings .right {
  float: right;
}
/***********************************************  COLORS **********************************************************

/* *** DARK *** */
.dark {
  background: url(img/dark-bg.png);
}
.dark #content .bloc {
  /*+box-shadow:0px 5px 15px rgba(0, 0, 0, 0.5);*/
  -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
}
.dark #content h1 {
  color: #FFF;
  text-shadow: 0px 1px #000000;
}
/* *** Dark Sidebar *** */
#sidebar.black {
  background-color: #262626;
  border-right: 1px solid #1B1B1B;
  /*+box-shadow:inset -4px 0 #3C3A3A;*/
  -moz-box-shadow: inset -4px 0 #3c3a3a;
  -webkit-box-shadow: inset -4px 0 #3c3a3a;
  -o-box-shadow: inset -4px 0 #3c3a3a;
  box-shadow: inset -4px 0 #3c3a3a;
}
#sidebar.black > ul > li > a {
  color: #828282;
  /*+text-shadow:0px 1px #0D0D0D;*/
  -moz-text-shadow: 0px 1px #0D0D0D;
  -webkit-text-shadow: 0px 1px #0D0D0D;
  -o-text-shadow: 0px 1px #0D0D0D;
  text-shadow: 0px 1px #0D0D0D;
  background: #222222 url(img/arrow.png) no-repeat 96% -5px;
  border-bottom: 1px solid #191919;
  border-top: 1px solid #2D2C2C;
  border-right: 4px solid #303030;
}
#sidebar.black > ul > li > a:hover,
#sidebar.black ul li.current > a {
  background-color: #262626;
  color: #FFFFFF;
  border-right-color: #FFFFFF;
}
#sidebar.black ul li ul {
  background: #262626;
  /*+box-shadow:inset 0 0 15px #1B1B1B;*/
  -moz-box-shadow: inset 0 0 15px #1B1B1B;
  -webkit-box-shadow: inset 0 0 15px #1B1B1B;
  -o-box-shadow: inset 0 0 15px #1B1B1B;
  box-shadow: inset 0 0 15px #1B1B1B;
  padding: 7px 0px;
  border-right: 4px solid #3C3A3A;
  border-bottom: 0px solid #000000;
}
#sidebar.black ul li li a {
  color: #747474;
}
/** CORE UNIFORM **/
.selector,
.checker,
.button,
.radio,
.uploader {
  display: -moz-inline-box;
  vertical-align: middle;
  zoom: 1;
  display: inline-block;
}
/*  ICI pour les checkbox, il faut inline-block, peut �tre pour autre chose inline ?? faire une autre class le cas �ch�ant */
.selector select:focus,
.radio input:focus,
.checker input:focus,
.uploader input:focus {
  outline: 0;
}
/* *** BUTTON *** */
div.button a,
div.button button,
div.button input {
  position: absolute;
}
div.button {
  cursor: pointer;
  position: relative;
}
div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: center;
}
/* *** SELECT *** */
div.selector {
  position: relative;
  padding-left: 10px;
  overflow: hidden;
}
div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.selector select {
  position: absolute;
  opacity: 0;
  height: 25px;
  border: none;
  background: none;
}
/* *** CHECKER *** */
div.checker {
  position: relative;
}
div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}
div.checker input {
  opacity: 0;
  display: inline-block;
  background: none;
}
/* *** RADIO *** */
div.radio {
  position: relative;
}
div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}
div.radio input {
  opacity: 0;
  text-align: center;
  display: inline-block;
  background: none;
}
/* *** UPLOADER *** */
div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default;
}
div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}
div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
div.uploader input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
}
/* *** FOOTER *** */
#footer {
  position: relative;
  height: 40px;
  margin: 0 auto;
  width: 1020px;
  padding: 0;
  font-size: 10px;
}
#footer a {
  color: #fff;
}
/* *** CLASS GENERIQUE *** */
.clear,
.cb {
  clear: both;
}
/* *** BORDER RADIUS *** */
.border-radius {
  border: 6px solid white;
  -moz-box-shadow: 0 0 10px #333333;
  -webkit-box-shadow: 0 0 10px #333333;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-top-radius: 6px 6px 6px 6px;
}
@font-face {
  font-family: 'HattoriHanzoLight';
  src: url('../font/hattori_hanzo-webfont.eot');
  src: url('../font/hattori_hanzo-webfont.eot?#iefix') format('embedded-opentype'), url('../font/hattori_hanzo-webfont.woff') format('woff'), url('../font/hattori_hanzo-webfont.ttf') format('truetype'), url('../font/hattori_hanzo-webfont.svg#HattoriHanzoLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ChunkFiveRoman';
  src: url('../font/chunk/chunkfive-webfont.eot');
  src: url('../font/chunk/chunkfive-webfont.eot?#iefix') format('embedded-opentype'), url('../font/chunk/chunkfive-webfont.woff') format('woff'), url('../font/chunk/chunkfive-webfont.ttf') format('truetype'), url('../font/chunk/chunkfive-webfont.svg#ChunkFiveRoman') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* *** ***** ***** LOGIN ***** ***** *** */
.hattori {
  font-family: 'HattoriHanzoLight';
}
div#infos {
  position: relative;
  top: 28px;
  margin: 0 auto;
  width: 299px;
  height: 79px;
  padding: 170px 22px 0 20px;
  background: url(../img/login/bkg-infos.png) top left no-repeat;
  z-index: 999;
  color: #9c9c9c;
}
div#infos .left {
  float: left;
  line-height: 20px;
  font-family: 'HattoriHanzoLight';
  font-size: 16px;
}
div#infos .right {
  float: right;
  line-height: 20px;
  font-size: 14px;
}
div#infos a {
  color: #9c9c9c;
  text-decoration: none;
}
div#infos a:hover,
.vert {
  color: #85bc00;
}
div#infos #logo {
  position: absolute;
  top: 16px;
  left: 50px;
  width: 226px;
  height: 109px;
}
div#login {
  padding: 0;
  margin: 102px auto 0 auto;
  width: 269px;
  height: 220px;
  background: url(../img/login/bkg-login.png) center 20px no-repeat;
}
div#login label {
  display: block;
  font-size: 14px;
  color: #313131;
  text-transform: uppercase;
  text-indent: 5px;
  font-family: 'HattoriHanzoLight';
  line-height: 24px;
  height: 24px;
  text-align: left;
}
div#login input[type=text],
div#login .input {
  width: 259px;
  height: 20px;
  padding: 5px 5px;
  margin: 0 0 8px 0;
  line-height: 20px;
  color: #918e8e;
  border: 1px solid transparent;
  background: transparent url(../img/login/bkg-input.png) top left repeat;
  /*+border-radius:3px;*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px 5px 5px 5px;
}
div#login input[type=text]:focus,
div#login .input:focus,
div#login input[type=text]:active,
div#login .input:active {
  color: #6d6d6d;
}
div#login input[type=text].false,
div#login .input.false {
  border: 1px solid red;
}
div#login input[type=submit],
div#login .submit {
  margin: 20px 0 0 0;
  width: 269px;
  height: 46px;
  cursor: pointer;
  background: url(../img/login/submit.png) top left no-repeat;
  border: none;
}
div#login input[type=submit]:hover,
div#login .submit:hover {
  background-position: bottom left;
}
/* *** UPLOAD FILES & PICTURES *** */
#content .upload {
  font-family: Arial,Helvetica;
  padding: 1px;
  background: #fff;
}
#content .upload .droparea {
  border: 3px dashed #d9d9d9;
  height: auto;
  padding: 0px 0 10px 0;
  text-align: center;
  font-size: 13px;
}
#content .upload .droparea .headtitle {
  position: relative;
  height: auto;
  margin: 35px 5px 5px 5px;
  padding: 5px;
}
#content .upload .droparea .headtitle p {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 15px;
  color: #505255;
}
#content .upload .droparea .headtitle span {
  display: block;
  margin-bottom: 6px;
  color: #505255;
}
#content .upload a.browse {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  border: none;
  text-decoration: underline;
  font-family: 'ChunkFiveRoman';
  text-transform: uppercase;
  color: #5c5c5c;
  background: rgba(120, 120, 120, 0.5);
  padding: 0px 15px;
  /*+border-radius:7px;*/
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px 7px 7px 7px;
  cursor: pointer;
  text-decoration: none;
}
#content .upload a.browse:hover {
  background-color: #8ccb29;
}
#content .upload .droparea.draghover {
  background-color: #c9e52b;
  border-color: #b4cd26;
}
#content .input.error .upload .droparea {
  border-color: #f76161;
}
#content .upload .droparea.filesadded .headtitle {
  margin: 5px;
  background-color: #b5db3f;
}
#content .upload .droparea.filesadded .headtitle p {
  display: inline-block;
  color: #fff;
  margin-right: 20px;
}
#content .upload .droparea.filesadded .headtitle span {
  display: inline-block;
  margin-right: 20px;
}
#content .upload .droparea.filesadded .uploadpictures a.browse {
  display: inline-block;
}
#content .upload .filelist {
  margin-top: 0px;
  text-align: left;
}
#content .upload .filelist .file {
  margin: 0 10px 7px 10px;
  padding: 0px;
  border-bottom: 1px dotted #c6c5c6;
  height: 55px;
  line-height: 50px;
  position: relative;
}
#content .upload .filelist .file .thumb {
  position: relative;
  text-align: center;
  display: inline-block;
  height: 50px;
  vertical-align: middle;
  margin: 0 17px 5px 0;
}
#content .upload .filelist .file .thumb img {
  height: 50px;
  vertical-align: middle;
  margin: 0;
  cursor: pointer;
  max-width: 110px;
}
#content .upload .filelist .file.primary .mask {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -7px;
  width: 15px;
  height: 30px;
  background: url(../img/uploadpictures/primaryPict.png) top left no-repeat;
}
#content .upload .filelist .file .picturename {
  color: #505255;
}
#content .upload .filelist .file .size {
  position: relative;
  float: right;
  width: 20%;
  height: 55px;
  border-left: 1px dotted #c6c5c6;
  text-align: center;
  color: #505255;
  font-weight: bold;
}
/* Gallery */
#content .upload .filelist .file .titlegallery {
  position: relative;
  float: right;
  width: auto;
  height: 55px;
  padding: 0 20px;
  border-left: 1px dotted #c6c5c6;
  text-align: center;
  color: #505255;
  font-weight: bold;
  vertical-align: middle;
}
#content .upload .filelist .file .titlegallery .wraptitle {
  display: inline-block;
  vertical-align: top;
  float: left;
}
#content .upload .filelist .file .titlegallery input {
  vertical-align: middle;
  margin: 10px 0 0 20px;
  float: right;
  width: 215px;
}
#content .upload .filelist .file .actions {
  position: relative;
  float: right;
  width: 115px;
  height: 55px;
  border-left: 1px dotted #c6c5c6;
  text-align: center;
}
#content .upload .filelist .file .actions a.delete {
  display: inline-block;
  margin-left: 7px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background: url(../img/uploadpictures/delete-img.png) top left no-repeat;
}
#content .upload .filelist .file .actions a.delete:hover {
  background-position: bottom left;
}
#content .upload .filelist .file .actions span.load {
  display: inline-block;
  width: 20px;
  height: 18px;
  background: url(../img/uploadpictures/loader.gif) center center no-repeat;
}
#content .upload .filelist .file .actions span.valid {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../img/uploadpictures/valid-img.png) top left no-repeat;
}
#content .upload .droparea #loader-hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.08);
  width: 100%;
  height: 100%;
  display: none;
}
#content .upload .droparea #loader-hover #loader-dark-gif {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  margin: -16px 0 0 -32px;
  width: 64px;
  height: 64px;
  background: url(../img/loader-dark.gif) top left no-repeat;
}
#content .upload .filelist span.error {
  display: inline-block;
  background: url(../img/uploadpictures/error-img.png) top left no-repeat;
  padding: 0 0 0 25px;
  color: red;
  height: 18px;
  line-height: 18px;
}
#content .upload .filelist .progressbar {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 133px;
  height: 13px;
  border: 1px solid #a3a3a3;
  background-color: #ffffff;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -o-border-radius: 25px;
  -ms-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
  -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
#content .upload .filelist .progressbar .progress {
  position: absolute;
  border-left: 1px solid #adadad;
  border-right: 1px solid #adadad;
  height: 13px;
  width: 10%;
  background: url(../img/uploadpictures/progress.png) repeat;
  -webkit-animation: progress 2s linear infinite;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -o-border-radius: 25px;
  -ms-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
}
/* *** FIN DE L'UPLOAD *** */
@-webkit-keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 54px 0;
  }
}
/* *** PAGE STATISTIQUES *** */
#content .statistiques ul {
  margin: 0 30px 20px 0;
  float: left;
}
#content .statistiques ul li {
  height: 35px;
  line-height: 35px;
  font-size: 1.5em;
  font-weight: bold;
}
#content .statistiques ul li img {
  vertical-align: middle;
  margin: 0 15px 0 0;
}
#content .statistiques .chart-diagram {
  margin: 0 30px 20px 0;
  float: left;
}
/* *** GUIDES D'UTILISATION *** */
#content section#guides article {
  width: 80%;
  border: 1px solid #e1e1e1;
  padding: 0px;
  color: #686868;
  margin: 0 0 5px 0;
  /*+border-radius:7px;*/
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px 7px 7px 7px;
}
#content section#guides article h1 {
  line-height: 28px;
  font-size: 14px;
  height: 28px;
  border-bottom: 1px solid #e1e1e1;
  padding: 0 0 0 20px;
  margin: 0px;
  background: url(../img/guide/fleches-guide.png) 98% -28px no-repeat;
  cursor: pointer;
  /*+border-radius:7px;*/
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px 7px 7px 7px;
}
#content section#guides article h1.active {
  background: #b9dc48 url(../img/guide/fleches-guide.png) 98% 0px no-repeat;
  color: #fff;
}
#content section#guides article h1:hover {
  background-color: #b9dc48;
  color: #fff;
}
#content section#guides article > div {
  padding: 20px;
  display: none;
}
#content section#guides article div strong {
  font-size: 1.1em;
}
#content section#guides article div.illustrations {
  position: relative;
  margin: 0;
  cursor: pointer;
}
#content section#guides article div.illustrations > div:hover,
#content section#guides article div.illustrations > div.current,
#content section#guides article div.illustrations > div.hover {
  border-color: #b6db3e;
}
#content section#guides article div.illustrations > div {
  position: relative;
  width: auto;
  height: 148px;
  border: 1px solid #d6d6d6;
  float: left;
  margin: 0 32px 16px 0;
}
#content section#guides article div.illustrations > div img {
  height: 148px;
}
#content section#guides article div.illustrations > div span {
  display: block;
  position: absolute;
  top: 8px;
  left: 9px;
  padding: 0 9px;
  line-height: 23px;
  background: #7f7f7f;
  font-weight: bold;
  color: #fff;
  /*+border-radius:10px;*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px 10px 10px 10px;
}
#content section#guides article div.descriptions {
  position: relative;
  margin: 0;
}
#content section#guides article div.descriptions > div {
  position: relative;
  width: 95%;
  padding: 10px 10px 10px 10px;
  height: auto;
  background: #f0efee;
  margin: 0 0 8px 0;
  /*+border-radius:8px;*/
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px 8px 8px 8px;
}
#content section#guides article div.descriptions > div.hover,
#content section#guides article div.descriptions > div.current {
  background: #c4e262;
}
#content section#guides article div.descriptions h2 {
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  line-height: 23px;
}
#content section#guides article div.descriptions > div h2 span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 9px;
  margin: 0 4px 0 0;
  line-height: 23px;
  background: #7f7f7f;
  font-weight: bold;
  color: #fff;
  /*+border-radius:10px;*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px 10px 10px 10px;
}
#content section#guides article div.descriptions > div.hover h2 span,
#content section#guides article div.descriptions > div.current h2 span {
  background: #5b6d1f;
}
#content section#guides article div.descriptions p {
  margin: 0;
}
/* *** PAGE D'ERREUR *** */
div#display-error {
  position: relative;
  padding: 50px 0 20px 0;
  width: 100%;
  height: auto;
  text-align: center;
  color: #444444;
  font-size: 14px;
}
div#display-error img {
  margin-bottom: 20px;
}
div#display-error a {
  font-size: 12px;
  color: #444444;
  text-decoration: none;
}
div#display-error a:hover {
  text-decoration: underline;
}
/* *** MESSAGE D'INFORMATION *** */
div#Information {
  color: #8cc63f;
  text-align: center;
  background: #f0f0f0;
  border: 1px dashed #8cc63f;
  padding: 20px;
  font-size: 20px;
  width: 400px;
  left: 50%;
  display: none;
  position: absolute;
  top: 250px;
  margin: 0 0 0 -200px;
  z-index: 100;
  opacity: 0.9;
}
div#Information img {
  float: none;
}