@charset "UTF-8";

#page {
height:100%;
padding:32px 16px 16px 16px;
width:960px;
margin:0 auto;
border-left-style:solid;
border-right-style:solid;
border-left-width: 1px;
border-right-width: 1px;
}

/* Header
--------------------------------------------------------------------- */

#header {
margin-bottom:10px;
}

#language-switch {
width:718px;
text-align:right;
font-size:88%;
position:absolute;
top:0;
left:50%;
margin:0 0 0 -238px;
padding:0;
}

#logo {
margin-top:-22px;
float:left;
}

#menu {
margin:0 0 0 242px;
height:30px;
padding-top:20px;
}

#menu li {
font-size:150%;
font-weight:bold;
margin:0 .5em;
}

.menu-selected {
padding-top:5px;
border-top-style:solid;
border-top-width: 10px;
}

#menu li a:hover {
padding-top:5px;
border-top-style:solid;
border-top-width: 10px;
}

#menu li a {
text-decoration: none;
}

#menu li {
display: inline;
}

/* Column homepage #1
--------------------------------------------------------------------- */

#col-hp-01 {
clear:both;
width:472px;
float:left;
}

#titres-hp, #titres-zh, #screencasts {
border-style:solid;
border-width: 1px;
vertical-align: bottom;
}

#titres-zh {
height:155px;
}

#titres-hp h1, #titres-hp h2, #titres-zh h1, #titres-zh h2  {
padding:0;
}

#titres-hp h1, #titres-zh h1  {
margin:.5em 0 0 .5em;
}

#titres-hp h2, #titres-zh h2  {
margin:0 0 .5em .5em;
}

#titres-hp img, #titres-zh img  {
float:left;
margin:11px!important;
}

#titres-zh p  {
font-size:89%;
margin-top:0;
}

#titres-hp p {
margin:.5em;
}


/* Table01
--------------------------------------------------------------------- */

.table01, .table02, .table03, .table04 {
width:100%;
border:0;
border-collapse: collapse;
margin-top:16px;
}

.table03 {
margin-top:16px;
}

.table01 td, .table02 td, .table03 td, .table04 td {
padding:2px;
vertical-align: middle;
border-bottom-style:solid;
border-bottom-width: 3px;
text-align: center;
}

.table01 td, .table03 td {
font-size:89%;
}


.table02 td, .table04 td {
font-size:100%;
}

.table01 img, .table02 img, .table03 img, .table04 img {
/*
margin:0!important;
padding:0!important;
*/
vertical-align: middle;
}

.table01 thead th, .table02 thead th, .table03 thead th, .table04 thead th {
border-bottom-style:solid;
border-bottom-width: 3px;
text-align: left;
font-size:120%;
padding-left:1em;
}

.table04 thead th {
text-align: center!important;
}

.table01 tfoot td, .table02 tfoot td, .table03 tfoot td, .table04 tfoot td {
font-size: 100%;
font-weight: bold;
}

.table01 tr, .table02 tr, .table03 tr, .table04 tr {
margin-bottom:30px;
}

.table-gamename a {
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
}

.table-nick a {
text-transform: uppercase;
font-weight: bold;
}

.table-gamesnames {
font-size:89%!important;
text-transform: uppercase;
font-weight: bold;
}

.table-gamesnames a {
text-decoration: none;
}

.table-gamename, .table-thumb, .table-duel, .table-nick, .table-contact, .table-delete, .table-cancel, .table-feed {
text-align:left!important;
}

.table-victory {
font-size:89%!important;
}

.table-bonus, .table-rank {
font-weight:bold;
}

.table-rank {
font-size:120%!important;
}

.table-duel {
width:60px;
}

.table-cancel {
width:70px;
}

.table-feed {
width:170px;
}

.table-thumb {
width:66px;
}

.table-thumb-nick {
width:44px;
}

.table-thumb-nick img {
border-style: solid;
border-width: 1px;
}

