/*Style by ASter*/
/*Messages*/
.error {
color:red;
font-style: normal;
}
.success {
color:green;
}
.dark{
color:black;
}
.bold{
font-weight:bold;
}
.hide{
display:none
}
.logout {
background: red;
border-radius: 6px;
border: none;
color: white;
padding: 2px;
}
/*Z-INDEX*/
.z1{
    z-index:10;
}
.z2{
    z-index:20;
}
.z3{
    z-index:30;
}
.z4{
    z-index:40;
}
.z5{
    z-index:50;
}
/*FLOATS*/
.left{float:left;}
.right{float:right;}
.center{text-align: center;}
.mcenter{margin: 0 auto;}
.clear10{
    width: 1px;
    height:10px;
}
td.td-after::after {
    content: " | ";
    display: inline;
}

#loading{
position : fixed;
z-index: 9999;
background : url('../img/loader.gif') 50% 50% no-repeat;
top : 0px;
left : 0px;
height : 100%;
width : 100%;
cursor : wait;
}

/***SUPRESSION DES STYLES NAVIGATEUR***/
a img{
border:none;
}
a {
text-decoration:none;
}
a:visited{
text-decoration:none;
}
li {
list-style-type:none;
font-family:agency_fb;
}
label{
font-weight:bold;
}
button{
background-color: #701203;
border: none;
color: #EFBF7B;
border: 1px solid #EFBF7B;
}
input[type="submit"] {
background-color: #701203;
border: none;
color: #EFBF7B;
border: 1px solid #EFBF7B;
}

input:focus{
    outline: 0;
}

/***Arrière_Plan***/
body{
width:100%;
min-width: 1440px;
min-height: 1200px;
z-index: 10;
background-color:#65290c;
}
.body{
position:relative;
margin: 0 auto;
min-width:1200px;
min-height:1200px;
background: url(../img/bg.jpg) no-repeat;
background-position: center 0;
background-size:1900px;
}
.content{
width:1200px;
min-height:1200px;
position: relative;
margin: 0 auto;
}
.top{
position:relative;
width: 100%;
height: 390px;
}
.mid{
position:relative;
width: 100%;
min-height: 250px;
padding-bottom: 25px;
}
.bottom{
position:relative;
width: 100%;
height: auto;
}
.logo{
width: 600px;
height: 199px;
position: absolute;
left: 300px;
top: 160px;
background: url(../img/logo.png) no-repeat;
}
/**Notifications**/

#notification,
#donate_form,
#password_form,
#webcash_form,
#char_form,
.pop
{
position : fixed;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.3);
top : 0px;
left : 0px;
height : 100%;
width : 100%;
}

#donate_form,
#password_form,
#webcash_form,
#char_form,
#char_1,
#char_2,
#char_3,
#char_4,
#char_5,
#char_6,
#char_7,
#char_8,
.pop
{
    display: none;
}
.notification_box {
position: relative;
margin: 100px auto;
padding: 15px;
width:550px;
background: url(../img/container/bg_content_middle.png); 
background-size: 100%;
background-repeat: repeat-y;
border-radius: 12px;
}
#notification_close,
#notification_close2,
#notification_close3,
.box_close
{
right:30px;
position: absolute;
background: red;
color: white;
padding: 2px;
cursor: pointer;
}
h1.notification_msg {
text-align: center;
font-family: 'constantineregular';
}

/** - BADGES - **/
.badge{
text-align: center;
display: inline-block;
padding: 0 5px;
font-family: Comic Sans ms;
font-weight: bold;
text-transform: uppercase;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.badge#event
{
width: 30px;
background: #0DA69A;
height: 16px;
line-height: 16px;
font-size: 9px;
}

.badge#maj
{
width: 30px;
background: #170DA6;
height: 16px;
line-height: 16px;
font-size: 9px;
}

.badge#new
{
width: 30px;
background: #E27800;
height: 16px;
line-height: 16px;
font-size: 9px;
}
/** -/ BADGES /- **/
/**FONT**/
.constantine{
font-family: 'constantineregular';
}
.h1{
font-size: 2em;    
}
.h2{
font-size: 1.7em;    
}

.c652a0c{
color:#652a0c;
}
.reg_input,
.ac_td_input{
    width: 150px;
    text-align: center;
}
.ac_td_lerror{
font-size: 12px;
width: 250px;
height: 40px;
}
.edit{
width: 32px;
height: 32px;
background: url(../img/edit.png) no-repeat; 
background-position: center;
border: none;
outline: 0;
}

.w615{
    width:615px;
}
.w300{
    width:300px;
}

.suggest {
    color: #652A0C;
    font-size: 0.8em;
}
.vtop {
    position: relative;
    vertical-align: top;
    display: inline-block;
}

#scrollup{
    position: fixed;
    bottom:-30px;
    left:30%;
    width: 30px;
    height: 30px;
    background: url(../img/arrow88.png) no-repeat;
    background-size: 30px;
    transition: all 0.3s ease-in-out;
    z-index: 200;
    opacity: 0;
    cursor: pointer;
}

#cs_paysafecard,
#cs_paypal,
#cs_starpass{
display:none;
}
.cs_box{
width:630px;
}
input.pin_code {
margin: 2px;
background: white;
}
table.ps_table {
width:300px;
border-color:white;
}
th#ps_table,
td#ps_table{
width:150px;
border-color:white;
}
table.paysafecard_pin {
border-collapse: initial;
border: 2px grey;
border-style: ridge;
border-radius: 5px;
padding: 10px;
background: whitesmoke;
}

[class*="col-"] {
    width: 100%;
  }
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
  
/** MEDIA **/
@media only screen and (max-width: 600px) {
/***Arrière_Plan***/
body{
    width:100%;
    min-width: 1440px;
    min-height: 1200px;
    z-index: 10;
    background-color:#65290c;
    }
    .body{
    position:relative;
    margin: 0 auto;
    min-width:1200px;
    min-height:1200px;
    background: url(../img/bg.jpg) no-repeat;
    background-position: center 0;
    background-size:1900px;
    }
    .content{
    width:1200px;
    min-height:1200px;
    position: relative;
    margin: 0 auto;
    }
    .top{
    position:relative;
    width: 100%;
    height: 390px;
    }
    .mid{
    position:relative;
    width: 100%;
    min-height: 250px;
    padding-bottom: 25px;
    }
    .bottom{
    position:relative;
    width: 100%;
    height: auto;
    }
    .logo{
    width: 600px;
    height: 199px;
    position: absolute;
    left: 300px;
    top: 160px;
    background: url(../img/logo.png) no-repeat;
    }
  }