@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'ImpactRegular';
    src: url('/css/fonts/impact-webfont.eot');
    src: local('?'), url('/css/fonts/impact-webfont.woff') format('woff'), url('/css/fonts/impact-webfont.ttf') format('truetype'), url('/css/fonts/impact-webfont.svg#ImpactRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a {
  color: #6ed2ff;
}

a.anchor-title {
  color: #008FE7;
}

span.maintitle {
  color: #008FE7;
  font-family:'ImpactRegular';
  font-size: 50px;
  padding-top: 0px;
  margin-top: 0px;
  text-transform: uppercase;
}

body {
	width: 950px;
	margin: auto;
	margin-top: 35px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: black url(/images/backg2.jpg) top center no-repeat;
	/*background-image: url(/images/backg2.jpg), url(/images/footer.jpg);
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
	background-color: purple;*/
	/*background: url(/images/backg2.jpg) top center no-repeat, url(/images/footer.jpg) bottom center no-repeat fixed;
	background-color: black;*/
	color: #6ed2ff;
	/*font-weight: bold;*/
	font-size: 12px;
}

div#session_bar {
  background: url(/images/session_bar.png);
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 39px;
  margin: 0;
  padding: 0;
}

div#session_bar div.middle {
  background: url(/images/session_bar_middle.png);
  width: 980px;
  margin: auto;
  height: 27px;
  padding: 12px 0 0 0;
}

div#session_bar div.middle div.left {
  display: block;
  text-align: left;
}

div#session_bar div.middle div.right {
  display: block;
  margin-top: -21px; /* -15px */
  text-align: right;
}

div#session_bar div.middle div.right_logged {
  margin-top: -15px !important;
}

div#session_bar div.middle div.right form input {
  margin: -1px 0 0 0;
  background: none;
  border: grey 1px solid;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 0px;
}

div#session_bar div.middle div.right div.passlost {
  font-size: 10px;
  padding-right: 25px;
}

div#menu {
  position: absolute;
  top: 180px;
  width: 950px;
  margin: auto;
  z-index: 10;
}

div#content {
position: relative;
  height: 0px;
  width: 950px;
  margin-top: 230px;
  z-index: 9;
}

div#content div.top {
  background: url(/images/contenu_top2.png) no-repeat;
  height: 208px;
  padding-top: 100px;
  padding-left: 100px;
  padding-right: 100px;
}

div#content div.top div#panier {
  float: right;
  margin-top: 10px;
}

div#content div.top div#panier div.caddie_icon {
  background: url(/images/caddie.png) no-repeat;
  height: 39px;
  width: 54px;
}

div#content div.top div#panier div.caddie_icon:hover {
  background: url(/images/caddie_hover.png) no-repeat;
  height: 39px;
  width: 54px;
}

div#content div.mid {
  background: url(/images/contenu_bg.png);
  margin-bottom: 15px;
}

div#content div.bot {
  position: relative;
  top: -318px;
  background: url(/images/contenu_bottom.png) no-repeat;
  height: 128px;
  padding-top: 200px;
  padding-left: 100px;
  padding-right: 100px;
}

div#content div.bot div#icons {
  position: relative;
  text-align: center;
  margin: auto;
  margin-top: 44px;
}

div#content div.top div#icons {
  position: absolute;
  top: 330px; /*top: 642px;*/
  padding-left: 280px;
}

div#content div.bot div#copyright {
  position: relative;
  margin: auto;
  margin-top: 25px;
  font-size: 11px;
  color: #888888;
  background: black;
  opacity: 0.8;
  /*width: 850px;*/
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

div#content div#notations {
  float: right;
  position: relative;
  top: 25px;
  right: -186px;
  background: url(/images/notations_panel.png) no-repeat;
  width: 207px;
  height: 288px;
}

div#content div#dons-home {
  position: absolute;
  top: 330px;
  right: -186px;
  background: url(/images/dons_panel.png) no-repeat;
  width: 192px; /* 207px - 15px */
  height: 288px;
  padding: 20px 5px 20px 10px;
  font-size: 20px;
  text-align: center;
}

div#content div#dons-others {
  position: absolute;
  top: 8px;
  right: -186px;
  background: url(/images/dons_panel.png) no-repeat;
  width: 192px; /* 207px - 15px */
  height: 288px;
  padding: 20px 5px 20px 10px;
  font-size: 20px;
  text-align: center;
}

div#content div.bot div#copyright a {
  color: #888888;
}

div#content div.mid div.ins {
  position: relative;
  top: -120px; /* -150px */
  left: 100px;
  width: 750px;
  z-index: 100;
  min-height: 300px;
}

div#content div.mid div.sep div.ins {
  position: relative;
}

div#content div.mid div.sep {
  background: url(/images/separation.png) no-repeat;
  margin-top: -200px;
  margin-bottom: -150px;
  height: 360px;
  padding-top: 150px;
  padding-left: 100px;
  padding-right: 100px;
}