.table-header-02 th {
font-weight:normal!important;
font-size:100%!important;
vertical-align: top;
}

.table-header-03 th {
font-weight:normal!important;
font-size:100%!important;
vertical-align: middle;
text-align: center!important;
}

.table-duel a {
font-weight: bold;
display:block;
height:16px;
padding-left:18px;
text-decoration: none;
background: url(../../../img/duel-icon.png) top left no-repeat;
}

.table-cancel a {
font-weight: bold;
display:block;
height:16px;
padding-left:18px;
text-decoration: none;
background: url(../../../img/cancel-icon.png) top left no-repeat;
}

.table-contact a {
font-weight: bold;
display:block;
height:16px;
padding-left:18px;
text-decoration: none;
background: url(../../../img/message-icon.png) top left no-repeat;
}

.table-delete a {
font-weight: bold;
display:block;
height:16px;
padding-left:18px;
text-decoration: none;
background: url(../../../img/del-user-icon.png) top left no-repeat;
}

.table-feed a {
font-weight: bold;
display:block;
height:16px;
padding-left:18px;
text-decoration: none;
background: url(../../../img/money-icon-small.png) top left no-repeat;
}

.table-thumb a img {
border-style:solid;
border-width: 1px;
}

.pager-next {
margin-left:3em;
}

.pager-previous {
margin-right:3em;
}

.table-flag {
width:16px;
}

.table-receive, .table-sent {
font-weight: bold;
}

/* Column homepage #2
--------------------------------------------------------------------- */

#col-hp-02 {
float:right;
width:472px;
}

#login-0 p, #login-0 h3 {
margin:0 10px 0 0;
padding:0;
}

#login-0-signup {
float:left;
width:270px;
margin:10px;
border-right-style:solid;
border-right-width: 1px;
}

#login-0 h4 {
border-top-style:solid;
border-top-width: 1px;
margin:0 8px;
padding-top:5px;
font-style: italic;
}

#free-signup a {
display:block;
width:245px;
padding:5px 5px 5px 10px;
margin:0 0 10px 0;
font-weight: bold;
font-style: italic;
font-size:150%;
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-decoration: none;
}

#login-0-log {
height:155px;
}

#login-0-log h3 {
padding:10px;
font-style: italic;
}

#login-account {
margin:16px 16px 8px 16px;
padding-left:65px;
display:block;
float:left;
width:145px;
height:64px;
background: url(../../../img/money-icon.png) top left no-repeat;
}

#login-account strong {
font-size:200%;
}

#login-account-low a {
font-weight: bold;
}

#login-1 {
margin:32px 16px 8px 0;
padding:0;
float:right;
text-align: right;
height:48px;
vertical-align: bottom;
}

#member-infos {
clear:both;
margin:0 8px;
padding:5px 0;
border-top-style:solid;
border-top-width: 1px;
}

#member-infos li, #game-stats li {
display: inline;
margin:0 10px 0 0;
font-size:90%;
}

#member-infos li a {
padding:0 0 5px 20px;
height:20px;
}

.icon-friends {
background: url(../../../img/friends-icon.png) top left no-repeat;
}

.icon-message {
background: url(../../../img/message-icon.png) top left no-repeat;
}

.icon-duel {
background: url(../../../img/duel-icon.png) top left no-repeat;
}

.icon-account {
background: url(../../../img/account-icon.png) top left no-repeat;
}

#game-stats {
margin:0 8px;
padding:0;
}

