a, img, body, div, h1, h2, p, span, ul, input {
  margin: 0px;
  padding: 0px;
  outline: 0px;
}

body {
  color: #3f3f3f;
  font-size: 12px;
  font-family: Arial, Verdana;
  background: #000;
}

a {
  color: #3F3F3F;
}

a img {
  border: 0px;
}

img {
  margin: 0px;
}

.centered {
  text-align: center;
}

.clearer {
  clear: both;
}

.left_fl {
  float: left;
}

.right_fl {
  float: right;
}

.error_msg {
  color:#f00;
  font-size:11px;
  font-style:italic;
}

.bold {
  font-weight: bolder;
}

#container {
  width: 940px;
  height: 676px;
  background: #fff url("../images/bg.jpg") no-repeat right top;
  margin: 0px auto;
  position:relative;
}

#container.homepge {
  background: #fff url("../images/bg2.jpg") no-repeat right top;
}

#logo {
  width:158px;
  height:72px;
  position:absolute;
  left: 41px;
  top: 31px;
  background:url("../images/logo.jpg") no-repeat;
}

.header-homepage {
  width:340px;
  position:absolute;
  left: 50px;
  top: 130px;
  color:#666666;
  font-family:Verdana;
  font-size:14px;
  font-weight:bold;
}

.header-homepage big {
  font-size:16px;
  line-height:30px;
}

.header-homepage small {
  font-size:12px;
  font-weight:normal;
}

#navigation {
  position:absolute;
  top: 588px;
  left: 352px;
  list-style-type:none;
  z-index:1000;
}

#navigation li {
  display:block;
  float:left;
  width:142px;
}

#navigation li a {
  display: block;
  float:left;
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
  color:#000;
}

#navigation li a:hover {
  color:#000;
}

.jouer-button {
  position:absolute;
  top: 22px;
  left: 692px;
}

.jouer-home {
  position: absolute;
  top: 333px;
  left: 318px;
}

.home-tv {
  position: absolute;
  top: 272px;
  left: 58px;
}

.kompressor-home {
  position:absolute;
  top: 310px;
  left: 733px;
  padding:26px 0px 0px 105px;
  width:93px;
}

.kompressor-internal {
  background:url("../images/kompressor2.jpg") no-repeat center top;
  position:absolute;
  top: 161px;
  left:767px;
  text-align:center;
  padding-top:220px;
}

#footer {
  position:absolute;
  bottom:0px;
  left: 0px;
  width:940px;
  height:84px;
  background:url("../images/blue_footer.jpg") no-repeat left bottom;
  z-index:1;
}

#footer.blue {
  background:url("../images/blue_footer.jpg") no-repeat left bottom;
}

#navigation-internal {
  list-style-type:none;
  position:absolute;
  top: 113px;
  left: 42px;
  padding-left:40px;
  background:url("../images/navigation2.jpg") no-repeat left top;
}

#navigation-internal li {
  float:left;
  display:block;
  padding-top:29px;
  text-align:center;
}

#navigation-internal li.dotations {
  width:160px;
}

#navigation-internal li.reglement {
  width:155px;
}

#navigation-internal li.obtenir {
  width:188px;
}

#navigation-internal li a {
  float:left;
  display:block;
  width:100%;
  height:20px;
  line-height:20px;
  color: #3f3f3f;
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
}

#navigation-internal li a:hover {
  color:#000;
}

.shadow-box {
  position:absolute;
  width:745px;
  height:456px;
  padding-right:11px;
  background:url("../images/shadow.jpg") repeat-y right top;
  top: 161px;
  z-index:100;
  overflow:visible;
}

.fermer {
  position: absolute;
  line-height:20px;
  top: 16px;
  right: 0px;
  color:#3f3f3f;
  font-weight:bold;
}

.fermer:hover {
  color:#333;
}

.red-top .content {
  padding: 16px 0px 0px 124px;
  color:#fff;
  width:413px;
}

