body {
  margin: 0px;
  padding: 0px;
  font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
  background: url("../media/site/bg.jpg") repeat;
}

#imgHeader {
  width: 100%;
  height: 100%;

  background: url("../media/site/header.jpg") repeat-x center top;
  position: absolute;
}

.champ {
  border: 1px solid #766c58;
  height: 27px;
  background: url("../media/site/bg-input.jpg");
  color: white;
  width: 200px;
  font-size: 14px;
}

h1,
#div-content-center .TitrePage {
  margin-top: 2px;
  font-size: 30px;
  font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
  color: #a72208;
}

#site-container {
  width: 100%;
  position: absolute;
}

#site-header {
  /*height: 503px;*/
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  /*width: 1372px;*/
  width: 985px;
  z-index: 1;
  height: 236px;
}

#site-content {
  position: relative;
  width: 100%;
  z-index: 2;
}

#site-left-menu-top {
  background: url("../media/site/menu-bg-top-thin.jpg") no-repeat;
  width: 256px;
  height: 6px;
  font-size: 0px;
}

#site-left-menu {
  background: url("../media/site/menu-bg-center.jpg") repeat-y;
}

#site-left-menu-bottom {
  background: url("../media/site/menu-bg-bottom.png") no-repeat;
  width: 256px;
  height: 39px;
}

#site-left-menu,
#site-left-menu a {
  font-family: "Oxygen", sans-serif;
  color: white;
  text-decoration: none;
  letter-spacing: 2px;
}

#site-left-menu a:hover {
  text-decoration: underline;
}

/* LINK BULLET */

#site-left-menu .menu-bullet {
  background: url("../media/site/puce.png") no-repeat 20px 9px;
  vertical-align: middle;
  line-height: 32px;
  height: 32px;
}

#site-left-menu .menu-bullet a {
  padding-left: 36px;
  display: block;
  font-size: 14px;
}

#site-left-menu .menu-bullet a:hover,
#site-left-menu .menu-bullet-active {
  background: url("../media/site/menu-item-hover.png") no-repeat;
  text-decoration: none;
}

/* ITEM */

#site-left-menu .menu-item {
  background: url("../media/site/menu-item.png") no-repeat;
  vertical-align: middle;
  line-height: 38px;
  height: 38px;
}

#site-left-menu .menu-item a {
  font-size: 16px;
  padding-left: 28px;
  display: block;
}

#site-left-menu .menu-item a:hover,
#site-left-menu .menu-item-active {
  background: url("../media/site/menu-item-hover.png") no-repeat;
  text-decoration: none;
}

.menu-bouton-jouer a {
  text-align: center;
  padding-left: 0px !important;
  text-transform: uppercase;
  font-weight: bold;
}

.cadre-avatar {
  float: left;
  width: 82px;
  height: 96px;
  padding-left: 5px;
  padding-top: 5px;
  background: url("../media/site/cadre-avatar.jpg") no-repeat;
  position: relative;
}

.player-box {
  margin-left: 5px;
  background: url("../media/site/bg-connexion.jpg") repeat-y;
}

.player-box-table {
  color: white;
  font-size: 14px;
}

.player-box-table .player-pseudo {
  font-size: 16px;
  text-align: center;
  padding-bottom: 5px;
}

.player-box-detail {
  margin: 5px;
}

.cadre-avatar .avatarPJ {
  position: absolute;
  left: 5px;
}

#content-table {
  border-collapse: collapse;
}

#content-top {
  background: url("../media/site/content-top.jpg") no-repeat;
  width: 761px;
  height: 54px;
}

#content-top-start {
  background: url("../media/site/content-top-start.png") no-repeat;
  width: 761px;
  height: 210px;
  position: absolute;
  top: -1px;
  left: -66px;
  z-index: 1;
  pointer-events: none;
}

#content-top-start-left {
  margin: 0px;
  padding: 0px;
  background: url("../media/site/content-top-start-left.jpg") no-repeat;
  width: 44px;
  height: 210px;
  position: absolute;
  top: -1px;
  left: -1px;
}

#content-top-start-right {
  margin: 0px;
  padding: 0px;
  background: url("../media/site/content-top-start-right.jpg") no-repeat;
  width: 43px;
  height: 210px;
  position: absolute;
  top: -1px;
  right: 1px;
}