#form-pass, #form-nick, #form-login-pass, #form-login-nick, #form-reg-nick, #form-reg-password, #form-reg-password-confirm, #form-reg-email, #form-reg-nom, #form-reg-pseudo, #game-table-nick, #search-nick, #table-to, #table-object, #table-message, #form-country, #form-language, #form-reg-adress, #form-reg-adress2, #form-reg-cp, #form-reg-city, #form-year, #form-name, #form-firstname, #form-amount, #form-reg-codebanque, #form-reg-codeguichet, #form-reg-compte, #form-reg-key, #form-reg-iban, #form-reg-bic, #form-reg-domiciliation, #credit-sms-code, #credit-audiotel-code, #form-sitename, #form-siteurl, #form-sitedomain, #form, #form-email, #form-password, #form-password-confirm, #form-tva, #form-siret, #form-business {
border-width: 1px;
border-style:solid;
}

#form-pass, #form-nick, #form-login-pass, #form-login-nick, #form-reg-nick, #form-reg-password, #form-reg-password-confirm, #form-reg-email, #form-reg-nom, #form-reg-pseudo, #game-table-nick, #search-nick, #form-country, #form-language, #form-reg-adress, #form-reg-adress2, #form-reg-cp, #form-reg-city, #form-name, #form-firstname, #form-reg-codebanque, #form-reg-codeguichet, #form-reg-compte, #form-reg-domiciliation, #form-sitename, #form-siteurl, #form-sitedomain, #form-email, #form-password, #form-password-confirm {
width:120px;
}

#form-year, #form-amount, #form-reg-bic, #form-reg-key {
width:40px;
}

#credit-sms-code, #credit-audiotel-code {
width:60px;
}

#table-to, #table-object, #form-reg-iban {
width:400px;
}

#table-message {
width:400px;
height:250px;
}

#form-reg-message {
width:600px;
height:200px;
border-width: 1px;
border-style:solid;
margin:16px auto;
}

.forgot-pass {
margin:10px!important;
text-align: right;
font-size:80%;
}

#games-hp {
clear:both;
margin:16px 0;
padding:0 0 4px 0;
}

#games-hp ul {
margin:0 0 8px 0;
padding:12px 0 0 8px;
}

#games-hp li {
display:inline;
font-size:130%;
font-weight:bold;
text-align:center;
text-transform: uppercase;
}

.games-hp-cat-selected a {
margin-right:2px;
padding:8px;
}

#games-hp li a {
margin-right:2px;
padding:8px;
text-decoration: none;
}

#games-hp li a:hover {
margin-right:2px;
padding:8px;
text-decoration: none;
}

#see-all a {
margin-left:75px;
background: transparent!important;
text-decoration: underline!important;
font-size:80%!important;
}

/* Vignette jeux homepage
--------------------------------------------------------------------- */

.single-game-hp {
float:left;
padding:0;
width:225px;
height:158px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-width: 1px;
border-style: solid;
margin:4px 2px 4px 4px;
}

.single-game-hp p {
padding:0;
margin:4px;
font-size:90%;
}

.single-game-hp p a {
text-decoration: none;
}

.single-game-hp-button {
display: block;
margin:0;
padding:0;
position: relative;
top:132px;
left:0;
text-align:right;
}

.single-game-hp-button a {
padding:3px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}

.single-game-hp-thumb {
margin-top:-20px!important;
}

#see-all-games-hp {
clear:both;
width:458px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-width: 1px;
border-style: solid;
margin:0 0 0 4px;
text-align: center;
margin-bottom:8px;
font-weight: bold;
}

.game-highlight, .game-highlight-2 {
float:left;
width:226px;
height:310px;
border-style: solid;
border-width: 1px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin:16px 8px 16px 0;
}

.game-highlight {
margin:16px 16px 0 0;
}

.game-highlight-2 {
margin:16px 0 0 0;
}

.highlight-new, .highlight-favorite {
display:block;
width:186px;
height:28px;
margin:0 0 10px 0;
padding:12px 0 0 40px;
font-weight:bold;
font-size:110%;
text-transform: uppercase;
font-style: italic;
}

.highlight-new {
background-image: url(../../../img/new-icon.png);
background-position: 5px 5px;
background-repeat: no-repeat;
}