.red-top {
  height:101px;
  background:#d3361b url("../images/red_top.jpg") no-repeat 43px 0px;
}

.red-top.big {
  height:143px;
}

.orange-top {
  height:45px;
  width:745px;
  position:absolute;
  top: 0px;
  left: 0px;
  z-index:1;
  background:url("../images/orange_top.jpg") no-repeat 0px 0px;
}

.green-top {
  height:45px;
  width:745px;
  position:absolute;
  top: 0px;
  left: 0px;
  z-index:1;
  background:url("../images/green_top.jpg") no-repeat 0px 0px;
}

.blue-top {
  height:40px;
  width:745px;
  position:absolute;
  top: 0px;
  left: 0px;
  z-index:1;
  background:url("../images/blue_top.jpg") no-repeat 0px 0px;
}

.red-bottom {
  height:46px;
  background:url("../images/red_bottom.jpg") no-repeat left 0px;
  position:absolute;
  width:745px;
  left: 0px;
  bottom:-10px;
}

.orange-bottom {
  height:46px;
  background:url("../images/orange_bottom.jpg") no-repeat left 0px;
  position:absolute;
  width:745px;
  left: 0px;
  bottom:-10px;
}

.green-bottom {
  height:46px;
  background:url("../images/green_bottom.jpg") no-repeat left 0px;
  position:absolute;
  width:745px;
  left: 0px;
  bottom:-10px;
}

.blue-bottom {
  height:46px;
  background:url("../images/blue_bottom.jpg") no-repeat left 0px;
  position:absolute;
  width:745px;
  left: 0px;
  bottom:-10px;
}

.header-internal {
  top: 23px;
  left:268px;
  position:absolute;
  color:#666666;
  font-size:11px;
  font-family:Verdana;
  z-index:1000;
}

.header-internal big {
  font-size:14px;
  font-weight:bold;
  line-height:20px;
}

.code-form {
  margin:60px auto 0px auto;
  width:300px;
  font-size:11px;
}

.captcha {
  border:solid 1px #333;
}

form h1 {
  font-size:16px;
  padding-bottom:3px;
}

.text-field {
  border:solid 1px #8c9296;
  background:#dbdbdb;
}

.reglement-box {
  height:405px;
  width:613px;
  padding:5px 30px 5px 0px;
  overflow-y:auto;
  position:absolute;
  z-index:100;
  top: 6px;
  right:11px;
}

.sesame-box {
  height:375px;
  width:660px;
  padding:35px 25px 5px 0px;
  overflow-y:auto;
  position:absolute;
  z-index:100;
  top: 6px;
  right:11px;
}

.dotations-box {
  height:375px;
  width:660px;
  padding:35px 25px 5px 0px;
  overflow-y:auto;
  position:absolute;
  z-index:100;
  top: 6px;
  right:11px;
}

.dotations-box2 {
  height:375px;
  width:670px;
  overflow-y:auto;
  position:absolute;
  z-index:100;
  top: 45px;
  right:38px;
}

.sesame-box .code-image {
  width:320px;
  float:left;
  font-weight:bold;
}

.sesame-box .code-text {
  width:305px;
  float:right;
}

#opts {
  display:none;
  padding-top:1px;
}

#register_form {
  position:relative;
  z-index:100;
  font-size:11px;
}

#register_form .left {
}

#register_form .right {
  position:absolute;
  left: 380px;
  top: 0px;
  width:350px;
}

.options {
  position:relative;
  top: -2px;
}

.options td {
  padding:0px 2px;
}

.options label {
  position:relative;
  top: -2px;
}

.newsletter {
  position:absolute;
  left:0px;
  top: 130px;
}

#register_form .submit {
  position:absolute;
  left:185px;
  top: 196px;
}

.show {
  display:block;
}

.hide {
  display:none;
}

#opts.show {
  display:block;
}

.iban-form {
  position:relative;
  top: 28px;
  left:62px;
  width:380px;
}