div.spacer {
  background: url(/images/contenu_titre.png) no-repeat;
	height: 1px;
	width: 749px;
}

table.form {
margin-top: 60px;
width: 600px;
}

table.form td.desc {
  text-align: right;
  height: 45px;
}

table.form td.valu {
  text-align: left;
}

table.form input#submit {
  margin-top: 50px;
  border: 0;
  height: 61px;
  width: 275px;
  background: url(/images/submit_off.png) no-repeat;
  color: white;
}
table.form input#submit:hover {
  border: 0;
  height: 61px;
  width: 275px;
  background: url(/images/submit_on.png) no-repeat;
}

div#error {
  color: red;
}

div#success {
  color: green;
}

div#debug {
  position: fixed;
  top: 10px;
  background: lightgrey;
  color: red;
  font-weight: bold;
  border: 1px dashed white;
  opacity: 0.8;
  width: 100%;
  width: 950px;
  text-align: center;
}

div.support-page ul li {
  padding: 5px 0 5px 0;
}

table.news, table.buy, table.buy-caddie {
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
  margin-left:auto; margin-right:auto;
}

table.news td, table.buy td {
  padding: 0px;
}

table.news td.img, table.buy td.img {
  text-align: left;
  vertical-align: top;
  width: 199px;
}

table.news td.img div.img, table.buy td.img div.cadre {
  background: url(/images/cadre_screenshot.png) no-repeat;
  height: 175px;
  width: 199px;
}

table.buy td.img div.preview div.cadre {
  z-index: 20;
  position: absolute;
}

table.buy td.img div.preview div.img {
  z-index: 18;
  position: relative;
  top: 35px;
  left: 35px;
}

table.buy td.title div#BuyPlat {
  position: absolute;
  right: 5px;
  top: -15px;
  text-align: right;
}

table.news td.title, table.buy td.title {
  height: 50px;
  vertical-align: bottom;
  font-size: 18px;
  font-weight: bold;
}

table.news td.edit {
  font-size: 10px;
  vertical-align: top;
  height: 25px;
}

table.news td.desc {}

table.buy td.desc {
  padding-bottom: 20px;
}

table.news td.readmore {
  text-align: right;
  color: red;
  font-weight: 200;
  font-family:'ImpactRegular';
}

table.buy td.price {
  text-align: right;
  font-weight: 200;
  font-family:'ImpactRegular';
}

table.news td.readmore a {
  color: red;
  text-decoration: none;
}

table.news td.readmore a:hover {
  color: white;
}

div.nav div.nextnews, div.nav div.backnews, div.nav div.returnnews, td.price div.BuyNow {
  background: url(/images/bt_off.png) no-repeat;
  height: 51px;
  width: 191px;
  font-weight: 200;
  font-family:'ImpactRegular';
  padding-top: 22px;
  font-size: 20px;
  text-align: center;
  /*border: 1px black solid;*/
}

td.price div.buy {
  position: relative;
}

td.price div.buy div.buyprice {
  position: absolute;
  font-size: 20px;
  right: 190px;
  bottom: -10px;
}

td.price div.buy div.BuyNow {
  position: absolute;
  right: 5px;
  bottom: -30px;
}

div.nav div.nextnews:hover, div.nav div.backnews:hover, div.nav div.returnnews:hover, td.price div.BuyNow:hover {
  background: url(/images/bt_on.png) no-repeat;
  cursor: pointer;
}

div.nav div.left{
  position: absolute;
  left: 20px;
}

div.nav div.right{
  position: absolute;
  right: 20px;
}

div.nav div.middle{
  position: absolute;
  right: 279px; /* (750px - 191px) / 2 */
}

div.nav a {
  text-decoration: none;
  cursor: pointer;
}

table.news td.img {
  text-align: left;
  vertical-align: top;
  width: 199px;
}
div.screenshot {
  background: url(/images/cadre_screenshot.png) no-repeat;
  height: 175px;
  width: 199px;
}

div#download {
  float: right;
  background: url(/images/download_now_off.png) no-repeat;
  height: 68px;
  width: 357px;
}

div#download:hover {
  background: url(/images/download_now_on.png) no-repeat;
}

table.buy-caddie tr th {
  background: url(/images/caddie_list_top.jpg);
  height: 30px;
}

table.buy-caddie tr.article {
  background: url(/images/caddie_list.jpg) right;
  height: 20px;
}

table.buy-caddie tr.total td {
  background: url(/images/caddie_list_bottom.jpg);
  height: 30px;
}

table.buy-caddie tr th, table.buy-caddie tr td {
  padding: 0 5px 0 5px;
}

table.buy-caddie tr.article:hover {
  text-decoration: underline;
}

div#video {
  background: url(/images/video_bg.png);
  height: 282px;
  width: 756px;
  margin: auto;
  margin-top: 312px;
  padding-top: 30px;
  text-align: center;
}