.highlight-favorite {
background-image: url(../../../img/favorite-icon.png);
background-position: 5px 5px;
background-repeat: no-repeat;
}

.hightlight-thumb {
text-align:center;
margin:0 auto;
}

.hightlight-thumb a img {
border-style: solid;
border-width: 8px;
}

.game-highlight h3, .game-highlight-2 h3, .allgames-cat-game h3 {
margin:8px 0 0 16px;
font-weight: normal;
}

.game-highlight h3 a, .game-highlight-2 h3 a, .allgames-cat-game h3 a {
text-decoration: none;
}

.hightlight-desc {
margin:0 14px;
font-size:89%;
}

.hightlight-desc a {
text-decoration: none;
}

.hightlight-button {
display: block;
margin:8px;
padding:0;
text-align:right;
}

.hightlight-button a {
padding:3px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}

/* Column homepage #3
--------------------------------------------------------------------- */

#col-hp-03 {
clear:both;
margin:0;
padding:16px 0 0 0;
}

#col-hp-03 h1 {
text-transform: uppercase;
margin:0;
padding:0;
}

.allgames-cat {
margin:0 0 8px 0;
padding-top:6px;
}

.allgames-cat-game {
float:left;
width:460px;
height:86px;
border-style: solid;
border-width: 1px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin:10px 0 0 12px;
}

.allgames-cat-game textarea {
width:200px;
height:50px;
}


.allgames-cat-game h3 {
margin-top:5px!important;
}

.allgames-cat-game img {
float:left;
margin:5px 10px 5px 5px;
}

#action, #reflexion {
margin:0 0 0 8px!important;
}

/* Games tables
--------------------------------------------------------------------- */

.free-game-table, .pay-game-table {
width:100%;
border-width: 1px;
border-style: solid;
}

.free-game-table {
margin:0!important;
}

.pay-game-table {
margin:16px 0;
}

.free-game-table td, .free-game-table th, .pay-game-table td, .pay-game-table th {
padding:5px;
text-align:left;
}

.free-game-table td, .pay-game-table td {
line-height: 180%;
}

.free-game-table strong, .pay-game-table strong {
text-transform: uppercase;
}

.free-game-table-type {
text-transform: uppercase;
width:200px;
}

.free-game-table-free, .free-game-table-real {
text-align: center!important;
text-transform: uppercase;
}

.free-game-table-selectors {
border-right-width: 1px;
border-right-style: solid;
}

.free-game-table-selectors span {
font-weight:bold;
font-size:110%;
}

.free-game-table-real, .free-game-table-free, .pay-game-table-account, .pay-game-table-pay {
width:250px;
}

.game-player-thumb {
float:left;
text-align: center;
line-height: 100%!important;
padding:0 6px;
}

.game-player-thumb img {
border-width: 1px;
border-style: solid;
}

.game-player-thumb a {
display:block;
width:75px;
margin-top:3px;
padding:4px 0;
text-transform: uppercase;
text-decoration: none;
font-weight:bold;
}

.pay-game-line td {
border-bottom-right-width: 1px;
border-bottom-right-style: solid;
}

.pay-game-table-pay span, .pay-game-table-account span {
display:block;
height:65px;
padding-left:65px;
line-height: 120%;
vertical-align: middle;
}

.pay-game-table-pay span {
background: url(../../../img/pay-icon.png) top left no-repeat;
}

.pay-game-table-account span {
background: url(../../../img/add-user-icon.png) top left no-repeat;
}

.pay-game-table-pay span a, .pay-game-table-account span a {
font-weight: bold;
}

.big-button {
margin:20px;
text-align: center;
}

.big-button a {
padding:10px;
text-transform: uppercase;
text-decoration: none;
}


/* FAQ
--------------------------------------------------------------------- */

#faq {
margin:0;
padding:1em 2em;
}

.faq-01 {
font-size:120%;
font-weight: bold;
}