.iban-form .submit2 {
  top: 140px;
  left: 452px;
  position:absolute;
}

.iban-form .help, #err {
  top: -15px;
  left: 415px;
  position:absolute;
  width:260px;
  font-size:10px;
  line-height:12px;
  font-style:italic;
}

#err {
  font-size:12px;
}

#helpIban, #err {
  display:none;
}

.iban-form td {
  padding:15px 23px 0px 0px;
}

.iban-form td label {
  position:relative;
  top: -2px;
  margin-left:8px;
}

.iban-form small {
  font-size:11px;
}

.red-font {
  color: #d3361b;
}

.dotations-box2 .left {
  width:200px;
  height: 285px;
  float:left;
  padding:65px 130px 0px 0px;
  background:url("../images/dotations1.jpg") no-repeat right 12px;
  font-size:11px;
}

.dotations-box2 .right {
  width:294px;
  float:right;
  font-size:11px;
}

.dotations-box2 .left big, .dotations-box2 .right big {
  font-size:12px;
  font-weight:bold;
}

#container-scan {
  width:568px;
  margin:0px auto;
  text-align:left;
  padding-left:30px;
  padding-top:37px;
  background:url("../images/bg3.jpg") no-repeat right bottom;
  position:relative;
}

#logo-scan {
  width:296px;
  float:left;
  height:150px;
}

#barcode {
  float:left;
}

#kompressor-scan {
  width:296px;
  float:left;
}

#scan-op {
  float:left;
  padding-bottom:10px;
}

#gjb-scan {
  padding-bottom:64px;
}

#container-scan p big {
  font-size:12px;
  display:block;
    line-height:18px;
  font-weight:bold;
}

#container-scan .left-padding {
  padding-left:15px;
  display:block;
}

.zone {
  width:284px;
  height:90px;
  padding:7px;
  background:#eee;
  border:solid 1px #7b7b7b;
  font-size:12px;
}

#flashcontent a {
  color:#69a0eb;
  font-weight:bold;
  text-decoration:none;
}

.box {
  position:absolute;
  top: 154px;
  left:109px;
  width:709px;
  padding-top:40px;
}

.box.blue {
  background:url("../images/blue_bg.jpg") no-repeat center top;
}

.box.green {
  background:url("../images/green_bg.jpg") no-repeat center top;
}

.box.red {
  background:url("../images/red_bg.jpg") no-repeat center top;
}

.details {
  height:350px;
  background:url("../images/details_bg.jpg") no-repeat 141px top;
  color: #3f3f3f;
}

.details .left {
  width:210px;
  float:left;
}

.details .right {
  width:250px;
  float:right;
}

.details a, .modalites a {
  color: #3f3f3f;
}

.details_voir {
  margin:15px 0px 0px 100px;
}

.details_voir2 {
  margin:15px 0px 0px 80px;
}

.modalites {
  padding-top:10px;
}

.modalites .left {
  float:left;
  width:425px;
}

.modalites .right {
  float:right;
  width:220px;
  text-align:right;
}

.modalites_voir {
  position:relative;
  z-index:100;
}

.modalites_image {
  position:relative;
  top: -47px;
  right: 35px;
  z-index:1;
}

.pink-list {
  padding:0px;
  margin-left:40px;
  color:#bf004c;
}

.input-text {
  border:solid 1px #8c9296;
  background:#dbdbdb;
}

.right .checkbox {
  position:absolute;
  top: 75px;
}

.checkbox a {
  color:#3f3f3f;
}

.close-box {
  width: 470px;
}

.big-red {
  color:#f00;
  font-size: 20px;
  font-weight: bold;
}

#decouvrir_frame {
  border:none;
  width:100%;
  height:100%;
  position:absolute;
  top: 0px;
  left:0px;
  z-index:1000;
  background:#fff;
  opacity: 0.9;
  filter: alpha(opacity=90);
}