#content-center {
  background: url("../media/site/content-center.jpg") repeat-y;
  width: 761px;
}

#div-content-center {
  min-height: 400px;
  padding-left: 66px;
  padding-right: 63px;
  color: #59493f;
}

#content-bottom {
  background: url("../media/site/content-bottom.jpg") no-repeat;
  width: 761px;
  height: 64px;
}

#div-content-center .TexteDeBase {
  color: #59493f;
  font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
  font-size: 14px;
}

#div-content-center .TexteDeBase a {
  font-family: inherit;
  font-size: 14px;
}

.TitresForum {
  color: #59493f !important;
  font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif !important;
  font-size: 14px !important;
}

.forum-div .TexteDeBase {
  font-size: 13px !important;
}

.forum-div .TexteDeBase a {
  font-size: 13px !important;
}

.forum-div img {
  max-width: 500px;
}

.sous-titre {
  color: #352e14;
  font-weight: bold;
}

#TableCmsContent img {
  max-width: 630px;
}

abbr {
  cursor: help;
}

label {
  cursor: pointer;
}

/* Progressbar sondage */
.meter {
  height: 15px;
  position: relative;
  background: #C6B895;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  padding: 5px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.meter>span:first-child {
  display: block;
  height: 100%;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: rgb(43, 194, 83);
  background-image: -webkit-gradient(linear,
      left bottom,
      left top,
      color-stop(0, rgb(43, 194, 83)),
      color-stop(1, rgb(84, 240, 84)));
  background-image: -webkit-linear-gradient(center bottom,
      rgb(43, 194, 83) 37%,
      rgb(84, 240, 84) 69%);
  background-image: -moz-linear-gradient(center bottom,
      rgb(43, 194, 83) 37%,
      rgb(84, 240, 84) 69%);
  background-image: -ms-linear-gradient(center bottom,
      rgb(43, 194, 83) 37%,
      rgb(84, 240, 84) 69%);
  background-image: -o-linear-gradient(center bottom,
      rgb(43, 194, 83) 37%,
      rgb(84, 240, 84) 69%);
  -webkit-box-shadow:
    inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow:
    inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}

.orange>span {
  background-color: #f1a165;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a));
  background-image: -webkit-linear-gradient(top, #f1a165, #f36d0a);
  background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
  background-image: -ms-linear-gradient(top, #f1a165, #f36d0a);
  background-image: -o-linear-gradient(top, #f1a165, #f36d0a);
}

.blue>span {
  background-color: #467f9f;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #467f9f), color-stop(1, #284f65));
  background-image: -webkit-linear-gradient(top, #467f9f, #284f65);
  background-image: -moz-linear-gradient(top, #467f9f, #284f65);
  background-image: -ms-linear-gradient(top, #467f9f, #284f65);
  background-image: -o-linear-gradient(top, #467f9f, #284f65);
}

.blue2>span:first-child {
  background-color: #51a7d9;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #51a7d9), color-stop(1, #284f65));
  background-image: -webkit-linear-gradient(top, #51a7d9, #284f65);
  background-image: -moz-linear-gradient(top, #51a7d9, #284f65);
  background-image: -ms-linear-gradient(top, #51a7d9, #284f65);
  background-image: -o-linear-gradient(top, #51a7d9, #284f65);
}

.green>span {
  background-color: #C3FF68;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C3FF68), color-stop(1, #7FAF1B));
  background-image: -webkit-linear-gradient(top, #C3FF68, #7FAF1B);
  background-image: -moz-linear-gradient(top, #C3FF68, #7FAF1B);
  background-image: -ms-linear-gradient(top, #C3FF68, #7FAF1B);
  background-image: -o-linear-gradient(top, #C3FF68, #7FAF1B);
}

.cadreSondage {
  border: 1px solid #8D7F60;
  border-radius: 7px;
  margin: 1em 4px;
  padding: 0 1em;
}

.libelleSondage {
  font-size: 15px;
  color: #59493F;
}

span.libelleSondage {
  display: inline-block;
  float: left;
  width: 80%;
}

span.resultatSondage {
  display: inline-block;
  width: 20%;
  text-align: right;
}