#faq-101, #faq-102, #faq-103, #faq-104, #faq-201, #faq-202, #faq-203, #faq-204, #faq-205, #faq-206, #faq-207, #faq-208, #faq-301, #faq-302, #faq-303, #faq-304, #faq-305, #faq-306, #faq-307, #faq-308 {
margin:10px 50px;
}

.faq-p {
margin:10px 50px;
}

/* player-info
--------------------------------------------------------------------- */

#player-info {
border-style: solid;
border-width: 1px;
height:160px;
}

.player-avatar {
float:left;
border-style: solid;
border-width: 2px;
margin:5px;
}

#player-info h1 {
margin:5px 5px 5px 160px;
display:block;
height:28px;
padding:5px 0 0 5px;
}

.player-online {
background-image: url(../../../img/online-user.png);
background-repeat: no-repeat;
background-position: 265px 5px;
}

#player-info ul {
margin:5px;
list-style-type: none;
}

.player-actions li {
display:inline;
float:left;
}

.player-actions li a {
display:block;
overflow: hidden;
padding-top:24px;
width:24px;
height:0;
border-style: solid;
border-width: 1px;
margin-right:5px;
float:left;
background-image: url(../../../img/player-actions-icons.png);
background-repeat: no-repeat;
}

.action-facebook a {
background-position: 0 0;
}

.action-twitter a {
background-position: -144px 0;
}
 
.action-rss a {
background-position: -168px 0;
}

.action-addfriend a {
background-position: -24px 0;
}

.action-writemsg a {
background-position: -48px 0;
}

.action-duel a {
background-position: -72px 0;
}

.action-sent a {
background-position: -120px 0;
}

#avatar-update {
position: absolute;
margin-left:50%;
left:-360px;
top:221px;
z-index: 1000;
}

#avatar-update a {
display:block;
overflow: hidden;
padding-top:24px;
width:24px;
height:0;
border-style: solid;
border-width: 1px;
margin-right:5px;
background-image: url(../../../img/player-actions-icons.png);
background-repeat: no-repeat;
background-position: -96px 0;
}

/* Footer
--------------------------------------------------------------------- */

#footer {
clear:both;
width:100%;
margin-top:16px!important;
border-width: 1px;
border-style: solid;
-moz-border-radius:3px;
-webkit-border-radius:3px;
height:140px;
}

#socials, #web-tools {
list-style-type: none;
font-weight: bold;
font-size:130%;
margin:10px;
padding:0;
}

#socials {
position:relative;
top:0;
left:0;
width:350px;
}

#web-tools {
text-align: right;
margin-top:-130px;
}

#web-tools li {
margin:6px 0;
}

#socials a {
display:block;
height:36px;
padding-left:36px;
padding-top:5px;
text-decoration: none;
}

#twitter-link {
background: url(../../../img/twitter-icon.png) top left no-repeat;
}

#facebook-link {
background: url(../../../img/facebook-icon.png) top left no-repeat;
}

#rss-link {
background: url(../../../img/rss-icon.png) top left no-repeat;
}


#legal-lines {
font-size:70%;
font-weight: normal;
}

/* infobox
-------------------------------------------------------------------- */

/*
#infobox {
padding:16px;
position: absolute;
top:0;
z-index: 100;
left:50%;
width:520px;
margin-left:-284px;
border-bottom-style: solid;
border-bottom-width: 8px;
border-right-style: solid;
border-right-width: 8px;
border-left-style: solid;
border-left-width: 8px;
}
*/

#infobox p {
margin-left:60px;
}

.confirm, .warning {
margin:0;
display:block;
height:33px;
padding:15px 0 0 60px;
font-size:150%;
}

.confirm {
background: url(../../../img/ok-icon.png) top left no-repeat;
}

.warning {
background: url(../../../img/warning-icon.png) top left no-repeat;
}

.infobox-close {
text-align:right;
}

.infobox-close a {
padding-right:16px;
text-transform: uppercase;
text-decoration: none;
font-size:90%;
padding-top:1px;
background: url(../../../img/close-icon.png) top right no-repeat;
}

.infobox-action {
text-align: center;
}

.infobox-action a {
margin:0 auto;
display:block;
width:245px;
height:23px;
text-align: left!important;
padding:6px 0 0 5px;
color:#fff;
font-weight: bold;
background: url(../../../img/bouton-crediter.png) top left no-repeat;
text-decoration: none;
}

.infobox-action a:hover {
color:#f0ff00;
}


/* Facebox pages
--------------------------------------------------------------------- */

.facebox-h1, .facebox-h2 {
margin:0;
padding:0;
}

.form-label, .form-label2 {
text-align: right!important;
}

.form-label {
width:50%;
}

.form-label2 {
width:200px;
}

.form-preview img {
border-style: solid;
border-width: 1px;
padding:5px;
}

.form-cgv, .form-submit {
text-align: center;
}

.form-table {
border-collapse: collapse;
width:100%;
margin:16px 0!important;
border-style: solid;
border-width: 1px;
}

.form-input {
width:120px;
}

.form-input2 {
width:300px;
text-align: left!important;
}

.form-help {
font-style: italic;
text-align: left!important;
}

.form-table td {
padding:5px;
}

#screencasts {
margin:10px 0;
padding:9px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

#legals {
font-size:80%;
text-align: justify;
}

/* Credit
--------------------------------------------------------------------- */

.money-credit {
height:200px;
}

.rss-zone {
height:400px;
}

.money-credit div {
float:left;
width:205px;
height:190px;
margin:0 8px;
padding:4px;
border-style: solid;
border-width: 1px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.credit-sms {
background: url(../../../img/sms-icon.png) top left no-repeat;
}

.credit-audiotel {
background: url(../../../img/phone-icon.png) top left no-repeat;
}

.credit-cb {
background: url(../../../img/cb-icon.png) top left no-repeat;
}

.credit-paypal {
background: url(../../../img/paypal-icon.png) top left no-repeat;
}

.money-credit div h3 {
margin:12px 0 0 64px;
padding:3px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.money-credit div p {
font-size:89%;
text-align: center;
}

.credit-flags {
margin-top:30px;
}

/* Misc
--------------------------------------------------------------------- */

.break {
clear:both;
}

#search, #top-gamers {
margin:16px 0;
padding:8px;
}

#search h2, #top-gamers h2 {
margin:0 0 8px 0;
}

#search p, #top-gamers p {
font-size:90%;
}

.confirm-zone {
text-align: center;
}

.imgtable {
margin:5px!important;
}

.unread td {
font-weight: bold!important;
}

.table-check {
text-align: center;
padding:5px!important;
}

.money-mangement, .money-credit, .rss-zone {
margin:0;
padding:16px;
border-style: solid;
border-width: 1px;
}

.money-mangement {
height:152px;
}

.money-mangement ul, .money-credit ul {
margin:0;
padding:0;
}

.money-mangement li {
float:left;
display:inline;
text-align: center;
margin:0 90px;
}

.money-mangement li a {
float:left;
display:block;
padding-top:84px;
width:126px;
height:64px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-style: solid;
border-width: 1px;
text-decoration: none;
}

.add-money {
background: url(../../../img/money-add-icon-big.png) 32px 10px no-repeat;
}

.check-money {
background: url(../../../img/money-check-icon-big.png) 32px 10px no-repeat;
}

.transfer-money {
background: url(../../../img/money-transfer-icon-big.png) 32px 10px no-repeat;
}

.table-labelinfo {
text-align: right!important;
}

.table-info {
text-align: left!important;
}

.rss a {
display:block;
height:36px;
padding-left:36px;
padding-top:5px;
background: url(../../../img/rss-icon.png) top left no-repeat;
font-size:120%;
font-weight: bold;
}

.social-button {
padding:20px;
}