html, body  { margin: 0; padding: 0; }

body {
  background-color: #333;
  background-image: url(img/bg.png), url(img/bg.jpg); 
  background-repeat: repeat-x, repeat;
  background-position: 0px 0px;
  font-family: 'droid_sansregular';
  font-size: 16px;
  position: relative;
}

/* hack */
.hide { display: none; }
.clear { clear: both; }

/* hack input sur apple */
textarea,
input[type=text],
input[type=button],
input[type=submit],
input[type=search] {
  -webkit-appearance: none;
}

/* Affichage du menu */
.afficher-menu {
  background: url(img/menu-afficher.png) top no-repeat;
  display: block;
  height: 113px;
  width: 91px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  cursor: pointer;
}
.masquer-menu {
  background: url(img/menu-masquer.png) top no-repeat;
  height: 42px;
  width: 28px;
  display: block;
  position: fixed;
  top: 15px;
  left: 355px;
  cursor: pointer;
}

/* font */
@font-face {
    font-family: 'libel_suitregular';
    src: url('fonts/libel/libelsuit-webfont.eot');
    src: url('fonts/libel/libelsuit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/libel/libelsuit-webfont.woff') format('woff'),
         url('fonts/libel/libelsuit-webfont.ttf') format('truetype'),
         url('fonts/libel/libelsuit-webfont.svg#libel_suitregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'droid_sansregular';
    src: url('fonts/droid/DroidSans-webfont.eot');
    src: url('fonts/droid/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/droid/DroidSans-webfont.woff') format('woff'),
         url('fonts/droid/DroidSans-webfont.ttf') format('truetype'),
         url('fonts/droid/DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


a { text-decoration: none; }


#wrapper {
  max-width: 1280px;
  min-height: 2800px;
  position: relative;
  margin: 0 auto;
}

.bloc-content h1, h2 {
  text-align: center;
  margin: 0px;
  padding: 0px;
}

.bloc-content h1 {
  color: #1D962B;
  font-size: 24px;
  margin-bottom: 5px;
  text-shadow: 0px 0px 5px #000; 
  line-height: 28px;
}

.bloc-content h2 { 
  font-size: 14px; 
  font-weight: normal;
  color: #aaa;
}

img { border: 0 none; }

table, tr, td {
  border: 1px solid #333;
}


hr { border: 2px solid #333; margin: 20px 0px; }


.left { text-align:left; }
.right { text-align: right; }
.center { text-align: center; }
.u { text-decoration: underline; }

/* SUPPR */
.builder { color: #06AAAA; }
.vip { color: #55FFFF; }
.op { color: #FF412A; }
.modo { color: #55FF4A; }
.admin { color: #463AA5; }

.autolink {
  color: #fff;
  border-bottom: 1px dotted #333!important;
  font-weight: normal!important;
}
.autolink:hover { 
  color: #fff!important;
  border-bottom: 1px dotted #444!important;
  }


/* ########################################################### *
/* ######################  Header   ######################### */
/* ######################################################### */


#bandeau {
  font-size: 12px;
  z-index: 99;
  display: block;
  text-align: right;
}

#bandeau .content-bandeau {
  background: rgba(0,0,0,0.6);
  display: inline-block;
  width: auto;
  margin: 0 auto;
  padding: 0px;
  color: #fff;
  font-size: 14px;
  border: 0 none;
}
#bandeau .content-bandeau a { 
  color: #41F120;
  border: 0 none;
}
#bandeau .content-bandeau a:hover { 
  color: #34C300;
  border: 0 none;
}


#bandeau .bt-login {
  background: #000;
  font-family: 'libel_suitregular';
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 5px 10px;
  box-shadow: -4px 4px 0px #6AF239;
}
#bandeau .bt-login:hover {
  background: green;
}
#bandeau .bt-login a {
  color: #fff!important;
  padding: 0px 24px;
  text-decoration: none;
  font-size: 26px;
}


#bandeau .iflogged {
  font-size: 16px;
  padding: 3px 10px;
}
#bandeau .iflogged strong {
  color: #39A239;
}

#bandeau .iflogged .bouton {
  padding: 2px 10px;
  margin: 10px;
  text-decoration: none;
  border-radius: 1px;
  white-space: nowrap;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
}
#bandeau .iflogged .bouton:hover {
  color: #fff;
}

#bandeau .iflogged .b-green {
  background: #6AF239;
  color: #000;
}
#bandeau .iflogged .b-green:hover {
  background: #00C300;
}



/* ***************************************** */
#header {
  margin: 40px auto 10px auto;
  text-align: center;
}
#header .slogan {
   font-family: 'libel_suitregular';
   font-size: 22px;
   color: #fff;
   margin: 0px 0 50px 0px;
   border: 1px solid #000;
   border-radius: 1px;
   display: inline-block;
   padding: 4px 20px;
   letter-spacing: 0.02em;
   transform: rotate(-1.5deg);
   background: #222;
   box-shadow: 4px 4px 0px #000;
}
#header .logo {
  background: url(img/logo.png) no-repeat;
  background-size: 100%;
  width: 670px;
  height: 107px;
  margin: 70px auto -20px auto;
}
#header .creeper {
  background: url(img/creeper.png) no-repeat;
  width: 250px;
  height: 250px;
  margin: -30px 0 0 950px;
  position: absolute;
}


.intro-index h1 {
  color: #ddd;
  font-size: 16px;
}

/* SUPPR */
#menu-top {
  background: url(img/menu-top.png) center repeat-x;
  height: 31px;
  line-height: 31px;
  font-size: 16px;
  margin: 0;
  width: 970px;
  -moz-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}
#menu-top  ul li { 
  display: inline; 
  padding: 0px 0px; 
  margin: 0px;
}

#menu-top a { color: #fff; font-weight: bold; text-shadow: 2px 0px 2px #000; margin-right: 12px;  }
#menu-top a:hover { color: #000; text-shadow: 2px 0px 2px #fff;  }
#menu-top { color: #D2FF78; }


.m-serv {
  background: url(img/cube.png) no-repeat center left;
  padding-left: 38px;
  margin-left: 0px;
}
.m-forum {
  background: url(img/forum.png) no-repeat center left;
  padding-left: 38px;
  margin-left: 10px;
}

.m-tchat {
  background: url(img/man.png) no-repeat center left;
  padding-left: 38px;
  margin-left: 10px;
}

.m-voc {
  background: url(img/phone.png) no-repeat center left;
  padding-left: 38px;
  margin-left: 10px;
}

.m-home {
  background: url(img/home.png) no-repeat;
  width: 32px;
  height: 32px;
  float: right;
  margin-right: 10px;
}
.m-search {
  background: url(img/search.png) no-repeat;
  width: 32px;
  height: 32px;
  float: right;
  margin-right: 10px;
}

.m-info {
  background: url(img/i.png) no-repeat;
  width: 32px;
  height: 32px;
  float: right;
}
.m-fav {
  background: url(img/fav.png) no-repeat;
  width: 32px;
  height: 32px;
  float: right;
}
/*
.m-facebook {
  background: url(img/handycon-facebook.png) no-repeat;
  width: 32px;
  height: 32px;
  float: right;
  margin-right: 10px;
}
.m-twitter {
  background: url(img/handycon-twitter.png) no-repeat;
  width: 32px;
  height: 32px;
  float: right;
  margin-right: 10px;
}
*/

/* pubs */
.donation_vip_frame 
{
  display: none;
  text-align: center;
}

.donation_vip_frame a {
  color: #14BA06!important;
  font-weight: bold;
  border-bottom: 1px dotted #666!important;

}


.p300 { 
  margin: 0 auto;
  max-width: 300px;
}
.p336 { 
  margin: -10px;
}
.p468 { margin-left: 50px; }
.p720 { 
  text-align: center;
  width: auto;
  display: block;
  margin: 10px auto;
 }

.bloc-content.bigpub {
  padding: 5px 20px!important;
  margin-left: 375px;
  width: auto;
}

.liens-sidebar {
  margin: 30px 10px;
}

.liens-728 {
  max-width: 728px;
  margin: 5px auto;
}

.phome {
 /* width: 618px; 
  margin-left: 7px; 
  */
  width: 740px;
  margin-left: -10px;
  background: #1F1F1F; 
  padding: 10px 5px; 
  border: 1px solid #000; 
  margin-bottom: 10px;
  overflow: hidden;
  background: #000;
}

/* */
.page-contact {

}
.page-contact select,
.page-contact option {
  font-family: "Trebuchet MS", Verdana, Arial;
  font-size: 18px;
  background: #444;
  color: #fff;
  padding: 4px 20px;
  cursor: pointer;
}
.page-contact select {
  margin: 20px;
  border: 2px solid #333;
  border-radius: 2px;
}
.page-contact option {
  border-color: #333;
}
/* ########################################################### */
/* ######################   Footer  ######################### */
/* ######################################################### */

#footer {
  background: #111;
  color: #fff;
  text-align: center;
  padding: 0px;
}

#footer .mojang-statut {
  background: #000;
  color: #fff;
  margin: 0;
  padding: 20px;
  text-align: center;
  font-size: 18px;
  display: block;
}
#footer .mojang-statut img {
  vertical-align: middle;
}
#footer .mojang-statut a {
  color: #fff;
  padding: 2px 12px;
  margin: 0px 6px;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 2px;
  font-weight: bold;
}
#footer .mojang-statut a:hover {
  border-color: #26D634;
}
#footer .icones-footer {
  padding: 10px;
}
#footer .icones-footer img {
  margin: 0 4px;
}

#footer a {
  color: #fff;
  text-decoration: none;
}
#footer a:hover {
  color: #ddd;
  text-decoration: none;
  background-color: #111;
}

#footer p {
  text-align: center;
  margin: 4px;
  padding: 4px;
}

#footer .copyright {
  font-size: 14px;
  margin-bottom: 10px;
}




#footer .liens-externes {
  font-size: 12px;
  color: #aaa;
  line-height: 16px;
  padding: 10px;
}
#footer .liens-externes a {
  color: #ccc;
}

#footer:after {
  display: block;
  content: '';
  clear: both;
}

.rss {
  position: absolute;
  margin-left: 100px;
  border: 0 none;
}
.rss a { border: 0 none; }

.lien-merci {
  background: url(img/bigsmile.png) no-repeat center left;
  padding-left: 20px;
  margin-left: 10px;
  margin-right: 5px;
}
.lien-info {
  background: url(img/check.png) no-repeat center left;
  padding-left: 20px;
  margin-left: 10px;
}
.lien-contact {
  background: url(img/mail.png) no-repeat center left;
  padding-left: 20px;
}

/* ########################################################### */

#contenant {
  color: #fff;
  margin: 0 auto;
}
#contenant:after {
  clear: both;
  display: block;
  content: '';
}

.contenu {
  background: none;
  /*margin: 0 0 0 300px;*/
  line-height: 26px;
  text-align: justify;
  width: 930px;
}

.bloc-content { 
  max-width: 920px;
  /*background: #1F1F1F;*/
  background: #111;
  border: 1px solid #000;
  margin: 20px 0px;
  padding: 20px;
  border: 2px solid #000;
  box-shadow: 3px 3px 0px #000;
}

.bloc-content .news-titre {
  background: #000;
  text-align: left;
  padding: 5px;
  position: relative;
  border-radius: 4px;
}
.bloc-content .news-titre .icone {
  border: 0 none;
  margin: 0 20px 0 5px;
  float: left;
}
.bloc-content .news-titre .icone img {
  border: 0px none;
  margin-top: -16px;
}


.page h1,
.index h2 {
  font-family: 'libel_suitregular';
  font-size: 32px;
  color: #1AC300;
  margin: 10px;
}
.index h2 { text-align: left; }

.page h2 {
  padding: 0px 10px 0px 10px;
  margin-top: 10px;
  text-align: center;
  color: #888;
  margin: 0px;
  font-size: 14px;
}
.bloc-content h2 a { 
  color: #00C300;
  line-height: 32px;
}
.bloc-content h2 a:hover { 
  color: #F0FED5; 
  text-decoration: underline;
}

.bloc-content h2 a:visited { color: green; }


.bloc-content .news-date {
  color: #666;
  margin: 0 10px 10px 0;
  font-size: 12px;
  white-space:nowrap;
  clear:both;
  text-align: right;
  line-height: 24px;
}



.news-info {
  background: #000;
  color: #aaa;
  font-size: 14px;
  padding: 10px;
  border-top: 2px solid #112222;
  border-bottom: 2px solid #112222;
  text-align: center;
  line-height: 28px;
  margin: 0 -20px;
}
.news-info strong {
  font-weight: bold;
  font-style: normal;
  color: #ddd;
}
.news-info img {
  display: inline!important;
  margin: 0px!important;
  vertical-align: middle;
}
.news-info .source {
  background: #222 url(img/source.png) no-repeat 5px center;
  padding: 2px 5px 2px 28px;
  margin: 0 10px;
  display: inline!important;
  float: none!important;
  font-size: 14px!important;
  font-style: normal;
  text-decoration: none;
  border-bottom: none;
  border-radius: 2px;
  border: 1px solid #666;
}
.news-info .source:hover {
  background-color: #222;
  color: #fff;
  border-color: #fff;
}



.news-info .s1,
.news-info .s2  {
  font-weight: bold; 
  font-style: normal;
  text-shadow: 0px 2px 4px #000;
}
.news-info .s1 { color: #fff;  }
.news-info .s2 { color: green; }

.news-info .img_profil {
  vertical-align: top!important;
}


#share {
  font-family: "libel_suitregular";
  text-align: center;
  font-size: 36px;
  color: #aaa;
  padding: 6px;
  margin: 20px 100px;
  background: #222;
}
#share img {
  margin: 6px;
  vertical-align: middle;
  border: inherit;
}

#share a {
  border: inherit;
}

.auteur {
  font-size: 11px;
}

.bloc-content .news-skins {
  text-align: center;
}
.bloc-content .news-skins a,
.bloc-content .news-skins a:hover {
  display: inline-block;
  border-bottom: 0 none;
}
.bloc-content .news-skins a img{
  display: inline-block;
  max-width: inherit;
}


/* ########################################################### */
/* ######################   Sidebar ######################### */
/* ######################################################### */

.sidebar {
  background-color: #000;
  background-image: url(img/sidebar.png), url(img/sidebar2.png);
  background-repeat: repeat-y;
  background-position: left, right;
  width: 316px;
  padding: 0px 10px 50px 10px;
  margin: 0;
  margin: 0px 0 0 0;
  z-index: 102;
  position: absolute;
  border: 8px solid #29D704;
  box-shadow: -10px -10px 0px green;
}
.sidebar:after {
  content: '';
  display: block;
  clear: both;
}


.sidebar .boutons-sidebar {
  margin: 30px 10px 0px 10px;
  text-align: center;
}
.sidebar .boutons-sidebar .forum,
.sidebar .boutons-sidebar .launcher {
  font-family: 'libel_suitregular';
  background: rgba(0,0,0,0.2);
  padding: 6px 20px;
  font-size: 32px; 
  letter-spacing: 1px; 
  color: #fff;
  text-align: center; 
  border: 4px solid #26D634;
  margin: 0px 5px 0 5px;
  text-shadow: 2px 2px 0px rgba(0,0,0,0.5);
} 

.sidebar .boutons-sidebar .forum:hover,
.sidebar .boutons-sidebar .launcher:hover {
  background: #fff;
  color: #000;
  text-shadow: 0px 0px 0px;
}



.sidebar ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;	
  height: 42px;
}
.sidebar ul li a:before {
  display: inline-block;
  content: '>  ';
  white-space: pre;
  color: #29D704;
}
.sidebar ul li a:hover:before {
  color: #000;
  content: '>>  ';
  text-shadow: 0 0 0;
}
.sidebar ul {
  margin: 0;
  padding: 0;
}


.sidebar ul li a {
  font-family: 'libel_suitregular';
  color: #fff;
  text-decoration: none;
  padding: 8px 20px;
  display: block;
  font-size: 26px; 
  letter-spacing: 1px;
    transition-property: margin;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;  
}
.sidebar li a:hover {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00aa08+1,35db1c+50,00aa08+100 */
background: #00aa08; /* Old browsers */
background: -moz-linear-gradient(-45deg, #00aa08 1%, #35db1c 50%, #00aa08 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #00aa08 1%,#35db1c 50%,#00aa08 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #00aa08 1%,#35db1c 50%,#00aa08 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aa08', endColorstr='#00aa08',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  cursor: pointer;
  text-shadow: 2px 2px 1px rgba(0,0,0,0.3);
  color: #fff;
  display: block;
  margin-left: 10px;
}

.sidebar li:hover {

}

.sidebar h3 {
  font-family: 'libel_suitregular';
  font-size: 38px;
  font-weight: bold;
  text-shadow: -3px 3px 0px rgba(255,255,255,0.2);
  text-transform: uppercase;
  text-align: right;
  margin: 30px -10px 10px -50px;
  letter-spacing: 2px;
  color: #000;
  padding: 10px 30px 10px 10px;
  box-shadow: 8px -8px 0px #29D704;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a008+0,29d704+100 */
background: #00a008; /* Old browsers */
background: -moz-linear-gradient(45deg, #00a008 0%, #29d704 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #00a008 0%,#29d704 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #00a008 0%,#29d704 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a008', endColorstr='#29d704',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.sidebar .icone-sidebar {
  text-align: center;
}
.sidebar .icone-sidebar img {
  margin: 4px;
}



/* ########################################################### */
/* #####################   Page accueil ##################### */
/* ######################################################### */

.all-news {
  background: #3D893D url(img/bouton.jpg) top;
  padding: 5px 10px;
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
  width: 605px;
  margin-left: 10px;
  border: 1px solid green;
  -moz-border-radius: 2px 2px;
  border-radius: 2px 2px;

  
}
.all-news a {
  display: block;
}
.all-news:hover { 
  background: #3D893D url(img/bouton.jpg) bottom;

  }

/* Dernieres news, astuces et videos */

.last-tips,
.last-videos,
.last-forum {
  margin: 10px 0px;
}

.last-news h3,
.last-tips h3,
.last-videos h3,
.last-forum h3 {
  text-align: center;
  margin: 5px;
  font-size: 24px;
  letter-spacing: -1px;
  font-weight: bold;
  text-shadow: 0px 2px 2px #000;
}

.last-news .arrow,
.last-tips .arrow,
.last-videos .arrow {
  background: url(img/arrow.gif) no-repeat center left;
  padding-left: 20px;
}

/* Dernières news */


.last-news h3 {
  color: #A7E084;
  font-size: 28px;
  margin-bottom: 35px;
}
.last-news h3 a { text-decoration: none; }
.last-news h3 a:hover {  }

.last-news .arrow {
  margin-left: 190px;
  font-size: 18px;
}
.last-news .arrow a { color: #A7E084; }



/* Dernieères astuces */>

.last-tips {
  float: left;
  width: 265px;
  margin-right: 15px;
  margin-left: 5px;
  padding: 5px;
  height: 300px;
}
.last-tips h3 {
  color: #EFC82F;
  margin-bottom: 20px;
}
.last-tips li {
 > list-style-image: url(img/puce.gif);
}
.last-tips .arrow {
  margin-left: 60px;
}
.last-tips .arrow a { color: #EFC82F; }

.last-tips a {
  border-bottom: 1px dotted #222;
  color: #fff;
}
.last-tips a:hover {
  border-bottom: 1px dotted #EFC828;
}

.last-tips .arrow a { font-size: 16px; font-weight: bold; }
.last-tips .arrow a:hover { border-bottom: 1px dotted #fff; }



/* Dernières vidéos */

.last-videos {
  margin-left: 320px;
  width: 250px;
  padding: 5px 10px;
  height: 300px;
  border-left: 2px solid #000;
}
.last-videos h3 {
  color: #B5CDF1;
  margin-bottom: 25px;
}

.last-videos .vid {
  height: 110px;
  font-size: 12px;
  text-align: left;
  color: #ddd;
}
.last-videos .vid img {
  float: left;
  border: 2px solid #333;
  margin-right: 10px;
}

.last-videos .arrow {
  margin-bottom: -15px;
  margin-left: 40px;
}
.last-videos .arrow a { 
  color:#B5CDF1;
  font-size: 16px; 
  font-weight: bold;
}
.last-videos .arrow a:hover {
  border-bottom: 1px dotted #fff;
}


/* Dernier msg forum */

.last-forum {
  float: right;
  width: 270px;
  margin-right: 15px;
  margin-left: 5px;
  padding: 5px;
  height: 300px;
  border: 1px solid green;
}
.last-forum h3 {
  color: #01A2A6;
  margin-bottom: 20px;
}
.last-forum li {
  list-style-image: url(img/puce.gif);
}
.last-forum .arrow {
  margin-left: 60px;
}
.last-forum .arrow a { color: #EFC82F; }

.last-forum a {
  border-bottom: 1px dotted #222;
  color: #fff;
}
.last-forum a:hover {
  border-bottom: 1px dotted #01A2A6;
}

.last-forum .arrow a { font-size: 16px; font-weight: bold; }
.last-forum .arrow a:hover { border-bottom: 1px dotted #fff; }




/* ########################################################### */


.info {
  background: #112222;
  padding: 10px;
  font-style: italic;
  margin: 20px 0px;
  border: 6px solid green;
  font-size: 14px;
  color: #E1FBDC;
  box-shadow: 4px 4px 0 #111;
  text-align: justify;
}

.info a { 
  text-decoration: none;
  border-bottom: 1px dotted #aaa;
}
.info a:hover { 
  text-decoration: none;
  border-bottom: 1px dotted #1D962B;
}

.info-validation {
  background: #000;
  padding: 10px;
  font-style: italic;
  margin: 20px 0px;
  border: 2px solid #A50021;
  font-size: 14px;
  color: #ddd;
  box-shadow: 0px 0px 6px red;
  border-radius: 4px;
}
.info-validation b { 
  border-bottom: 1px solid #A50021;
  color: #eee;
  font-weight: normal;
  }
.info-validation li {
  list-style-image: url(img/list-red.png);
  line-height: 22px;
  vertical-align: bottom;
}


.intro {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}


.block-small {
  max-height: 32px;
  max-width: 32px;
}


/* ########################################################### */
/* ##################   Style des pages ##################### */
/* ######################################################### */



/* ---------------- */
/* 	Page news		*/
/* ---------------- */


.news-content object,
.news-content .youtube-player { 
  display: block; 
  margin-left: auto; 
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 4px solid #000;
  border-radius: 4px;
  width: 70%;
}

.news-content a img ,
.preview a img { 
  display: block;
  max-width: 60%;
  margin: 10px auto;
  text-align: center;
  border: 2px solid #333;
}

.news-content a img:hover,
.preview a img:hover { 
  border: 2px solid #555;
}


.page-news .news-source  {
  background: url(img/source.png) no-repeat center left;
  padding-left: 20px;
  color: #3F6599;
  text-decoration: underline;
}
.page-news .news-source:hover {
  text-decoration: underline;
}

/* Style news */
.news-content { padding-bottom: 20px; margin-bottom: 10px; }

.bloc-content a { 
  color: #fff;
  text-decoration: none;
  font-weight: bold; 
  border-bottom: 1px solid #1D962B; 
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
.bloc-content a:hover { 
  font-weight: bold; 
  color: #1D962B; 
  border-bottom: 1px solid #FFF;
}
.bloc-content h2 a,
.bloc-content h2 a:hover,
.bloc-content h1 a,
.bloc-content h1 a:hover {
  color: inherit;
  border-bottom: inherit;
}


.news-content li { margin-bottom: 8px; }

.news-titre { 
  font-weight: bold; 
  font-size: 18px; 
  color: transparent; 
  text-align: center;
}
.news-titre:hover { text-decoration: underline;}


.news-titre .nb-comment {
  background: url(img/comment.png) no-repeat;
  padding: 3px 5px 5px 14px;
  font-size: 18px;
  color: #000;
  font-weight: bold;
  width: 40px;
  height: 25px;
  text-align: center;
  position: absolute;
  right: 10px;
  top: 11px;
}

.news-content li,
ul.arrow li,
#popup .description ul li {
  list-style-image: url(img/forward.gif);
}

.news-content table {
  border-collapse: collapse;
  border: solid #444 2px;
  width: 100%;
  margin: auto;
}

.news-content table th,
.news-content table td {
  border: solid #444 1px;
  padding: 5px 10px;
}

.news-content table th {
  text-align: center;
  background-color: #222;
}


.img-news-home,
.img-content {
  float: right;
  margin-top: -5px !important;
  margin-left: 20px !important;
  margin-right: 12px !important;
  max-height: 200px !important;
  overflow: hidden;
  max-width: 200px !important;
  max-height: 130px !important;
}


.page-news .img-droite,
.page-news-complete .img-droite,
.page-news-accueil .img-droite,
.page-post .img-droite  { float: right; margin-left: 20px; } 


.page-news .img-maj,
.page-post .img-maj { float: right; margin-left: 20px; border: 0 none;} 

.page-news .img-gauche,
.page-news-complete .img-gauche,
.page-news-accueil .img-gauche,
.page-post .img-gauche { float: left; margin-right: 20px;}

.page-news-accueil hr { border: 1px solid #333; margin: 10px; }





.page-news .news-nbcom-above, 
.page-news-accueil .news-nbcom-above { margin-left: 240px; margin-top: 10px; }



.news-nbcom-above span { font-weight: normal; color: #BEFEBE; }


.page-news .addthis_toolbox { float: left; margin-top: 8px; }

.page-news-complete .addthis_toolbox { 
  float: left; 
  margin-top: 8px; 
  border: 0 none;
  margin-bottom: 20px;
  margin-left: 140px;
}

.page-news .button_news,
.page-news .button_article,
.page-news .button_download
{
  font-family: 'libel_suitregular';
  background: green;
  padding: 6px 20px;
  border: solid black 1px;
  margin: 10px;
  display: table;
  right: 0;
  font-size: 28px;
  text-decoration: none !important;
  text-align: left;
  color: white !important;
  box-shadow: 4px 4px 0px #000;
  white-space: nowrap;
}

.page-news .button_news:hover,
.page-news .button_article:hover,
.page-news .button_download:hover {
  border: 1px solid lime;
}


.page-news .button_download
{
  background: url("img/koseli-butonlar-sag.png") no-repeat right -108px;
  margin-left: 10px;
}
.page-news .button_download:hover
{
  background: url("img/koseli-butonlar-sag.png") no-repeat right -135px;
}



/* ------------------- */
/* 	Page présentation */
/* ----------------- */

.page-presentation {

}


/* ------------------ */
/* 	Page blocs		 */
/* ---------------- */

.page-blocs td { text-align: center; }
.page-blocs img { margin: 5px; padding: 0px; border: 0 none; }


/* ---------------- */
/* 	Page outils 	*/
/* ---------------- */

.bloc-cat {	
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  margin: 40px 0px 10px 0px;
  color: #fff;
  text-shadow: 0px 0px 5px #000; 
}

.bloc-descr {	
  text-align: center;
  color: #AAA;
  margin-bottom: 20px;
  font-size: 16px;
}

.table-outils a { border-bottom: dotted 1px #444; }
.table-outils a:hover { border-bottom: solid 1px #AAA; }

/* ---------------- */
/* Page crafting 	*/
/* ---------------- */

.page-crafting {}

.page-crafting .tableau .tool {
  background: #666;
  min-width: 40px;
  width: 40px;
  padding: 10px;
  text-align: center;
}

#img-test {
  margin-left: 20px;
  text-align: left;
  white-space: nowrap;
}
#img-test:after {
  display: block;
  content: '';
  clear:both;
}
#img-test span.item_name {
  float: left;
  margin-left: 10px;
}

#img-test #img-item-small,
#img-test img {
  float: left;
}


/* ------------------ */
/* 	Page affichage mod		 */
/* ---------------- */

.page-mod {}



/* ------------------ */
/* 	Page mods		 */
/* ---------------- */

.page-mods {}

.page-mod .source {
  background: url(img/source.png) no-repeat center left;
  padding-left: 22px;
  float: right;
}
.page-mod .source a { border-bottom: 1px dotted #666; }
.page-mod .source a:hover { border-bottom: 1px dotted #456CA0; }

.page-mod a img { border: 0 none; }

.page-mod iframe {
  display: block;
  margin: 10px auto;
}

/* ancien affichage mods */
.affichage-mod {  margin-bottom: 100px; }

.affichage-mod .apercu { 
  margin: 10px; 
}
.affichage-mod .nom { 
  float: right; 
  font-size: 32px; 
  margin-top: 30px; 
  padding-right: 30px;
  color: #1F9B45; 
  font-weight: bold;
}
.affichage-mod .nom span { font-size: 12px; color: #aaa; }


.afmod-top {
  background: #333;
}


.affichage-mod .desc { 
  padding: 20px; 
  border: 2px solid #333;
}


.telechargement-mod { 
  height: 20px; 
  padding: 5px 10px;  
  text-align: center; 
  font-weight: bold;  
  background: #000; 
  letter-spacing: 1px;
  font-size: 16px;
  margin-top: 20px;
}
.telechargement-mod a { display: block; color: #1F9B45; }

.telechargement-mod a:hover { color: #A4FF3C; }

.affichage-mod .requis { 
  font-weight: normal; 
  font-style: italic; 
  padding: 5px 2px; 
  margin-top: 20px;
  margin-bottom: 0px;
}
.affichage-mod .requis a { 
  border-bottom: 1px dotted #1F9B45; 
  font-weight: bold;
  font-style: normal;
}

.affichage-mod .aide { 
  font-weight: normal; 
  font-style: italic; 
  padding: 5px 2px; 
  margin: 0;
}
.affichage-mod .aide a { 
  border-bottom: 1px dotted yellow; 
  font-weight: bold;
  font-style: normal;
}



/* ------------------ */
/* 	Page creatures		 */
/* ---------------- */




/* ---------------- */
/* Page astuces 	*/
/* ---------------- */

.page-astuces { font-size: 18px; }
.page-astuces li { 
  list-style-image: url(img/forward.gif); 
  line-height: 30px;
  font-size: 24px;
  text-align: left;
  margin: 0 0 20px 0;
}
.page-astuces a:link { 
  text-decoration: inherit;
  border-bottom: inherit;
}
.page-astuces a:hover { 
  text-decoration: none;
}

.page-astuce img { 
  margin: 0 auto; 
  border: 2px solid #333; 
  display: block;
  text-align: center;
}

.page-astuce img:hover { border: 2px solid #000; }

.page-astuce .bbcode_item img {
  border: hidden !important;
  display: inline !important;
}

.page-astuce .author { 
  background: url(img/user.png) no-repeat center left;
  font-style: italic; 
  color: #aaa; 
  text-align: left; 
  padding-left: 22px;  
  margin-bottom: 25px;
}
.page-astuce .author span { font-style: italic; font-weight: bold; color: #1F9B45; }

.page-astuce .titre-astuce { color: #34C306; font-size: 22px; text-align: center; }


.page-astuce a { font-weight: bold; border-bottom: 1px solid #1D962B; }
.page-astuce a:hover { font-weight: bold; color: #1D962B; border-bottom: 1px solid #FFF; }


/* */
.contenu-astuce {
  margin: 20px;
}

.contenu-astuce h3 { color: #138B1F; }




/* nouveaux styles génériques */
.bloc-content h3.ligne {
  font-family: "libel_suitregular";
  background: #000;
  border-bottom: 12px solid #00BB00;
  color: #EEEEEE;
  font-weight: normal;
  font-size: 38px;
  margin-top: 50px;
  padding: 15px;
  text-align: center;
}

.bloc-content .bloc-info {
  color: #aaa;
  font-size: 16px;
  margin: 0 0 10px 0;
  text-align: center;
}
.bloc-content .bloc-info strong {
  color: #fff;
  background: green;
  padding: 2px 10px;
  border-radius: 2px;
  margin: 3px;
}


/* ---------------- */
/* Page skins 		*/
/* ---------------- */

.voir-wallpaper .wallpaper {
  max-width: 600px;
  margin: 0 auto;
  display: block;
  border: 2px solid #000;
}

.voir-skin,
.voir-wallpaper {
  text-align: center;
  padding-bottom: 50px;
  padding-top: 20px;
}

.skin-prev .resolution {
  font-size: 13px;
  margin: -6px 0 10px 0;
}


.voir-skin .posteur,
.voir-wallpaper .posteur {
  float: right;
  color: #bbb;
}
.voir-skin .posteur strong,
.voir-wallpaper .posteur strong {
  color: #fff;
}

.voir-skin .categorie {
  float: left;
  color: #bbb;
}
.voir-skin .categorie strong {
color: green;
}

.voir-skin .skin-vueface {
  margin-top: 20px;
  margin-right: 30px;
  margin-bottom: 30px;
}

.voir-skin .skin-situation {
  margin: 0px auto;
  max-width: 600px;
  border: 2px solid #111;
  border-radius: 10px 10px;
  margin-bottom: 5px;
}

.voir-skin .skin-situation div {
  border-radius: 10px 10px;
  height: 350px;
  padding-top: 50px;
}

.voir-skin .apercu-skin2 {
  margin-left: 15px;
  overflow: hidden;
}
.voir-skin .apercu-skin2 applet {
  margin-left: -60px;
  width: 250px!important;
  margin-top: 30px;
}

.paysage-preview {
  width: 41px;
  border: 1px solid #000;
  border-radius: 3px 3px;
  cursor: pointer;
}

.paysage-preview:hover {
  width: 41px;
  border: 1px solid #555;
}


.voir-skin .skinbg1 {
  background: url(../img/skins/paysages/bg1.jpg) no-repeat center;
}
.voir-skin .skinbg2 {
  background: url(../img/skins/paysages/bg2.jpg) no-repeat center;
}
.voir-skin .skinbg3 {
  background: url(../img/skins/paysages/bg3.jpg) no-repeat center;
}
.voir-skin .skinbg4 {
  background: url(../img/skins/paysages/bg4.jpg) no-repeat center;
}
.voir-skin .skinbg5 {
  background: url(../img/skins/paysages/bg5.jpg) no-repeat center;
}
.voir-skin .skinbg6 {
  background: url(../img/skins/paysages/bg6.jpg) no-repeat center;
}
.voir-skin .skinbg7 {
  background: url(../img/skins/paysages/bg7.jpg) no-repeat center;
}
.voir-skin .skinbg8 {
  background: url(../img/skins/paysages/bg8.jpg) no-repeat center;
}
.voir-skin .skinbg9 {
  background: url(../img/skins/paysages/bg9.jpg) no-repeat center;
}
.voir-skin .skinbg10 {
  background: url(../img/skins/paysages/bg10.jpg) no-repeat center;
}
.voir-skin .skinbg11 {
  background: url(../img/skins/paysages/bg11.jpg) no-repeat center;
}
.voir-skin .skinbg12 {
  background: url(../img/skins/paysages/bg12.jpg) no-repeat center;
}
.voir-skin .skinbg13 {
  background: url(../img/skins/paysages/bg13.jpg) no-repeat center;
}
.voir-skin .skinbg14 {
  background: url(../img/skins/paysages/bg14.jpg) no-repeat center;
}


.voir-skin .telecharger-skin,
.voir-wallpaper .telecharger-skin {
  background: url(img/bouton.jpg) repeat center bottom transparent;
    border: 1px solid green;
    border-radius: 2px 2px 2px 2px;
    font-size: 18px;
    padding: 5px 20px;
    text-align: center;
  margin-right: 20px;
}
.voir-skin .utiliser-skin {
  background: url(img/bouton2.jpg) repeat center top transparent;
    border: 1px solid red;
    border-radius: 2px 2px 2px 2px;
    font-size: 18px;
    padding: 5px 20px;
    text-align: center;
}
.voir-skin .telecharger-skin:hover,
.voir-wallpaper .telecharger-skin:hover,
.voir-skin .utiliser-skin:hover {
  color: #fff;
}


/*-----------*/

.page-skins {}

.page-skins .categories-skins,
.page-news .categories-news {
  margin-bottom: 20px;
  text-align: center;
  color: #aaa;
}

.page-news .categories-news p,
.page-skins .categories-skins p {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 24px;
  color: #777;
}

.page-skins .category-button,
.page-videos .category-button,
.page-textures .category-button,
.page-astuces .category-button,
.page-news .category-button {
  padding: 4px 20px;
  background: #111;
  line-height: 36px;
  border: 1px solid #000;
  border-radius: 4px 4px;
  white-space: nowrap;
}

.page-skins .category-selected,
.page-skins .category-selected:hover,
.page-videos .category-selected,
.page-videos .category-selected:hover,
.page-textures .category-selected,
.page-textures .category-selected:hover,
.page-astuces .category-selected,
.page-astuces .category-selected:hover,
.page-news .category-selected,
.page-news .category-selected:hover {
  background: green!important;
  font-weight: bold;
  cursor: default;
}

.page-skins .category-button:hover,
.page-videos .category-button:hover,
.page-textures .category-button:hover,
.page-astuces .category-button:hover,
.page-news .category-button:hover {
  background: #000;
}


.liste-des-skins {
  text-align: center;
}

.liste-des-skins .skin-prev {
  width: 270px;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 10px;
  border: 2px solid #000;
  background: #111;
  margin: 6px;
  color: #aaa;
  border-radius: 4px 4px;
  display: inline-block;
}
.skin-prev img { width: 190px; }

.skin-prev a,
.skin-prev a:hover { border: none; }

.skin-prev .dl,
.skin-prev .appliquer {
  padding: 2px 10px;
  border-radius: 4px 4px;
  font-size: 12px;
}

.skin-prev .titre-skin {
  overflow: hidden;
  height: 20px;
  font-size: 16px;
}

.skin-prev .dl { 
  background: url(img/bouton.jpg) top; 	
  font-weight: bold;
}
.skin-prev .dl:hover { 
  background: url(img/bouton.jpg) center; 
}

.skin-prev .appliquer { 
  background: url(img/bouton2.jpg) top; 	
  margin-left: 10px;
}
.skin-prev .appliquer:hover { 
  background: url(img/bouton2.jpg) center; 	
}


.page-skins .new-content {
  padding: 20px;
  margin: 20px 15px;
  text-align: left;
  position: relative;
  border-radius: 6px;
  background: #111;
  border-width: 4px!important;
}
.page-skins .new-content .input100,
.page-skins .new-content select {
  background: #333;
  border: 2px solid #666;
  padding: 2px;
  color: #fff;
}

.page-skins .new-content .img-right {
  position: absolute;
  right: 0px;
  top: 0px;
}
.page-skins .new-content .img-right img {
  max-height: 240px;
}

.page-skins .new-content .i-a-valider {
  float: left;
  margin-right: 5px;
}
.page-skins .check {
  background: green;
  padding: 0px;
}


.page-skins .new-content a {
  border: 0 none;
}


.page-skins .modif-skins {
  background: green none repeat scroll 0 0;
  border: 1px solid black;
  color: white;
  font-family: "libel_suitregular";
  font-size: 34px;
  padding: 6px 30px;
  text-align: left;
  text-decoration: none;
  margin: 30px 0 20px 0;
  cursor: pointer;
}


/* Page affichage skin seul */

.voir-skin {
  
}


/* ---------------- */
/* Page textures 	*/
/* ---------------- */

/* Bouton ajout de contenu */

.bouton-ajout {
  margin-bottom: 20px;
  text-align: center;
}

.bouton-ajout .ajouter {
  background: #3D893D url(img/bouton.jpg) center repeat-x;
  border: 2px solid #19B702;
  color: #fff;
  padding: 4px 20px;
  font-size: 16px;
  text-shadow: 2px 1px 0px #444;
  -moz-border-radius: 1px 1px;
  border-radius: 2px 2px;
}
.bouton-ajout .ajouter:hover {
  background: #3D893D url(img/bouton.jpg) bottom repeat-x;
  cursor: pointer;
  border: 2px solid #0F7F01;
  text-decoration: none;
}

/*---------------*/

#cadres {}

#cadres .cadre {
  border: 2px solid #333;
  border-radius: 4px 4px;
  background: #000;
  margin: 15px 5px;
  padding: 15px;
  min-height: 180px;
}

#cadres .cadre h2 {
  font-weight: bold;
  color: green;
  font-size: 24px;
  margin-bottom: 10px;
  text-align: left;
  letter-spacing: 0px;
  text-shadow: 2px 1px 0px #222;
}

#cadres .cadre h2 a { color: green; }
#cadres .cadre h2 a:hover { text-decoration: underline; }

#cadres .cadre .desc {
  margin-bottom: 15px;
  height: 70px;
  overflow: hidden;
}


#cadres .cadre  .boutons {
  float: right;
}

#cadres .cadre .boutons .b-telecharger {
  background: #3D893D url(img/bouton.jpg) top repeat-x;
  border: 1px solid #1F9B45;
  color: #fff;
  padding: 2px 10px;
  font-size: 16px;
  text-shadow: 2px 1px 0px #444;
  -moz-border-radius: 2px 2px;
  border-radius: 2px 2px;
}
#cadres .cadre .boutons .b-telecharger:hover {
  background: #3D893D url(img/bouton.jpg) bottom repeat-x;
  cursor: pointer;
}


#cadres .cadre .boutons .plus-info{
  background: red url(img/bouton2.jpg) top;
  padding: 2px 10px;
  font-size: 16px;
  border-radius: 2px 2px;
  text-shadow: 2px 1px 0px #444;
  border: 1px solid red;
  margin-right: 10px;
}
#cadres .cadre .boutons .plus-info:hover {
  background: red url(img/bouton2.jpg) bottom;
  border: 1px solid red;
}


#cadres .cadre .info-version {
  text-align: right;
  margin-bottom: 10px;
}

#cadres .cadre .info-version .version {
  color: #fff;
  font-size: 16px;
  margin-right: 15px;
  background: #666;
  padding: 2px 6px;
  border-radius: 2px 2px;
}
#cadres .cadre .info-version .resolution {
  color: #888;
  letter-spacing: 1px;
  font-weight: bold;
}
#cadres .cadre .info-version .type {
  color: #fff;
  font-size: 16px;
  margin-right: 15px;
  background: green;
  padding: 2px 6px;
  border-radius: 2px 2px;
}

#cadres .cadre .img img { 
  width: 250px; 
  float: left;
  margin-right: 15px;
  border: 2px solid #333;
  max-height: 170px;
}
#cadres .cadre .img img:hover {
  border: 2px solid #666;
}




.page-textures  {

}



/* --------------------- */
/* Page téléchargements maps */
/* ------------------- */

.page-telechargements-maps {

}

.map {
  background: #000;
  padding: 10px;
  min-height: 100px;
  border-radius: 6px 6px;
  margin: 10px;
}
.map-img {
  position: absolute;
  padding-right: 10px;
}

.map-title { 
  font-size: 18px;
  font-weight: bold;
  color: green;
  margin-bottom: 10px;
  margin-left : 170px;
 }
.map-descr {
  margin-left : 170px;
}

.map-video {
  background: url(img/video.png) no-repeat center left;
  padding-left: 22px;
  font-weight: bold;
  margin: 10px;
  margin-left: 250px;
 }

.map-video a {
  border-bottom: 1px dotted #444;
  color: #4DBDCA;
}


.map-video a:hover {
  border-bottom: 1px dotted #fff;
  color: #2D8B96;
 }
 
.map-dl {
  background: green url(img/herbe.png);
  padding: 2px 10px;
  float: right;
  border-radius: 4px 4px;
}
.map-dl:hover {
  background: green url(img/bouton.jpg);
}



/* Poster Maps */

.page-post-map {
text-align: left;
}

.input-maps {
  width: 500px;
  padding: 6px;
  font-size: 16px;
}


/* --------------------- */
/* Page téléchargements logiciels */
/* ------------------- */

.page-telechargements {}

.telechargement-cat {
  font-size: 22px;
  font-weight: bold;
  color: #AAA;
  text-align: center;
  margin-bottom: 10px;
}

.telechargement-descr {
  font-style: italic;
  margin-bottom: 25px;
  font-size: 12px;
  color: #888;
}

.telechargement { 
  height: 120px;
  border-bottom: 4px solid #222;
  margin-bottom: 20px;
}

.telechargement img {
  height: 100px;
}

.apercu-telechargement { 	
  float: left; 
  border: 2px solid #333
}

.description-telechargement { 
  width: 300px; 
  float: left;
  margin-left: 25px;
  font-size: 12px;
  font-style: italic;
}

.telecharger { 
  background: #1D962B ; 
  text-decoration: none;
  padding: 5px 10px;
  font-size: 18px;
  font-weight: bold;
  float: right;
  margin-top: 30px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius:  5px;
}
.telecharger:hover { 
  background: #83BA60; 
}



/* ---------------- */
/* Page vidéos 		*/
/* ---------------- */

.video { 
  margin-bottom: 20px;
  background: #111;
  padding: 10px;
  border: 1px solid #222;
  border-radius: 4px 4px;
}

.page-videos h2,
.video h3 {
  margin-left: 10px;
}

.page-videos h2 {
  margin: 0px;
  padding: 0px;
  font-size : 18px;
  line-height: 28px;
  text-align: left;
  color: green;
}

.page-videos h3 {
  margin: 0px;
  padding: 0px;
  font-size : 12px;
  line-height: 18px;
  font-weight: normal;
  font-style: italic;
  color: #555;
}

.video .description-video { 
  width: 300px; 
  font-size: 14px;
}


.video .video-info {
  margin-left: 150px;
}

.video .infos { 
  color: #aaa ;
  float: right;
  font-size: 10px;
}
.video .image {
  margin-right: 10px;
}


.apercu-video { 	
  float: left; 
  border: 2px solid #333
}


.video .voir-video {
  background: #555;
  border: 1px solid #333;
  padding: 2px 10px;
  font-weight: bold;
  float: right;
  border-radius: 4px 4px;
}
.video .voir-video:hover {
  background: #666;
  border: 1px solid #444;
}


/* ---------------- */
/* Page galerie 	*/
/* ---------------- */


.page-galerie {}

/* ---------------- */
/* Page serveur 	*/
/* ---------------- */

.page-serveurs { font-size: 14px; text-align: center; line-height: 28px; }
.page-serveurs h3 {
  font-size: 28px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px;
  background: #14761F;
  padding: 6px;
  border: 1px solid #222;
  text-shadow: 1px 2px 0px #0C421A; 
}



.page-serveurs em { color: #aaa; }

#serveur_class {
  margin-bottom: 100px;
}
#serveur_class  a img { border: 0 none; }
#serveur_class a {
  color:#1D962B;
}
#serveur_class a:hover {
  color:#1D962B;
  text-decoration: underline;
}

#serveur_alpha {
  margin-bottom: 25px;
}

#serveur_alpha a { color: #1D962B; border-bottom: #aaa 1px dotted; }
#serveur_alpha a:hover { color: #79A849; border-bottom: #fff 1px dotted; }

/* --------------------- */
/* Page info serveur  */
/* ------------------- */

.info-serveur { text-align: justify; }

.info-serveur  li {
  margin-bottom: 10px;
}


.info-serveur .ancres {
  margin-bottom: 30px;
  margin-top: 30px;
  margin-left: 50px;
}
.info-serveur .ancres a {
  font-weight: bold;
  font-size: 16px;
  color: #ddd;
}
.info-serveur .ancres li {
  list-style-image: url(img/puce.gif);
  line-height: 16px;
  margin-bottom: 20px;
}


.info-serveur h3 {
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px;
  background: green url(img/bouton.jpg) repeat-x bottom;
  padding: 6px;
  border: 1px solid #222;
  text-align: center;
  text-shadow: 1px 2px 0px #000; 
}

.info-serveur h4 {
  margin-left: 50px;
  color: green;
  font-size: 18px;
}

.info-serveur a { 
  border-bottom: 1px dotted #ccc;
  color: #1D962B;
}

.info-serveur a:hover { 
  border-bottom: 1px dotted #fff;
  color: #41FF55;
}

.info-serveur a img {
    border: 2px solid #333333;
    display: block;
    margin: 10px;
}
.info-serveur a:hover img {
    border: 2px solid #555;
    display: block;
    margin: 10px;
}


.info-serveur .joueurs { text-align: center; }
.info-serveur .joueurs a { text-decoration: none; border: 0 none; }
.info-serveur .joueurs strong { font-size: 20px; } 

.adresse-multi {
  font-size: 28px;
  color: red;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
}


/* --------------------- */
/* mods  */
/* ------------------- */

.mods {}

/* --------------------- */
/* dons  */
/* ------------------- */

.page-don {
  margin-top: 20px;
}

.page-don .pseudo {
  display: inline-block;
  font-size: 24px;
  margin: 20px;
  color: #14BA06;
}

.page-don input[type=text] {
  width: 50px;
  font-size: 22px;
  padding: 5px;
  text-align: center;
  border: 2px solid #aaa;
}
.page-don input[type=text]:focus {
  border-color: #14BA06;
}

/* --------------------- */
/* fonds écran  */
/* ------------------- */

.aff-wallpapers img { border: 1px solid #000; padding: 2px; background: #444; }

.aff-wallpapers img:hover { border: 1px solid #444; padding: 2px; background: #000; }


/* --------------------- */
/* papercraft  */
/* ------------------- */

.aff-paper img { border: 2px solid #333; background: #111; }



/* --------------------- */
/* potions  */
/* ------------------- */

.table-potions .legende {
  border: 0 none!important;
  color: #666;
  font-style: italic;
  font-weight: bold;
}
.table-potions .legende td { 
  border: 0 none!important;
  text-align: center;
}



.page-potions .table-potions td { 
  padding: 5px;
}

.page-potions .id-potion {
  text-align: center;
  color: #aaa;
  font-style: italic;
}

.page-potions .potion_cheat {
  color: red !important;
}

.page-potions .img-potion {
  border-right: 0px;
  width: 40px;
}
.page-potions .img-potion a {
  border-bottom: inherit!important;
  border-width: 0!important;
}
.page-potions .desc-potion {
  border-left: 0px;
}





.page-potions .recette-potion {
  padding-left: 26px!important;
}

.page-potions .recette-potion img {
  float: left;
}

.recette-potion .plus { 
  padding: 10px 5px;
  float: left;
 }

.recette-potion #img-item-small {
  float: left;
}

.page-potions .desc-potion {
  color: #fff;
}

/* Popup */
.table-recette-potion #img-item-small {
  float: left;
}

.table-recette-potion .ingredient span {
  float: left;
}

.tr-head-table {
  background: #333;
  color: #fff;
  text-align: center;
}

.title-potion {
  color: green;
  font-size: 28px;
  text-align: center;
  margin: 10px;
}

.popup-recette img,
.popup-recette .plus,
.popup-recette #img-item-small{ float: left; }


.popup-recette .plus {
  padding: 10px 5px;
}

.popup-recette .content_popup_link {
  display: inline!important;
}

/* --------------------- */
/* page remerciements  */
/* ------------------- */


.page-merci {
  font-size: 16px;
  line-height: 30px;
  margin-top: 25px;
}

.page-merci a { 
  border-bottom: 1px dotted #666;
}
.page-merci a:hover { 
  border-bottom: 1px dotted #1D962B;
}


/* ------------------ */
/* 	Poster contenu	 */
/* ---------------- */


.page-post .title {
  width: 570px;
  padding: 8px;
  font-weight: bold;
  color: #000;
  font-size: 16px;
}
.page-post .source {
  width: 400px;
}


.page-post .boutons,
.page-post-mods .boutons {
  display: block;
  margin: 0 auto;
  width: 300px;
  margin-top: 40px;
  font-weight: bold;
}

.page-post  .bloc-content {
  margin-left: -12px;
  margin-top: 25px;
 }

 .page-post .bloc-content .news-date {
    color: #666666;
    text-align: right;
}
 
 .error { color: red; font-weight:bold; }
 
.page-post input,
.page-post textarea { 
  padding: 4px;
  background: #fff;
  border: 1px solid #ccc;
}

.page-post .news_author {
  font-weight: bold;
  color: green;
  font-size: 16px;
}

.page-post .bloc-content a {
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid green;
}
.page-post .bloc-content a:hover {
  color: green; 
  border-bottom: 1px solid #fff;
}


.page-post .bouton {
  background: green url(img/bouton.jpg) repeat-x top;
  -moz-border-radius: 2px 2px;
  border-radius: 2px 2px;
  border: 1px solid green;
  font-weight: bold;
}
.page-post .bouton:hover {
  background: green url(img/bouton.jpg) repeat-x bottom;
  cursor: pointer;
  border: 1px solid green;
}

.poster-plus {}
.poster-plus li {
  line-height: 28px;
}
.poster-plus a {
  font-weight: bold;
 }
.poster-plus a:hover {
  font-weight: bold;
  border-bottom: 1px solid #fff;
  color: green;
  
 }
 
 
/* ------------------ */
/* 	Page poster mods		 */
/* ---------------- */

#formulaire {
  margin: 25px;
  font-size: 16px;
}
#formulaire strong { 
  font-size: 18px;
 }
 
#formulaire em { 
  color: #aaa;
  font-size: 12px;
 }
 
 #formulaire td { 
  padding: 5px;
 }
 
#formulaire input,
#formulaire textarea,
#formulaire select {
  background: #333;
  border: 2px solid #666;
  color: #fff;
  padding: 5px;
  margin: 2px 0px;
}
#formulaire textarea {
  width: 99%;
}
#formulaire option {
  padding: 2px;
}

#formulaire select {
  padding: 2px;
  cursor: pointer;
}

#formulaire  input:hover,
#formulaire  textarea:hover,
#formulaire  select:hover, 
#formulaire  input:focus,
#formulaire  textarea:focus,
#formulaire  select:focus {
  border: 2px solid green;
}

#formulaire table {
  margin: 20px 0px;
}

#formulaire  .input30 {
  width: 200px;
}
#formulaire  .input25 {
  width: 210px;
}

#formulaire em {
  color: #aaa;
}
#formulaire em a {
  color: #aaa;
  text-decoration: underline;
  font-weight: bold;
}
#formulaire .error a { color: red; text-decoration: underline; }


#formulaire  table,
#formulaire  tr,
#formulaire  td  { border: 0 none; }


#formulaire .error {
  font-size: 14px;
 }


#formulaire .preview,
#formulaire .poster {
  padding: 5px 20px;
  font-size: 18px;
  border-radius: 2px 2px;
}

#formulaire .poster { 
  background: #1CCF02 url(img/bouton.jpg) top;
  border: 2px solid #1AA502;
 }
 
#formulaire .poster:hover { 
  background: #0E9646 url(img/bouton.jpg) bottom;
  border: 2px solid #1CCF02;
  cursor: pointer;
 } 
 
#formulaire .preview { 
  background: #777;
 }
#formulaire .preview:hover {
  cursor: pointer;
  background: #888;
  border: 2px solid #444;
 }
 
#formulaire .fichier {
  font-size: 16px;
}
#formulaire .fichier strong {
  color: green;
}


#formulaire  .mini {
  color: #aaa;
  font-style: italic;
  font-size: 10px;
}


#formulaire .boutons {
  margin: 0 auto;
  text-align: center;
  display: block;
}


/* Previews des news */

.preview-news {
  margin-left: -11px;
}


/* Styles du formulaire d'ajout de textures et maps */

.page-post-textures .uploaded,
.page-post-map  .uploaded {
  width: 162px;
  float: left;
  margin: 10px;
  position: relative;
}
.page-post-textures .uploaded img,
.page-post-map .uploaded img{
  width: 152px;
  border: 1px solid #666;
  padding: 2px;
  position: relative;
}
.page-post-textures  .uploaded img:hover,
.page-post-map .uploaded img:hover{
  border: 1px solid #555;
}

.page-post-textures  .loading img,
.page-post-map .loading img {
  margin-top: 40px;
  margin-left: 60px;
}


/* Styles du formulaire d'ajout de mods */

.page-post-mods  .uploaded  {
  width: 250px;
  margin: 0 auto;
  display: block;
}
.page-post-mods .uploaded img {
  width: 240px;
  border: 1px solid #666;
  padding: 2px;
}
.page-post-mods .uploaded img:hover {
  border: 1px solid #555;
}

.page-post-mods .loading img {
  margin-top: 100px;
  margin-left: 200px;
}





/* ------------------ */
/* 	Page voir mod		 */
/* ---------------- */

.voir-mod {

}



.voir-mod .version {
  background: url(img/mc.png) no-repeat left;
  font-size: 16px;
  padding: 10px 10px 10px 40px;
  color: #5F8A22;
}

.voir-mod .categorie {
  background: url(img/category.png) no-repeat left;
  font-size: 16px;
  padding: 10px 10px 10px 40px;
  color: #aaa;
}

.voir-mod .auteur {
  background: url(img/user.png) no-repeat left;
  font-size: 14px;
  padding: 0px 0px 0px 20px;
  color: #eee;
  margin-top: 10px;
  margin-bottom: 10px;
}
.voir-mod .telecharger-mod {
  text-align: center;
}
.voir-mod .telecharger-mod a {
  background: url(img/bouton.jpg) top;
  padding: 10px 20px;
  font-size: 22px;
  border: 2px solid #19C800;
  border-radius: 4px 4px;
}
.voir-mod .telecharger-mod a:hover {
  background: url(img/bouton.jpg) bottom;
  border: 2px solid #0E7600;
}


/* ------------------ */
/* 	Page tops		 */
/* ---------------- */

.page-tops  { 
  margin-left: 55px;
}

.page-tops .tableau { 
  float: left;
  width: 280px;
  margin: 5px;
  padding: 6px;
  margin-bottom: 25px;
}
.page-tops .tableau td { background: #111; padding: 2px; }

.page-tops .tableau .table-title td {
  background: #000;
  color: #78B84E;
  font-weight: bold;
}
.page-tops .tableau  .num {
  background:#181818;
  font-size: 12px;
}

.page-tops h3,
.page-tops h4 { 
  margin: 0px;
  text-align: center;
}

.page-tops h3 { 
  color:#39A239;
}

.page-tops h4 { 
  color: #aaa; 
  font-style: italic;
  font-weight: normal;
  margin-bottom: 20px;
    font-size: 12px;
}

.page-tops table { 
  width: 100%; 
  margin: 0; 
  padding : 0;
  text-align: center;
  vertical-align: middle;
}



/* --------------------- */
/* Aide jouer Miencraft  */
/* ------------------- */


.aide-serveur {
  margin-top: 25px;
  font-size: 18px;
  text-align: center;
  line-height: 28px;
}


.aide-serveur h4 {
  font-size: 28px;
  font-weight: bold;
  color: #1D9829;
  text-shadow: 0px 2px 2px #000;
}
.aide-serveur .serv em {
  font-size: 12px;
  color: #aaa;
  margin-top: 30px;
}
.aide-serveur table,
.aide-serveur td,
.aide-serveur tr { 
  border: 0 none;
  text-align: center;
  margin : auto; 
}

.aide-serveur .ast {
  font-size: 26px;
  position: absolute;
  margin-left: 5px;
  font-weight: normal;
  color: #eee;
}


.aide-serveur .rep,
.aide-serveur .rep2 {
  font-size: 24px;
  margin: 20px;
  border-radius: 5px 5px;
  box-shadow: 0px 1px 2px #000;
}
.aide-serveur .rep {
  background: url(img/bouton.jpg) top;
  border: 1px solid lime;
}

.aide-serveur .rep:hover,
.aide-serveur .rep2:hover {
  box-shadow: 0px 2px 10px #000;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  transform: rotate(5deg);
}

.aide-serveur .rep:hover {
  background: url(img/bouton.jpg) bottom;
  cursor: pointer;
}

.aide-serveur .rep2 {
  background: url(img/bouton2.jpg) top;
   border: 1px solid red;
}
.aide-serveur .rep2:hover {
  background: url(img/bouton2.jpg) bottom;
  cursor: pointer;
}

.aide-serveur .rep a,
.aide-serveur .rep2 a { 
  display: block;
  padding: 10px 20px;
}

.aide-serveur .rep3 {
  background: url(img/bouton.jpg);
  padding: 10px 20px;
  line-height: 70px;
  border-radius: 4px;
  box-shadow: 0px 1px 2px #000;
  border: 1px solid #222;
}
.aide-serveur .rep3:hover,
.aide-serveur .rep3:active,
.aide-serveur .rep3-active {
  box-shadow: 0px 2px 10px #000;
  border: 1px solid lime;
}

.aide-serveur .comp {
  font-size: 13px;
  color: #888;
  font-style: italic;
}
.aide-serveur .comp a {
  color: #bbb;
  background: #333 url(img/chart.png) no-repeat 3px center;
  padding: 2px 5px;
  padding-left: 22px;
  margin-left: 10px;
  font-weight: bold;
  border-radius: 2px;
  -moz-transition-duration: 0.3s;
  -moz-transition-property: background, color;
  -moz-transition-timing-function: ease-in;
  
}
.aide-serveur .comp a:hover {
  background: #000 url(img/chart.png) no-repeat 3px center;
  color: #fff;
}

.aide-serveur .serv {
  font-size: 22px;
  margin-bottom: 30px;
}
.aide-serveur .serv a {
  background: #111;
  padding: 5px 20px;
  border-radius: 5px 5px;
  margin: 0px 20px;
}
.aide-serveur .serv a:hover {
  background: green;
}

.aide-serveur .serv-desc {
  background: #000;
  margin: 10px;
  padding: 10px;
  border-radius: 5px 5px;
}
.aide-serveur .serv-desc  a:hover { text-decoration: underline; }



.aide-serveur .serv-ip {
  background: green;
  margin: 10px;
  padding: 10px;
  border-radius: 5px 5px;
}
.aide-serveur .serv-ip em { 
  color: red;
  font-size: 24px;
}



.aide-serveur  .br {
  height: 70px;
}




#table-compare {
  font-size: 14px;
  background: #262626;
  box-shadow: 2px 2px 2px #000;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}
#table-compare td {
  border: 1px solid #333;
}
#table-compare td img{
  padding-top: 8px;
}
#table-compare .ray {
  background: #1F1F1F;
  border-top: 0 none;
  border-left: 0 none;
}
#table-compare .th {
  background: #000;
  font-weight: bold;
}
#table-compare .col {
  width: 90px;
  border-top: 2px solid #333;
}
#table-compare .lig {
  border-left: 2px solid #333;
  background: #222;
  padding: 0px 4px;
  width: 180px;
}

.aide-serveur .legende {
  font-size: 12px;
  color: #aaa;
  font-style: italic;
}




/* Recherche */

#recherche {

}




.info-recherche {
  text-align: center;
  font-size: 22px;
  line-height: 32px;
  margin: 20px;
}


.profil-page h3 {
  font-size: 28px;
  text-align: center;
}
.profil-page h4 {
  font-size: 20px;
  text-align: center;
  margin: 0;
  padding: 0;
  color: #ddd;
}


.profil-page .img { 
  float: left;
  margin-right: 15px;
  margin-left: 0px;
}


.profil-page table { 
  border: 2px solid #111; 
  display: block; 
  margin: 0 auto;
  font-size: 12px;
}


.profil-page table strong { color: #39A239; }


.profil-page table .top { width: 150px; color: #aaa; }
.profil-page table .stat { width: 300px; }


.profil-page #tabs-serveurs {
  margin-bottom: -1px;
  padding: 0px;
}
.profil-page #tabs-serveurs li {
  display: inline;
  font-size: 20px;
  line-height: 20px;
  background: #000;
  border-radius: 4px 4px 0px 0px;
  margin: 0px;
  padding: 5px 20px;
}
.profil-page #tabs-serveurs li a {
  padding: 0px;
  line-height: 20px;
  color: #ccc;
}
.profil-page #tabs-serveurs li a:hover {
  color: #fff;
}

.profil-page #tabs-serveurs .active,
.profil-page #tabs-serveurs .active a {
  background: #111;
  color: #fff!important;
  font-size: 28px;
}


.profil-page .tab_content {
  background: #111;
  padding: 20px;
  font-size: 14px;
}

.profil-page .tab_content .table-statistiques,
.profil-page .tab_content .table-info-joueurs {
  background: #000;
  width: 420px;
  font-size: 14px;
  border: 2px solid #333;
  border-radius: 2px;
}
.profil-page .tab_content .table-info-joueurs td {
  width: 210px;
}
.profil-page .tab_content .table-info-joueurs em {
  color: #aaa;
}
.profil-page .tab_content h4 {
  color: green;
  font-size: 24px;
  letter-spacing: 1px;
  text-shadow: 2px 1px 0 #000;
}
.profil-page .table-statistiques .titre td {
  background: #222;
  text-align: center!important;
  font-weight: bold;
}
.profil-page .tab_content .table-statistiques td a {
  border-bottom: 1px dotted #666;
}


.profil-page .result-rechjou a {

}
.profil-page .result-rechjou a:hover {
  text-decoration: underline!important;
}

/*.contenu .profil-page table { text-align: left; }*/

/* --------------------- */
/* Pages items  */
/* ------------------- */

.page-item {}

.page-item #popup {
  background: none;
}

.page-item #popup .effect
{
  text-align: left;
}




/* --------------------- */
/* Serveur RP  */
/* ------------------- */

.serveur-rp h3 {
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px;
  background: green url(img/bouton.jpg) repeat-x bottom;
  padding: 6px;
  border: 1px solid #222;
  text-align: center;
  text-shadow: 1px 2px 0px #000;
}

.serveur-rp a {
  border-bottom: 1px solid green;
  font-weight: bold;
}


.serveur-rp table { border: 0; }

.serveur-rp td {
  vertical-align: top;
  border: 0;
}

.serveur-rp  .cadre {
  background: #000;
  padding: 10px;
  border-radius: 5px 5px;
}

.serveur-rp  .cadre-big {
  background: #000;
  padding: 10px;
  font-size: 18px;
  border-radius: 5px 5px;
}

.serveur-rp .lien:hover { background: green; }
.serveur-rp .lien a { display: block; }


.serveur-rp  .cadre span { color: green; font-weight: bold; }


/* --------------------- */
/* Serveur RP  */
/* ------------------- */


.page-faction {}

.page-faction .classement {
  border: 2px solid #000;
  padding: 10px;
  margin: 30px;
  background: #111;

}


.page-faction .classement a {
  padding: 5px 15px;
  margin: 15px;
  background: #000;
  line-height: 50px;
  border-radius: 4px 4px;

}
.page-faction .classement a:hover {
  background: #333;
}


.page-faction .classement span {
  font-size: 18px;
  color: green;
  margin: 0 auto;
  display: block;
  text-align: center;
}


.page-faction .classement .selected {
    color: #fff;
  background: green;
}
  
.page-faction .faction {
  border: 2px dotted #222;
  margin: 5px;
  padding: 10px;
  /*width: 270px;*/
  width: 320px;
  height: 320px;
  display: block;
  background: #000;
  line-height: 30px;
  float: left;
  overflow: auto;
  border-radius: 5px 5px;

}
  
.page-faction  .faction_name,
.page-faction  .faction_name a {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  color: yellow;
  margin-bottom: 10px;
} 
  
.page-faction .faction_description {
    font-style: italic;
    font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #aaa;
  margin-bottom: 10px;
  height: 32px;
}
  
  
  
.page-faction .faction_infos {
    margin-left: 20px;
  font-size: 14px;
}

.page-faction .faction_infos span {
  border-bottom: 1px dashed #666;
}

 .page-faction .faction_open ,
 .page-faction .faction_close {
  text-align: center;
  margin-bottom: 10px;
 }
 
 
.page-faction .faction_open { color: lime; font-weight: bold; }
.page-faction .faction_close { color: red; }


.page-faction .plus-info-faction {
  background: url(img/bouton.jpg) top;
  text-align: center;
  width: 100px;
  border-radius: 4px 4px;
  margin: 0 auto;
  border: 1px solid lime;
}
.page-faction .plus-info-faction a { display: block; }


.page-faction .plus-info-faction:hover {
  background: url(img/bouton.jpg) bottom;
  border: 1px solid #1D962B;
}




/*--------------------------------------------------------------------*/

.page-enchantements {
  text-align: center;
}
.page-enchantements em { 
  color: #aaa;
}

.page-enchantements .enchant,
.page-enchantements .enchant td {
  border: 0 none;
}
.page-enchantements .enchant {
  margin-bottom: 15px;
  margin-left: 20px;
}


.page-enchantements .nom-fr,
.page-enchantements .nom-fr a {
  color: green!important;
  font-style: normal!important;
  font-weight: bold;
  font-size: 24px;
}

.page-enchantements .nom-en {
  color: #ccc;
  font-style: italic;
  font-size: 14px;
  font-weight: bold;
}
.page-enchantements .niveau {
  color: #666;
  font-size: 18px;
}
.page-enchantements .id {
  color: #555;
  font-size: 12px;
  font-style: italic;
}


.page-enchantements .icones,
.page-enchantements .icones td { border: 0 none; }

.page-enchantements .icones { 

}



/*----------------------------------------------------------*/

.page-calcul-enchantements select {
  background: #000;
  color: #fff;
  border: 1px solid #333;
  padding: 4px;
  font-size: 18px;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  width: 200px;
}
.page-calcul-enchantements option {
   padding: 4px 4px 4px 10px;
   border: 0 none;
   cursor: pointer;
 }
.page-calcul-enchantements h3 {
  text-align: center;
}

 
 
.page-calcul-enchantements .enchant-objet {
  float: left;
  width: 285px;
  padding-left: 15px;
  margin-left: 160px;
}
 
.page-calcul-enchantements .enchant-desire {
  width: 300px;
  float: left;
  margin-bottom: 50px;
}

.page-calcul-enchantements .enchant-exp {
  width: 300px;
  float: left;
}
 
 
.page-calcul-enchantements .resultat-titre {
  text-align: center;
  font-size: 28px;
  text-shadow: 2px 2px 2px #000;
  color: green;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 25px;
} 

.page-calcul-enchantements .resultat {
  font-size: 16px;
  margin-bottom: 40px;
  padding-left: 20px;
}
 
 

.page-calcul-enchantements .resultat strong {
  color: green;
}

.page-calcul-enchantements .resultat em{
  color: #eee;
}
.page-calcul-enchantements .resultat em strong {
  color: #1DCA02;
}

.page-calcul-enchantements .resultat li {
  text-align: left;
  line-height: 30px;
  margin-left: 50px;
  list-style-image:url(img/arrow.gif);
}
.page-calcul-enchantements .resultat li img {
  margin-bottom: -10px;
  margin-right: 10px;
}


.page-calcul-enchantements .no-enchant {
  text-align: center;
  font-size: 22px;
  margin-bottom: 30px;
}



.page-calcul-enchantements .radio { 
  background: #111;
  padding: 5px;
  border: 1px solid #000;
  border-radius: 2px 2px;
  margin: 4px;
  width: 32px;
  height: 32px;
  float: left;
 }

.page-calcul-enchantements .radio:hover { 
  border: 1px solid #169C02;
  border-radius: 3px;
}

.page-calcul-enchantements .radio.selected { 
  background: green;
  border: 1px solid #1DCA02;
  border-radius: 2px 2px;
}

.page-calcul-enchantements .radio span#img-item-small {
  float: left;
  width: 32px;
  height: 32px;
}

.page-calcul-enchantements .invisible { display: none; }


.page-calcul-enchantements .switch label { 
  cursor: pointer;
  line-height: 30px;
 }
.page-calcul-enchantements .switch label img { 
  vertical-align: bottom;
}









/*----------------------------------------------------------------*/

.page-cgv {
  text-align: justify;
  margin: 10px;
}

.page-cgv h3 {
  color: green;
  font-size: 18px;
}

/*----------------------------------------------------------------*/


.profil-faction table a {
  text-decoration: none;
  border: 0 none;
}

.profil-faction table a:hover { text-decoration: underline; }

.profil-faction table em { color: #fff; }

.profil-faction .nom-faction,
.profil-faction .slogan {
  text-align: center;
}

.profil-faction .nom-faction {
  font-size: 32px;
  font-weight: bold;
  line-height: 42px;
}
.profil-faction .slogan { 
  font-style: italic;
  color: #aaa;
}

.profil-faction span {
  color: green;
  font-weight: bold;
}

.profil-faction h3 {
  text-align: center;
  color: green;
  font-size: 28px;
  line-height: 28px;
  margin: 0px;
  padding: 0px;
}

.profil-faction .titre-ho {
  color: #FFFF00;
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
}


.allie { color: lime; }
.truce { color: yellow; }
.neutre { color: orange; }
.ennemi { color: red; }

a.allie:hover,
a.neutre:hover,
a.ennemi:hover { text-decoration: underline; }


.iframe { border: 0 none; }

.list-element,
.list-element tr,
.list-element td { border: 0 none; padding: 0px; }

.list-element tr {
  margin: 0;
  padding: 0;
  height: 24px;
}
.list-element td {
  margin: 0;
  padding: 0;
}

.list-element .icone { 
  width: 36px;  
  height: 24px;
  margin: 0px;	
}

.list-element .text {
  width: 100%; 
  text-align: left;  
  padding: 0px;
 }







.bnt { 
  background: #eee; 
  border: 1px outset #ddd; 
  padding: 0px 10px; 
  color: #000;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius:  2px;
}




.pagination { 
  text-align: center; 
  font-size: 18px;
  line-height: 28px;
  margin: 10px 0 30px 0;
  border-radius: 2px;
  background: #1AC300;
} 
  
.pagination a {
  margin: 3px;
  padding: 8px; 
  border-bottom: inherit;
  color: inherit;
  text-decoration: none;

}
.pagination a:hover {
  border-radius: 2px;
  background: #444;
  border-bottom: inherit;
}	
  
.pagination span { 
  background: #111; 
  padding: 4px 8px; 	
  border: 1px solid #000;
  border-radius: 4px;
  font-weight: bold;
  font-size: 24px;
}



/* ------------------ */
/* 	Recherche		 */
/* ---------------- */

#recherche {
  position: relative;
}

#recherche #creeper {
  background: url(img/creeper.png);
  height: 124px;
  width: 124px;
  display: inline-block;
  position: absolute;
  top: -70px;
  left: 120px;
  z-index: 999;
}


#champ-recherche {
  margin: 25px auto 50px auto; 
  position: relative;
  background: #fff;
  border: 6px solid #26D634;
  border-radius: 8px;
  width: 70%;
  box-shadow: 
  0px 0px 5px #000,
  0 0 10px #000,
  0 0 20px #000;

}

#champ-recherche form {
  padding: 0px;
}
#champ-recherche .input-rech {
  font-family: 'droid_sansregular';
  width: 90%;
  padding: 25px 20px 0px 65px;
  border: 0 none;
  color: #000;
  font-size: 22px;
  margin: 0;
  letter-spacing: -0.02em;
  outline:none;
}

#champ-recherche .input-rech::-webkit-input-placeholder {
   color: rgba(0,0,0,0.9);
}
#champ-recherche .input-rech:-moz-placeholder { /* Firefox 18- */
   color: rgba(0,0,0,1);  
}
#champ-recherche .input-rech::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(0,0,0,1);  
}
#champ-recherche .input-rech:-ms-input-placeholder {  
   color: rgba(0,0,0,0.6);  
}


#champ-recherche .lancer-rech {
  background: url(img/loupe.png) no-repeat;
  color: #fff;
  padding: 26px 38px;
  font-size: 18px;
  text-shadow: 2px 1px 0px #444;
  cursor: pointer;
  border: 0 none;
  position: absolute;
  top: 5px;
}

#champ-recherche span { 
  color: #ccc; 
  font-size: 14px;
  line-height: 14px;
  display: block;
  margin: 10px 4px 2px 4px;
  text-align: center;
}

#champ-recherche span a {
  background: #3B8F2E;
  padding: 1px 10px;
  margin: 0 10px;
  border-radius: 1px;
  color: #fff;
  font-style: normal;
}

/* */
#recherche-fullpage {
  text-align: center;
  background: #000;
  padding: 20px;
  border-radius: 8px;
}
#recherche-fullpage input[type=search] {
  width: 60%;
  border: 2px solid #444;
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 22px;
  background: #333;
  color: #fff;
}
#recherche-fullpage input[type=submit] {
  background: green;
  padding: 6px 10px;
  font-size: 22px;
  border: 2px solid green;
  border-radius: 4px;
  cursor: pointer;
  color: #fff;
}
#recherche-fullpage input[type=submit]:hover,
#recherche-fullpage input[type=submit]:focus {
  border-color: lime;
}

#recherche-fullpage span {
  font-size: 12px;
  color: #aaa;
}



.page-recherche #img-items { margin: 0 auto; }

.page-recherche td { text-align: center; }
.page-recherche  img{ margin: 5px; padding: 0px; border: 0 none; }
.page-recherche .tr1 { text-align: center; }
.page-recherche .id { color: #aaa; }
.page-recherche  a { border-bottom: dotted 1px #444; }
.page-recherche  a:hover { border-bottom: solid 1px #AAA; }
.page-recherche .description { text-align: justify; padding: 5px 10px; }


.table-recherche  { border: 4px solid #333; }

.table-recherche .tr1 { 
  background: #111; 
  font-weight: bold; 
  font-size: 18px; 
  padding: 10px; 
  height: 40px;
}

.table-recherche .id { background: #1A1A1A; width: 50px; }
.table-recherche .apercu { width: 80px; }
.table-recherche .nom { width: 130px; }
.table-recherche.description { width: 300px; padding: 5px; }

.table-recherche {
  padding: 0px;
  border: 1px solid #000;
  width: 100%;
}

.apercu #img-bloc-small,
.apercu #img-item-small,
.apercu #img-divers-small
{ margin: 0 auto; }


.table-recherche .icone { float: left; margin-left: 10px;}



.kucuk-buton {
  color: #ffffff !important;
  font: bold 12px/18px Arial, Helvetica, sans-serif;
  display: inline-block;
  height: 17px;
  margin: 0 1em 1em 15px;
  padding: 4px 20px 6px 5px;
  position: relative;
  text-decoration: none !important;
}

.kucuk-buton span {
  height: 27px;
  left: -15px;
  position: absolute;
  top: 0;
  width: 15px;
  }


.koseli-siyah { background: url("img/koseli-butonlar-sag.png") no-repeat right -432px; text-shadow: 0 1px 1px #000000; }
.koseli-siyah:hover { background: url("img/koseli-butonlar-sag.png") no-repeat right -459px; }
.koseli-siyah span { background: url("img/koseli-butonlar-sol.png") no-repeat left -432px; }
.koseli-siyah:hover span { background: url("img/koseli-butonlar-sol.png") no-repeat left -459px; }


.koseli-mavili { background: url("img/koseli-butonlar-sag.png") no-repeat right 0; text-shadow: 0 1px 1px #0c5b76; }
.koseli-mavili:hover { background: url("img/koseli-butonlar-sag.png") no-repeat right -27px; }
.koseli-mavili span { background: url("img/koseli-butonlar-sol.png") no-repeat left 0; }
.koseli-mavili:hover span { background: url("img/koseli-butonlar-sol.png") no-repeat left -27px; }

.koseli-turunculu { background: url("img/koseli-butonlar-sag.png") no-repeat right -54px; text-shadow: 0 1px 1px #9b5510; }
.koseli-turunculu:hover { background: url("img/koseli-butonlar-sag.png") no-repeat right -81px; }
.koseli-turunculu span { background: url("img/koseli-butonlar-sol.png") no-repeat left -54px; }
.koseli-turunculu:hover span { background: url("img/koseli-butonlar-sol.png") no-repeat left -81px; }

.koseli-yesilli { background: url("img/koseli-butonlar-sag.png") no-repeat right -108px; text-shadow: 0 1px 1px #4b760c; }
.koseli-yesilli:hover { background: url("img/koseli-butonlar-sag.png") no-repeat right -135px; }
.koseli-yesilli span { background: url("img/koseli-butonlar-sol.png") no-repeat left -108px; }
.koseli-yesilli:hover span { background: url("img/koseli-butonlar-sol.png") no-repeat left -135px; }

.koseli-morlu { background: url("img/koseli-butonlar-sag.png") no-repeat right -162px; text-shadow: 0 1px 1px #5b1485; }
.koseli-morlu:hover { background: url("img/koseli-butonlar-sag.png") no-repeat right -189px; }
.koseli-morlu span { background: url("img/koseli-butonlar-sol.png") no-repeat left -162px; }
.koseli-morlu:hover span { background: url("img/koseli-butonlar-sol.png") no-repeat left -189px; }

.koseli-pembeli { background: url("img/koseli-butonlar-sag.png") no-repeat right -216px; text-shadow: 0 1px 1px #7f0e4d; }
.koseli-pembeli:hover { background: url("img/koseli-butonlar-sag.png") no-repeat right -243px; }
.koseli-pembeli span { background: url("img/koseli-butonlar-sol.png") no-repeat left -216px; }
.koseli-pembeli:hover span { background: url("img/koseli-butonlar-sol.png") no-repeat left -243px; }

.koseli-kirmizili { background: url("img/koseli-butonlar-sag.png") no-repeat right -270px; text-shadow: 0 1px 1px #911a1a; }
.koseli-kirmizili:hover { background: url("img/koseli-butonlar-sag.png") no-repeat right -297px; }
.koseli-kirmizili span { background: url("img/koseli-butonlar-sol.png") no-repeat left -270px; }
.koseli-kirmizili:hover span { background: url("img/koseli-butonlar-sol.png") no-repeat left -297px; }

.koseli-gri { background: url("img/koseli-butonlar-sag.png") no-repeat right -324px; text-shadow: 0 1px 1px #535353; }
.koseli-gri:hover { background: url("img/koseli-butonlar-sag.png") no-repeat right -351px; }
.koseli-gri span { background: url("img/koseli-butonlar-sol.png") no-repeat left -324px; }
.koseli-gri:hover span { background: url("img/koseli-butonlar-sol.png") no-repeat left -351px; }

.koseli-isik { background: url("img/koseli-butonlar-sag.png") no-repeat right -378px; text-shadow: 0 1px 1px #ffffff; color: #464646 !important; }
.koseli-isik:hover { background: url("img/koseli-butonlar-sag.png") no-repeat right -405px; }
.koseli-isik span { background: url("img/koseli-butonlar-sol.png") no-repeat left -378px; }
.koseli-isik:hover span { background: url("img/koseli-butonlar-sol.png") no-repeat left -405px; }

.koseli-siyah { background: url("img/koseli-butonlar-sag.png") no-repeat right -432px; text-shadow: 0 1px 1px #000000; }
.koseli-siyah:hover { background: url("img/koseli-butonlar-sag.png") no-repeat right -459px; }
.koseli-siyah span { background: url("img/koseli-butonlar-sol.png") no-repeat left -432px; }
.koseli-siyah:hover span { background: url("img/koseli-butonlar-sol.png") no-repeat left -459px; }

.koseli-gri-parlak { background: url("img/koseli-butonlar-sag.png") no-repeat right -486px; text-shadow: 0 1px 1px #535353; }
.koseli-gri-parlak:hover { background: url("img/koseli-butonlar-sag.png") no-repeat right -513px; }
.koseli-gri-parlak span { background: url("img/koseli-butonlar-sol.png") no-repeat left -486px; }
.koseli-gri-parlak:hover span { background: url("img/koseli-butonlar-sol.png") no-repeat left -513px; }

.koseli-isik-parlak { background: url("img/koseli-butonlar-sag.png") no-repeat right -540px; text-shadow: 0 1px 1px #ffffff; color: #464646 !important; }
.koseli-isik-parlak:hover { background: url("img/koseli-butonlar-sag.png") no-repeat right -567px; }
.koseli-isik-parlak span { background: url("img/koseli-butonlar-sol.png") no-repeat left -540px; }
.koseli-isik-parlak:hover span { background: url("img/koseli-butonlar-sol.png") no-repeat left -567px; }




.astuce-liee { 
  background: url(img/astuce.png) no-repeat center left;
  padding-left: 20px;
  text-align: left;
  margin-left: 10px;
  margin-top: 15px;
}
.astuce-liee a { 
  text-decoration: none;
  border-bottom: dotted 1px yellow;
}
.astuce-liee a:hover { 
  text-decoration: none;
  background: #000;
  border-bottom: dotted 1px #42A542;
}

.english { color: #777; font-style: italic; font-size: 13px; }

.social-tchat { margin-top: 15px; text-align: center; }
.social-tchat a:hover  { border-bottom: 1px dotted #1F9B45;}
.social-tchat a{  border-bottom: 1px dotted #666; }



.info-ts {
  font-size: 22px;
  text-align: center;
}
.info-ts strong { 
  color: #34C306;

 }





.mine {
  color: #1D962B;
  cursor: default;
}


.apercu-skin {
  margin-right: 15px;
  overflow: hidden;
  position: absolute;
}
.apercu-skin applet {
  margin-left: -60px;
  width: 250px !important;
  margin-top: 30px;
}


.info-activite {
  margin-left: 230px;
  margin-bottom: 30px;
  line-height: 26px;
}
.info-activite strong { color: #A0B0E0; }

.info-activite li { line-height: 20px; }
.info-activite ul { margin-top: 0px; }


.u { text-decoration: underline; }


.info_joueur {
  line-height: 32px;
  display: block;
  margin: 0 auto;
  
}
.info_joueur td {
  text-align: left;
}

.info_ban { 
  margin-left: 0px; 
  padding-left: 6px;
  text-align: left;
 }

.clear { clear: both; }
.center { text-align: center; }




.table-info-joueurs .type-serv,
.table-statistiques .type-serv  {
  background: #111;
  font-weight: bold;
  text-align: center;
}
.table-info-joueurs td,
.table-statistiques td { padding: 2px 10px; }


.table-info-joueurs, 
.table-statistiques { width: 560px; }



.info_joueur2  table {
  display: block;
  margin: 0 auto;
}


.int {
  text-decoration: none;
  border-bottom: 0 none;
  color: #fff;
  font-weight: normal;
  cursor: default;
}





.page-publier {
  margin-top: 45px;
}
.page-publier a {
  border: inherit;
  display: inline-block;
  padding: 10px;
}

.page-publier a:hover {
  border: inherit;
  background: #000;
}

.page-publier p,
.page-publier {
  text-align: center;
}

.page-publier em {
  color: #aaa;
}

.page-publier a,
.page-publier span {
  text-align: center;
  font-size: 24px;
  line-height: 36px;
}

.page-publier a:hover {
  font-weight: bold;
  color: green;
}


/* Boutique */

.page-boutique {
  text-align: center;
}

.page-boutique h2 {
  background: green url(img/sign.png);
  border: 2px solid #887042;
  border-radius: 4px;
  color: #000;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-shadow: 0 0 2px #eee;
  margin: 40px 0 10px 0;
  padding: 10px 0;
  
}

.page-boutique .info2 {
  font-size: 12px;
  background: #111;
  border: 2px solid #000;
  -moz-border-radius: 15px 15px;
  border-radius: 15px 15px;
  margin: 15px;
  padding: 10px;
}


.page-boutique .objet {
  background: #000;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 6px;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  box-shadow: 1px 1px 0 #111, 
              6px 6px 0 #333;
  width: 310px;
  display: inline-block;
  margin: 10px;
  vertical-align: top;
}

.page-boutique .apercu,
.page-boutique .apercu td,
.page-boutique .apercu tr {
  border: none;
}

.page-boutique .apercu {
  border-collapse:collapse;
  text-align: center;
  height: 250px;
}
.objet-lot .apercu {
  height: 480px;
}

.page-boutique .apercu td img{ 
  padding: 5px;
}

.page-boutique .objet h3 {
  font-family: 'libel_suitregular';
  color: green;
  padding: 0px;
  margin: 0px;
  font-size: 30px;
  margin: 0px;
  line-height: 40px;
  text-align: center;
}

.page-boutique .objet .desc {
  text-align: center;
  margin: 10px 0 20px 0;
  /*height: 60px;*/
}
.page-boutique .objet .prix {
  font-size: 32px;
  color: #000;
  font-weight: bold;
  background: green url(img/herbe.png);
  padding: 10px;
  display: inline-block;
  text-shadow: 0 0 2px lime;
  border: 1px solid lime;
  border-radius: 2px;
  float: right;
}

.page-boutique .objet.objet-lot {
  width: 660px;
}

.page-boutique .objet .points {
  color: #aaa;
  text-align: center;
  float: right;
  background: #444;
  color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
}
.page-boutique .objet .acheter-points {
  background: rgb(246,230,180); /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover,  rgba(246,230,180,1) 0%, rgba(237,144,23,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(246,230,180,1)), color-stop(100%,rgba(237,144,23,1))); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover,  rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover,  rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* IE10+ */
  background: radial-gradient(ellipse at center,  rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color: #fff;
  color: #000;
  padding: 3px 10px;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  text-align: center;
}
.page-boutique .objet .acheter-points a {
  color: #000;
}

.page-boutique .objet .disabled {
  background: rgb(181,189,200); /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
  background: radial-gradient(ellipse at center,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  cursor: default;
}




/* */
.page-boutique-point b {
  color: green;
}
.page-boutique-point i {
  color: #aaa;
}
.page-boutique-point textarea {
  font-family: "Trebuchet MS", Verdana, Arial;
  width: 350px;
  height: 90px;
  background: #444;
  border: 2px solid #000;
  color: #fff;
  padding: 5px 10px;
}

.page-boutique-point textarea:hover,
.page-boutique-point textarea:focus {
  border-color: green;
}

/* ########################################################### FIN */

.affichage-pagination {
  display: block;
  margin: 0 auto;

}



.resolution {
  color: #aaa;
  font-size: 16px;
}






.big-bouton {
  font-size: 24px; 
  padding: 6px;
}

.big-bouton-vert {
  background: url(img/bouton.jpg) center;
  border: 2px solid green;
  border-radius: 4px 4px;
  padding: 5px 10px!important;
  font-weight: bold;
  color: #fff;
}
.big-bouton-vert:hover {
  background: url(img/bouton.jpg) top;
  border: 2px solid #00BE00;
  cursor: pointer;
}

.big-bouton.button-disabled
{
  background: url(img/bouton3.jpg) top;
  color: #fff;
  color: #bbb;
  border-color: #333;
  cursor: auto;
  font-weight: normal;
}

.pseudo-ecus {
  font-size: 24px;
  font-weight: bold;
  line-height: 40px;
}

.input-parcelle {
  width: 40px;
  padding: 4px;
  font-size: 16px;
  text-align: center;
}

form #prix_ecu  {
  font-weight: bold;
  font-size: 16px;
}

form #valid_ecu {
  font-size: 14px;
  padding: 2px 10px;
  margin-top: 10px;
  font-weight: bold;
  cursor: pointer;
  background: url(img/bouton.jpg) top;
  border: 2px solid green;
  color: #fff;
  border-radius: 2px;
}
form #valid_ecu[disabled] {
  font-weight: normal;
  font-style: italic;
  color: #aaa;
  cursor: not-allowed;
  background: url(img/bg2.png) top;
  border: 2px solid #111;
}


.panneau {
  background: url(img/sign.png) no-repeat;
  width: 188px;
  height: 93px;
  color: #000;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  letter-spacing: 1px;
  display: block;
  margin: 14px auto;
}

.panneau  .ligne1,
.panneau  .ligne2,
.panneau  .ligne3,
.panneau  .ligne4 {
  height: 22px;
}


.aide-boutique {
  font-size: 16px;
  line-height: 32px;
}
.aide-boutique ul li {
  line-height: 20px!important;
}
.aide-boutique span {
  color: green;
  font-weight: bold;
}


.mini-info {
  background: #000;
  padding: 5px 20px;
  margin: 10px;
}




.table-effets {
    overflow:hidden;
    border:1px solid #000!important;
    width:80%;
    margin:5% auto 0;
    -moz-border-radius:5px; /* FF1+ */
    -webkit-border-radius:5px; /* Saf3-4 */
    border-radius:5px;
}
 
.table-effets th, .table-effets td { padding:8px 18px 08px; text-align:center; }
 
.table-effets th { background:green;}
 
.table-effets td { border-top:1px solid #000; border-right:1px solid #000; }
 
.table-effets tr.odd-row td {background: #f6f6f6;}
 
.table-effets td.first, .table-effets th.first {text-align:left}
 
.table-effets td.last {border-right:none;}
 
/*
Background gradients are completely unnecessary but a neat effect.
*/
 
.table-effets td {
    background: -moz-linear-gradient(100% 25% 90deg, #333, #444);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#444), to(#333));
}
 
.table-effets tr.odd-row td {
    background: -moz-linear-gradient(100% 25% 90deg, #333, #444);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#444), to(#333));
}
 
.table-effets th {
    background: -moz-linear-gradient(100% 20% 90deg, #111, #000);
    background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#000), to(#111));
}
 
.table-effets .cmd { color: yellow; font-weight: bold; white-space:nowrap; }
 .table-effets em{ font-weight: normal; font-size: 11px; color: #FFF68F; }
 

 
.table-effets  tr:first-child th.first {
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px; /* Saf3-4 */
}

.table-effets tr:first-child th.last {
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px; /* Saf3-4 */
}
 
.table-effets tr:last-child td.first {
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px; /* Saf3-4 */
}
 
.table-effets tr:last-child td.last {
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px; /* Saf3-4 */
}


.nom-potion { font-size: 12px; }

.img-potion { margin-left: -10px!important; }
.img-potion  span { line-height: 14px!important; }





/* news texture */

.news-texture {
  padding: 5px!important;
  width: 618px;  
}

.news-texture .titre-pack {
  margin-top: 10px;
}

.news-texture .titre {
  background: url(img/herbe.png);
  padding: 2px 10px;
  margin-left: -5px;
  float: left;
  font-weight: bold;
  text-shadow: 2px 0 2px #000000;
}

.news-texture .fin-titre-mini {
  width: 14px;
  height: 26px;
  background: url(img/art-title-right-mini.png) bottom;
  float: left;
}

.news-texture-content {
  margin-top: 40px;
  padding: 10px;
  
}

.news-texture .img {
  height: 70px;
  max-width: 110px;
  position: absolute;
  margin-top: 10px;
}


.news-texture .date {
  float: right;
  color: #666;
  font-size: 12px;
  padding-right: 10px;
}
.news-texture .desc {
  margin-left: 130px;
  margin-bottom: 10px;
  line-height: 32px;
}
.news-texture .desc a { border-bottom: 2px dotted #333; }
.news-texture .desc a:hover { border-bottom: 2px solid #138B1F; }

.news-texture .desc strong { font-size: 16px; }
.news-texture .desc em { 
  font-size: 14px; 
  color: #aaa;
  line-height: 20px!important;
}

.news-texture .version {
  float: right;
  color: #7DC66D;
  background: url(img/mc2.png) no-repeat left;
  padding-left: 20px;
}



.news-texture .voir-tout {
  padding: 2px 10px;
  font-weight: bold;
  border-radius: 2px 2px;
}
.news-texture  .voir-pack {
   text-align: right;
}


/* salles secretes */

.page-salles-secretes .resultat {
  text-align: center;
  font-size: 18px;
  margin-left: 50px;
}

.page-salles-secretes em { 
  color: #888;
}

.page-salles-secretes .success {
  color: #19C800;
}

.page-salles-secretes  .error {
  color: red;
}








.contenu .non-valide {
  font-size: 18px;
  color: red;
  font-weight: bold;
  text-align: center;
  margin: 16px 0px;
}

.preview h1 a,
.preview h3 { color: green; }




.pliens {
  background: #000;
  padding: 10px;
  border-radius: 4px;
}

.p468 iframe,
.pliens iframe{
  border: 0px!important;
}

.new-content {
  border: 2px solid #AA0 !important;
}
.new-content .content-state {
  color: yellow;
}

.a-valider {
  border: 2px dashed #0A0 !important;
}
.a-valider .content-state {
  color: lime;
}

.a-effacer {
  border: 2px dashed #A00 !important;
}
.a-effacer .content-state {
  color: red;
}

.valider-postdate {
  border: 2px solid #05C !important;
}
.valider-postdate .content-state {
  color: blue;
}

.valider {
  border: 2px solid #080 !important;
}
.valider .content-state {
  color: lime;
}

.input100 { 
  width: 99%; 
  padding: 10px;
  font-size: 26px;
}
.color1{ color: #FFE7BA; }

/* ########################################################### FIN */


.bouton_upload {
  background: url(img/bouton.jpg) center;
  padding:5px 10px;
  margin-right: 15px;
  font-weight:bold;
  font-size: 14px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  text-align:center;
  color:#fff;
  border:1px solid green;
  width:150px;
  height:25px;
  cursor:pointer !important;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

.bouton_upload:hover,
.bouton_upload.hover
{
  background: url(img/bouton.jpg) top;
  border: 1px solid #7FFF00;
}



.page-post-mods .delete_preview  {
  position: absolute;
  font-size: 12px;
  font-weight: bold;
  margin-left: 220px;
  margin-top: 6px;
  height: 12px;
  width: 12px;
  background: #e00;
  color: #fff;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  border: 1px solid #300;
  text-align: center;
  line-height: 10px; 
  Font-family: Arial, "sans serif";
  cursor:pointer !important;
}

.page-post-textures .delete_preview  {
  position: absolute;
  font-size: 18px;
  font-weight: bold;
  right: 0px;
  top: 0px;
  padding: 6px;
  background: #e00;
  color: #fff;
  border-radius:2px;
  border: 1px solid #300;
  text-align: center;
  line-height: 10px; 
  font-family: Arial, "sans serif";
  cursor:pointer !important;
  z-index: 99;
}
.page-post-textures .up_preview,
.page-post-textures .down_preview {
  background: green;
  color: #fff;
  padding: 2px 4px;
  border-radius: 1px;
  top: 20px;
  cursor: pointer;
}



.page-post-mods .delete_skin,
.page-post-mods .delete_wallpaper
{
  position: absolute;
  font-size: 16px;
  font-weight: bold;
  margin-left: 212px;
  margin-top: 10px;
  height: 20px;
  width: 20px;
  background: #e00;
  color: #fff;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  border: 1px solid #300;
  text-align: center;
  line-height: 18px; 
  Font-family: Arial, "sans serif";
  cursor:pointer !important;
}


/* Page affichage textures */

.voir-texture {
  text-align: center;
}
.voir-maps .news-content{
  text-align: left;
}

.voir-texture .description {
  font-size: 16px;
  margin: 20px 0;
}

.voir-texture a,
.voir-texture a:hover {
  border-bottom: inherit;
}

.voir-texture .bbcode_item #img-item-small {
  vertical-align: middle;
}


.img-content {
  float: left; 
  width: 170px; 
  margin-right: 20px!important; 
  margin-top: 4px!important; 
  max-height: 110px;
  border: 2px solid #444;
}



.voir-texture .auteur {
  background: url(img/user.png) no-repeat center left;
  padding-left: 22px;
  text-align: left;
  color: #ccc;
}

.voir-texture h4 {
  font-size: 22px;
  border-bottom: 1px solid green;
  color: #eee;
  padding: 2px;
  margin-top: 50px;
}

.voir-texture iframe {
  border: 2px solid #444;
}


.voir-texture .big-prev {
  border: 2px solid #333;
  padding: 4px;
  margin: 10px;
  width: 510px;
}

.voir-texture .mini-prev {
  width: 160px;
  padding: 2px;
  border: 1px solid #333;
  margin: 4px;
}

.voir-texture .big-prev:hover,
.voir-texture .mini-prev:hover {
  border-color: #555;
}

.voir-texture .plusinfosmap {
  text-align: left;
}


/* Boutons de modération */

.modo-com {
  background: #000;
  display: block;
  padding: 5px;
  margin: 0 0 10px 0;
  color: #aaa;;
}

.modo-com a {
  border: inherit;
}

.moderation {
  clear: both;
  margin: 10px 0;
}

.i-valider,
.i-a-valider,
.i-valider-reset,
.i-valider-postdate,
.i-valider-private,
.i-valider-reset-private,
.i-devalider,
.i-editer,
.i-supprimer,
.i-a-supprimer {
  border: 0 none;
  cursor: pointer;
  height: 24px;
  width: 24px;
  margin: 2px;
}


.i-valider {
  background: url(img/i-valider.png) no-repeat;
}
.i-a-valider {
  background: url(img/i-a-valider.png) no-repeat;
}
.i-valider-private {
  background: url(img/i-valider-private.png) no-repeat;
}
.i-valider-reset {
  background: url(img/i-valider-reset.png) no-repeat;
}
.i-valider-reset-private {
  background: url(img/i-valider-reset-private.png) no-repeat;
}
.i-valider-postdate {
  background: url(img/i-valider-postdate.png) no-repeat;
}
.i-devalider {
  background: url(img/i-devalider.png) no-repeat;
}
.i-editer {
  background: url(img/i-editer.png) no-repeat;
}
.i-supprimer {
  background: url(img/i-supprimer.png) no-repeat;
}
.i-a-supprimer {
  background: url(img/i-a-supprimer.png) no-repeat;
}





*::selection {
  background: #1D9929;
  color:#fff;
}

*::-moz-selection {
  background: #1D9929;
  color:#fff;
}

*::-webkit-selection {
  background: #1D9929;
  color:#fff;
}




#craft-rapide {
  background: #C5C7C4;
  padding: 18px;
  border-radius: 10px 10px;
}

#craft-rapide #resultat-craft-rapide {
  width: 100%;
  height: 200px;
}

#craft-rapide .liste {
  height: 600px;
  overflow: auto;
  border: 2px solid #eee;
  background: #ddd;
  padding: 10px;
  box-shadow: 1px 1px 6px #aaa;
}

#craft-rapide  h4 {
  font-size: 16px;
  color: #000;
  padding: 0px;
  margin: 0px;
  line-height: 28px;
  font-family: 'MinecraftRegular';
  font-weight: normal;
}

#craft-rapide .categorie {
  margin-bottom: 20px;
}


#craft-rapide .categorie span {
  float: left;
}

#craft-rapide .categorie .item {
  background: #8B8B8B;
  padding: 2px;
  border-left: 2px solid #373737;
  border-top: 2px solid #373737;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  margin: 2px;
  height: 32px;
  width: 32px;
  cursor: pointer;
}

#craft-rapide .categorie .item:hover,
#craft-rapide .categorie .item:focus {
  background: #aaa;
}

.mojang-status {
  padding: 26px;
  font-size: 18px;
  line-height: 24px;
}
.mojang-status img {
  vertical-align: middle;
}
.mojang-status .online {
  color: green;
  font-style: italic;
  font-size: 12px;
}

.mojang-status .offline {
  color: red;
  font-style: italic;
  font-size: 12px;
}

.mojang-status .small {
  font-size: 14px;
  color: #aaa;
  text-align: center;
  font-style: italic;
}



@font-face {
    font-family: 'MinecraftRegular';
    src: url('fonts/minecraft-webfont.eot');
    src: url('fonts/minecraft-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/minecraft-webfont.woff') format('woff'),
         url('fonts/minecraft-webfont.ttf') format('truetype'),
         url('fonts/minecraft-webfont.svg#MinecraftRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.page-staff {
  padding-bottom: 20px;
}

.page-staff .liste {
  font-size: 18px;
  line-height: 30px;
  text-align: left;
}

.page-staff  h4 {
  font-size: 28px;
  text-align: center;
  text-shadow: 0px 0px 9px #000;
}
.page-staff  h5 {
  text-align: center;
  font-style: italic;
  font-size: 16px;
  color: #ccc;
  font-weight: normal;
}

.page-armures #picker {
  border: 2px solid #000;
  background: #111;
  border-radius: 4px;
  padding: 10px;
  float: left;
  margin-left: 200px;
}

.page-armures .preview {
  margin-left: 50px;
  text-align: center;
  width: 240px;
  float: left;
  font-size: 26px;
  text-shadow: 0px 2px 2px #000;
  margin-top: 10px;
  color: #666;
}


.page-armures .give p {
  color: green;
  font-size: 20px;
  font-weight: bold;
  text-shadow: 1px 0 1px #000;
  margin: 2px 0 4px 0;
}
.page-armures .give p b { color: #1BB201; }
.page-armures .give {
  background: #111;
  border-width: 2px 2px 2px 10px;
  border-style: solid;
  border-color: #006000;
  border-radius: 1px;
  padding: 10px 20px;
  margin: 0 20px 30px 20px;
  color: #ccc;
  box-shadow: 2px 2px 1px #111;
}
.page-armures .give strong { color: #eee; }


.page-armures .table-result {
  border-collapse: collapse;
  border: 2px solid #000;
  width: 500px;
  margin: 0 auto;
}
.page-armures .table-result td {
  text-align: center;
}

.page-armures .table-result .bloc-crafting {
  margin-left: 40px;
}

.page-armures .hidden {
  display: none;
}

.page-armures  #waiting {
  font-size: 16px;
  margin: 40px auto;
  border-radius: 10px;
  width: 400px;
  padding: 10px 10px 10px 60px;
  background: #000 url(img/load.gif) no-repeat 10px;
}

.page-creatures a { border-bottom: 1px solid green; }
.page-creatures a:hover { border-bottom: 1px solid white; color: green; }


.page-creatures .photo a {
  border: 0 none!important;
}





/* */
.page-creature #popup {
  background: none!important;
}

/* Différentes iframe */
.iframe-allopass {
  border: 2px solid #666;
  box-shadow: 0px 4px 4px #000;
  border-radius: 4px;
}

.iframe-youtube {
  display: block;
  margin: 10px auto;
  border: 4px solid #000;
  border-radius: 4px;
  width: 80%;
}

.iframe-tchat {
  width: 100%;
  border: 0 none;
  height: 700px;
}
    
/*********************/
 
.page-artifices {
  text-align: center;
}    
.page-artifices h3 {
  font-size: 20px;
  margin-bottom: 0;
}
.page-artifices i {
  font-size: 12px;
  color: #aaa;
}

.page-artifices .field {
  text-align: center!important;
  margin: 20px auto;
}

.page-artifices  .artifice .switch_color { 
  width: 500px; 
  margin: 10px auto;
}

.page-artifices .artifice .color_base,
.page-artifices .artifice .shape,
.page-artifices .artifice .effect,
.page-artifices .artifice .power {
  cursor: pointer;
}

.page-artifices .artifice .color_base {
  width: 50px; 
  height: 50px; 
  float: left;
  border: 2px solid #000;
  border-radius: 4px;
  margin: 3px;
}
.page-artifices .artifice .color_base img {
  margin-top: 10px;
}


.page-artifices .artifice .invisible  { display: none; }

.page-artifices .artifice .selected .img_select,
.page-artifices .artifice .switch_color .selected div {
  border: 2px solid lime!important;
  box-shadow: 0px 0px 8px lime;
  
}

.page-artifices .artifice .img_select {
  border: 2px solid #111;
  border-radius: 6px;
}

.page-artifices .artifice .shape,
.page-artifices .artifice .effect,
.page-artifices .artifice .power {
  margin: 6px;
  padding: 0px;
}
.page-artifices .artifice .shape  #img-item-small,
.page-artifices .artifice .effect #img-item-small {
  z-index: 999;
  margin-left: -38px!important;
  margin-top: 68px;
  position: absolute!important;
}


.page-artifices .artifice  .case-crafting {
  position: absolute;
  height: 0px!important;
  margin-top: -45px;
  margin-left: 62px;
}


.page-artifices .affichage-resultat .resultat-titre {
  font-size: 32px;
  color: green;
  margin: 20px;
  font-weight: bold;
}

.page-artifices .affichage-resultat  .bloc-crafting {
  margin: 10px auto;
  width: auto;
}

.page-artifices .affichage-resultat table {
  border: 2px solid #000;
  width: 500px;
  margin: 0 auto;
  background: #1A1A1A;
  margin-bottom: 50px;
}
.page-artifices .affichage-resultat table .craft {
  width: 250px;
}
.page-artifices .affichage-resultat span {
  font-size: 16px;
}
.page-artifices .affichage-resultat span b {
  color: green;
  font-size: 18px;
}

.page-artifices  .error {
  color: #fff;
  line-height: 26px;
  font-size: 16px;
  border: 2px solid red;
  border-radius: 6px;
  padding: 12px 4px;
  width: 600px;
  margin: 0 auto;
  font-weight: bold;
  background: #ff3019;
  background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
  background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
  background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
  background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
  background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
}




/* Pages maps des serveurs de jeu */

.maps-serveurs {
  text-align: center;
}
.maps-serveurs .apercu-map {
  border: 2px solid #000;
  background: #111;
  border-radius: 8px;
  padding: 0px 30px;
  margin: 0 0 10px 0;
}

.maps-serveurs  h4 {
  text-align: center;
  font-size: 28px;
  border-bottom: 2px solid green;
  padding: 0 0 4px 0;
  margin: 60px 0 20px 0;
  text-shadow: 2px 0 0 #444;
}
.maps-serveurs  h3 {
  font-size: 42px;
  color: green;
  margin: 80px 0 0 0;
  letter-spacing: 1px;
  text-shadow: 4px 0 0 #000;
}
.maps-serveurs .agrandir-map {
  background: #111;
  border-radius: 4px;
  border: 2px solid #222;
  padding: 4px 20px;
  color: #ddd;
  letter-spacing: 0.02em;
  font-style: italic;
  font-size: 13px;
}
.maps-serveurs .agrandir-map:hover {
  border-color: #444;
  color: #fff;
}

/* Filtres des catégories */

.content-filter {
  background: #000;
  color: #fff;
  padding: 20px;
  border-radius: 4px;
  border: 6px solid #4EC300;
}

.content-filter .title,
.content-filter h1  {
  font-family: 'libel_suitregular';
  color: #4EC300;
  font-size: 38px;
  margin: 0px 0 20px 0;
  text-align: center;
}
.content-filter p.subtitle {
  font-size: 18px;
  background: green;
  color: #fff;
  padding: 0px 20px;
  margin: 10px 0 10px 0;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: left;
}

.content-filter .filter {
  margin: 8px 0px;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}
.content-filter .filter .button {
  padding: 2px 8px;
  border-radius: 2px;
  border: 2px solid #333;
  white-space: nowrap;
  margin: 0px 2px;
  background: #000;
  line-height: 32px;

}
.content-filter .filter .button:hover {
  text-decoration: none;
  border-color: #008000;
  color: #fff;
}

.content-filter .filter .selected,
.content-filter .filter .selected:hover {
  background: url(img/bouton.jpg) repeat-x scroll center #3D893D;
  border-color: lime;
  cursor: default;
}

.content-filter .moderation {
  margin-top: 20px;
}


#recherche-in-content {
  background: #555;
  border-radius: 4px;
  padding: 20px 10px 10px 10px;
  margin: 0 0 20px 0;
  text-align: center;
}

#recherche-in-content input[type=text],
#recherche-in-content input[type=search] {
  font-size: 16px;
  padding: 4px;
  width: 50%;
  max-width: 600px;
  border: 2px solid #aaa;
  border-radius: 2px;
}
#recherche-in-content input[type=text]:focus,
#recherche-in-content input[type=text]:hover,
#recherche-in-content input[type=search]:focus,
#recherche-in-content input[type=search]:hover  {
  border-color: #4EC300;
}
#recherche-in-content input[type=submit] {
  background: #42A500;
  color: #fff;
  text-shadow: 1px 0 0 #000;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 4px;
  border: 1px solid lime;
  border-radius: 2px;
  font-weight: bold;
  cursor: pointer;
}


#recherche-in-content span {
  font-size: 12px;
}

/* Pages des mondes plats */

.flat-world {
  position: relative;
}

/* tittres des blocs */
.flat-world .preset-param .title {
  background: #000!important;
  color: green;
  text-align: center;
  font-weight: bold;
  padding: 4px 0px;
  margin: 0 0 20px 0;
  font-size: 20px;
  text-shadow: 1px 0 0 #000;
  font-size: 18px!important;
}

.flat-world .preset-list .title,
.flat-world .biomes .title,
.flat-world .blocsList .title,
.flat-world .blocsSelect .title,
.flat-world .flat-options .title {
  color: green;
  text-align: center;
  font-weight: bold;
  padding: 4px 0px;
  margin: 0 0 20px 0;
  font-size: 20px;
  text-shadow: 1px 0 0 #000;
  font-size: 20px!important;
}

.flat-world .preset-group .title {
  background: green;
  text-align: center;
  font-size: 28px;
  padding: 6px 0px;
  border-radius: 4px;
}

/* bloc biomes */
.flat-world .biomes {
  background: #111;
  padding: 10px 10px 20px 10px;
  margin: 10px auto;
  text-align: center;
  width: 80%;
  border-radius: 10px;
}
.flat-world .biomes select,
.flat-world .preset-param select {
  background: #000;
  border: 2px solid #222;
  font-size: 18px;
  font-family: "Trebuchet MS";
  color: #fff;
  padding: 0 0 0 4px;
}
.flat-world .biomes option {
  padding: 2px 2px 2px 6px;
  cursor: pointer;
}


.flat-world .blocsList,
.flat-world .blocsSelect,
.flat-world .preset-list,
.flat-world .preset-param,
.flat-world .preset-params {
  padding: 10px;
  border-radius: 8px;
  background: #111;
  margin: 6px 4px;
  box-shadow: 0 0 0px 1px #333;
}
.flat-world .blocsList {
  width: 39.5%;
  float: left;
}
.flat-world .blocsSelect {
  width: 51%;
  float: right;
} 

 
.flat-world .blocsList ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.flat-world .blocsList li {
  line-height: 36px;
  font-size: 18px;
  background: #222;
  margin: 4px 0px;
  border-radius: 4px;
  
}
.flat-world .blocsList li img {
  margin: 0 6px 0 0;
}
.flat-world .blocsList li .block-small,
.flat-world .blocsList li #img-bloc-small,
.flat-world .preset-list a img {
  vertical-align: middle;
} 

.flat-world .blocsList .dragable {
  cursor: move;
  display: inline;
  height: 32px!important;
  overflow: hidden;
}
 
.flat-world .blocsList li .item {
  cursor: pointer;
}
.flat-world .blocsList .bloc {
  text-align: left;
  width: auto;
}
 
.flat-world .blocsList .delete {
  color: #fff;
  padding: 1px 5px;
  font-size: 12px;
  border-radius: 2px;
  border: 1px solid red;
  font-weight: bold;
  cursor: pointer;
  margin: 0 6px 0 6px;
  opacity: 0.8;
  
  background: #ff3019;
  background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
  background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
  background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
  background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
  background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
}
.flat-world .blocsList .delete:hover {
  opacity: 1;
}

.flat-world .blocsList .nb input {
  background: #000;
  padding: 2px 4px;
  margin: 6px 4px 0 0;
  color: green;
  font-weight: bold;
  font-size: 16px;
  border: 1px solid #444;
  border-radius: 2px;
  position: absolute;
  right: 0;
  font-family: 'Trebuchet MS';
}

.flat-world .blocsList .arrow {
  text-align: center;
  color: #666;
}
.flat-world .blocsList .legend {
  color: #444;
  font-size: 11px;
  text-align: right;
  margin: -20px 0 0 0;
  padding: 0;
  cursor: help;
}
.flat-world  .help {
  background: green;
  color: #fff;  
  border: 1px solid #000;  
  font-size: 12px;
  font-weight: bold;
  padding: 1px 6px;
  border-radius: 8px;
  cursor: help;
}

.flat-world #seed {
  background: #444;
  border: 2px dotted #111;
  font-family: monospace, sans-serif;
  padding: 10px;
  display: block;
  margin: 10px auto;
  white-space: normal;
  overflow: auto;
  width: 90%;
  min-height: 60px;
  color: #fff;
}
.flat-world .seed-help {
  color: #aaa;
  font-size: 12px;
  line-height: 20px;
}
.flat-world .seed-help a {
  color: green;
  border-bottom: 1px dotted #fff;
}


/*DRAG*/
.flat-world .blocsList li.ui-sortable-helper{
    cursor:-moz-grabbing;
}
 
.flat-world.blocsList li.ui-sortable-helper .check, 
.flat-world.blocsList li.ui-sortable-helper .count{
    visibility:hidden
}

.flat-world .blocsList li .position ,
.flat-world .blocsList li .blocid {
  display: none;
}

.flat-world .blocsList li .nb input {
  width: 30px;
  text-align: center;
}


/* */
.flat-world .blocsSelect .addBloc {
  margin: 2px;
  cursor: pointer;
} 


/* bloc des options */
.flat-world .flat-options {
  background: #111;
  padding: 10px;
  border-radius: 6px;
  font-size: 16px;
}
.flat-world .flat-options .option-left,
.flat-world .flat-options .option-right {
  width: 50%;
}
.flat-world .flat-options .option-left {
  float: left;
}
.flat-world .flat-options .option-right {
  float: right;
}

.flat-world .flat-options .options {
  margin: 6px 0 4px 0;
  cursor: pointer;
}
.flat-world .flat-options .options i,
.flat-world .options .description
 {
  font-size: 11px;
  color: #777;
  line-height: 14px!important;
  display: block;
  margin: 4px 0 0 0;
}
.flat-world .flat-options .suboptions {
  color: #999;
  font-size: 14px;
  margin: 2px 0 2px 24px;
  line-height: 32px;
  font-weight: bold;
}
.flat-world .flat-options .suboptions input {
  width: 40px;
  padding: 4px;
  background: #000;
  color: green;
  font-weight: bold;
  border: 1px solid #666;
  border-radius: 4px;
}
.flat-world .flat-options .disabled {
  display: none;
}
.flat-world .preset-list {
  background: #000;
}
.flat-world .preset-list a {
  width: 29%;
  display: block;
  float: left;
  margin: 4px 10px 4px 0;
  padding: 2px;
  border-radius: 4px;
  white-space: nowrap;
  border: inherit;
}
.flat-world .preset-list a:hover {
  background: #111;
}
.flat-world .preset-list a img {
  width: 64px;
  height: 64px;
  margin: 0 6px 0 0;
}

.flat-world  .bouton {}


/* Modèle tableau générique */

.tablestyle {
  border: 1px solid #000;
  border-radius: 2px;
  box-shadow: 0 0 3px #000;
  border-collapse:collapse;
}
.tablestyle .th {
  background: #111;
  text-align: center;
  font-weight: bold;
  color: #eee;
  text-shadow: 1px 0 0 #000;
  font-size: 114%;
}
.tablestyle td {
  padding: 6px 12px;
}


/* Modèle select générique */

.selectstyle {
  background: #000;
  color: #fff;
  padding: 1px;
  border: 2px solid #444;
  border-radius: 1px;
}
.selectstyle option {
  padding: 2px 10px;
  margin: 2px;
  cursor: pointer;
}


/* Page achat vies hardcore */

.page-achat-hc .resultat {
  background: #000;
  margin: 20px;
  border: 2px solid #333;
  border-radius: 4px;
  padding: 10px 20px;
}
.page-achat-hc .resultat strong {
  color: green;
}

.page-achat-hc .noban {
  color: lime;
  font-weight: bold;
}
.page-achat-hc .lastlife {
  color: #17A201;
}
.page-achat-hc .unbanned {
  color: #E0EC5E;
  font-style: italic;
}.page-achat-hc .banned {
  font-weight: bold;
  color: red;
}

/* page seeds */

.page-seeds {}


.voir-seed h4 {
  border-bottom: 1px solid green;
  color: #EEEEEE;
  font-size: 22px;
  margin-top: 50px;
  padding: 2px;
  text-align: center;
}

.voir-seed .seed {
  font-size: 28px;
  margin: 30px 0px;
  text-align: center;
  clear: both;
  color: #ddd;
  /*width: 800px;*/
  overflow: auto;
  line-height: normal !important;
}
.voir-seed .seed strong {
  color: #00E100;
  text-shadow: 1px 0 0 #D2FF78;
  letter-spacing: 0.02em;
}
.voir-seed .seed .preset{
  color: #00E100;
  overflow: auto;
  word-wrap: break-word;
  font-weight: bold;
  background: #111;
  margin: 20px 0px;
  padding: 10px;
  border: 1px solid #000;
  font-size: 14px;
  box-shadow: 4px 4px 0 #000;
}

.voir-seed .version {
  background: url(img/mc2.png) no-repeat left center transparent;
  font-size: 14px;
  padding-left: 20px;
  float: right;
  margin: 0 0 20px 0;
  color: #ddd;
}

.voir-seed .preview {
  text-align: center;
  margin: 0 0 20px 0;
}

.voir-seed .bouton {
  background: #bbb;
  padding: 2px 10px;
  border-radius: 4px;
  color: #000;
  margin: 10px 0 0 0;
  display: inline-block;
}

.voir-seed .bouton:hover {
  background: #fff;
}

.voir-seed .preview img{
  border: 2px solid #333333;
  margin: 4px;
  padding: 2px;
  width: 216px;
  display: inline;
}



.info-serveur .ts3_viewer,
.info-serveur .ts3_viewer tr
{
  width: 500px;
  height: 16px;
  border: none;
  border-collapse: collapse;
}
.info-serveur .ts3_viewer td
{
  height: 16px;
  border: none;
  border-collapse: collapse;
  vertical-align: middle;
}
.info-serveur .prefix
{
  white-space: nowrap;
}
.info-serveur .corpus
{
  width: 100%;
}
.info-serveur .suffix
{
  white-space:nowrap;
}
.info-serveur .suffix img
{
  margin-left: 5px;
}

.info-serveur .row1
{
  background-color: #222222;
}
.info-serveur .row2
{
  background-color: #262626;
}

/* Temps by Tronics */
.tiny
{
  max-width: 30px;
  max-height: 23px;
}

.small
{
  max-width: 80px;
  max-height: 60px;
}

.big
{
  max-width: 150px;
  max-height: 120px;
}

#sb-container,
#sb-overlay,
#sb-wrapper,
#sb-body,
#sb-player
{
  z-index: 10000 !important;
}


#uploaddrop_ckeditor.dragdrop
{
  background-color: #BBB !important;
}

.share {
  text-align: center;
  margin: 20px 0;
}

.dragdrop
{
  background-color: #444!important;
  border-color: green!important;
}



.table-achievement, {
  border: 2px solid #333;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse; /*==> bug sur IE :/ */
}
.table-achievement tr,
.table-achievement td {
  margin: 0px;
  padding: 0px;
  height: 100%;
  border: 0px solid #333;
  /*border-top: 0px transparent;
  border-bottom: 0px transparent;*/
}
.table-achievement td.arbo_achievement {
  width: 460px;
  vertical-align: top;
  padding-left: 10px;
}
.table-achievement td.desc {
  font-style: italic;
  border: 1px solid #333;
  padding: 0px 5px;
}
.table-achievement td.desc .bouton {
  font-style: normal;
  /*border: 1px solid #000088 !important;*/
}

.table-achievement .achievement_arbo
{
  background: url(img/arbo.png);
  width: 15px;
  height: 100%;
  display: block;
  float: left;
  border: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  height: 95px;  
  /*border: 1px solid green !important;*/
}

.table-achievement .achievement-bloc {
  margin-left: -18px;
  height: 100%;
  display: inline-block;
  /*border: 1px solid red !important;*/
  vertical-align: middle;
  text-align:left;
  padding-top: 15px;
}
.table-achievement .achievement-bloc div {
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  /*border: 1px solid #880000 !important;*/
}
.table-achievement .achievement-bloc p {
  margin: 10px 0;
  /*border: 1px solid #880000 !important;*/
}
.table-achievement .achievement-bloc img {
  vertical-align: top;
}


/* hack liens */

.bloc-content .profil-page a,
.bloc-content .page-enchantements a[rel="popup"], 
#popup .page-enchantements a[rel="popup"] {
  border-bottom: inherit;
}

.bloc-content .brewing-stand a,
.bloc-content .brewing-stand a:hover,
.bloc-content #files_preview a,
.bloc-content .page-papercraft a,
.bloc-content .legende-bouton,
.brewing-stand a,
.voir-seed .preview a,
.telecharger-skin,
.utiliser-skin,
.bbouton {
  border-bottom: inherit!important;
  border-width: 0!important;
}

a[rel="shadowbox"] { border-bottom: 0 none!important; }

/*.bloc-content a[rel="popup"],
#popup a[rel="popup"]*/
a[rel="popup"] { 
  background: #333;
  border-radius: 2px;
  border: 1px solid #444;
  border-bottom-color: #444!important;
  color: #eee;
  font-weight: bold;
  padding: 1px 7px;
  white-space: nowrap;
}
/*.bloc-content a[rel="popup"]:before,
#popup a[rel="popup"]:before {
  content: '❓ ';
}*/

/*.bloc-content a[rel="popup"]:hover,
#popup a[rel="popup"]:hover*/
a[rel="popup"]:hover { 
  border-color: #aaa;
  border-bottom-color: #aaa!important;
  color: lime!important;
}


.case-crafting a[rel="popup"],
.bbcode_icon_item a[rel="popup"],
.bloc-crafting a[rel="popup"],
.brewing-stand a[rel="popup"],
.craftmob a[rel="popup"],
.effect_frame a[rel="popup"],
.table-mobs a[rel="popup"] {
  background: inherit;
  border-radius: inherit;
  border: inherit;
  padding: 0px;
}

.case-crafting a[rel="popup"]:hover,
.bbcode_icon_item a[rel="popup"]:hover,
.bloc-crafting a[rel="popup"]:hover,
.brewing-stand a[rel="popup"]:hover,
.craftmob a[rel="popup"]:hover,
.effect_frame a[rel="popup"]:hover { 
  border-color: inherit!important;
}

.effect_frame a[rel="popup"] { 
  border: none;
}



/* style générique dédié aux commandes */
.command-name { color: lime; }

.c-obl { color: #FF9F50; }
.c-obl span { color: #FF9F50; }

.c-opt { color: #FFD900; }
.c-opt span { color: #EBFF78; }


.c-name {}
.c-case { 
  font-size: 18px;
  color: #bbb!important;
}

.c-txt { padding: 0px 2px;}




.cmd-syntaxe,
.cmd-param-val-name,
.cmd-exemple,
.cmd-subcommand a,
.cmd-alias span
{
  color: lime;
}

/*a.content_popup_link
{
  border-bottom: dashed 1px blueviolet;
  color: yellow;
}

a.content_link
{
  border-bottom: solid 1px blueviolet;
  color: yellow;
}*/


.flat-world .slider /* slider (user control) */
{
  height: 10px;
  border: 1px solid green;
  background-color: #004400;
  display: inline-block;
}
.flat-world .slider_value /* slider (user control) */
{
  width: 350px;
}
.flat-world .slider_range /* slider (user control) */
{
  width: 300px;
}
.flat-world .slider-input input
{
  width: 30px;
  font-weight: bolder;
  text-align: center;
  margin-left: 10px;
}

.flat-world .ui-slider /* slider (global) */
{
  position: relative;
  text-align: left;
}

.flat-world .ui-corner-all /* tous les angles */
{
  border-radius: 2px;
}

.flat-world .slider .ui-slider-range /* barre de selection (en mode range) */
{
  position: absolute;
  z-index: 1;
  display: block;
  border: 0;
  background-position: 0 0;
  top: 0;
  height: 100%;
  background-color: green !important;
}

.flat-world .slider .ui-slider-handle /* curseur */
{
  position: absolute;
  z-index: 2;
  cursor: default;
  width: 6px !important;
  margin-left: -3px !important;
  top: -4px;
  height: 16px;
  border: 1px solid #00CC00;
  background-color: #009900;
}
.flat-world .slider .ui-state-over /* curseur : mouse-over */
{
}
.flat-world .slider .ui-state-focus /* curseur : input selectionné */
{
}
.flat-world .slider .ui-state-active /* curseur : click sur l'element */
{
}


.flat-world .preset-param {
  width: 46%;
  float: left;
  min-height: 120px;
}
.flat-world .preset-params {
  width: 92%;
  float: right;
} 
.flat-world .preset-group {
  width: 100%;
} 


.flat-world .description {
  display: block;
  min-height: 34px;
}
.flat-world .subtitle {
  color: green;
  margin: 5px 0 0 0;
  font-weight: bold;
}
.preset-list .clear {
  display: block;
}




/* zone upload */

.zone-upload {
  background: #111;
  text-align: center;
  border: 2px dashed #888;
}
.zone-upload:before {
  content: 'Glissez votre image ici';
  padding: 20px;
  color: #aaa;
  font-size: 36px;
  line-height: 56px;
}

/* bouton générique */

.bbouton {
  background: #009900;
  color: #FFFFFF;
  cursor: pointer;
  border: 2px solid #00C300;
  border-radius:4px;
  font-weight: bold;
  display: block;
  margin: 20px auto;
  text-align: center;
  white-space: nowrap;
}
.bbouton a {color: #fff; }

.bbouton a:hover,
.bbouton:hover {
  color: #fff!important; 
  text-decoration: none;
}

.inline {
  display: inline;
}

.bbouton:hover {
  background: #00C300;
  border-color:  lime;
}

.bouton-small {
  font-size: 12px;
  padding: 3px 10px;
  margin: 0 2px;
}
.bouton-medium {
  font-size:18px;
  padding: 4px 12px;
}
.bouton-big {
  font-size:22px;
  padding: 6px 12px;
  line-height: 72px;
}
.bouton-big a {
  border-width: 0!important;
}


.bouton-gray {
  background: #aaa;
  border-color: #999;
}
.bouton-gray:hover {
  background: #888;
  border-color: #666;
}

.filtrer {
  background: #aaa;
  color: #FFFFFF;
  cursor: pointer;
  border: 2px solid #ddd;
  border-radius:4px;
  font-weight: bold;
  margin: 20px auto;
  text-align: center;
  font-size:22px;
  padding: 6px 12px;
}

.boutons-de-contenu {
  text-align: center;
  margin: 40px 0 50px 0;
}
.boutons-de-contenu div {
  margin: 0 5px;
}

.button_news {
  font-family: 'libel_suitregular';
  font-size: 28px;
  font-weight: normal;
  background: green;
  display: inline;
  padding: 8px 20px;
  border: 1px solid transparent;
}
.button_news:hover {
  background: #009900;
  color: #fff!important;
  border: 1px solid lime;
  border-bottom: 1px solid lime!important;
}

.pubindex {
  background: #000;
  padding: 10px;
  text-align: center;
  margin: 10px auto 0 auto;
  max-width: 940px;
}

.encart_item
{
  margin:2px;
  background-color: #000;
  text-align: center;
  padding:4px;
  display: inline-block;
  border: 1px solid #666;
}

.encart_item img
{
  margin: 3px !important;
  border: none !important;
}

.encart_item a
{
  padding: inherit !important;
}





@media only screen and (min-width: 1270px) {
  .contenu { margin: 0 0 0 375px!important; }

}

/* */
@media screen and (max-width: 1270px) {

  .contenu { 
    margin: 0 auto!important;
    width: 95%!important;
  }
  #recherche,
  .slogan { margin: 0 auto!important; }
  .hide { 
    display: block!important;
    margin: 0 0 0 600px;
  }
  #champ-recherche {
    width: 90%;
    margin-top: 80px;
  }
  #champ-recherche .input-rech {
    font-size: 22px;
    padding-left: 100px;
  }
  #recherche #creeper {
    left: 0;
  }
  #forum {
    float: left!important;
    margin: -138px 50px 0 90px!important;
  }
  #forum a {
    padding: 5px 20px!important;
    font-size: 26px!important;
  }

  #wrapper { min-height: inherit!important; }

  .sidebar {
    display: none;
    top: -120px;
  }
  .sidebar-show { 
    display: block;
    z-index: 999;
    left:0px!important;
    opacity:1!important;
  }
  .bloc-content {
    margin: 10px auto!important;
  }
}





@media only screen and (max-width: 640px) {
  .intro-index,
  #header .slogan,
  .pubindex,
  #recherche #creeper {
    display: none!important;
  }
  #champ-recherche {
    margin-top: 45px;
  }
  #champ-recherche .input-rech {
    padding: 18px 20px;
    font-size: 18px;
  }
  #champ-recherche .lancer-rech {
    padding: 0;
    width: 30px;
    margin: 0;
  }
  #bandeau {

  }
  #header .logo { 
    background: url(img/mobile/logo.png) no-repeat!important;
    width: 335px!important;
    height: 54px!important;
    margin: 120px auto -20px auto!important;
  }




  #wrapper { min-height: inherit!important; }


  #champ-recherche .lancer-rech {
    background: url(img/search.png) no-repeat center center!important;
    color: #fff!important;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    top: 12px;
  }
  #champ-recherche span { 
    display: none!important;
  }

  .news-content a img, .preview a img {
    max-width: 90%!important;
  }
  .bloc-content .news-titre .icone {
    margin: -5px 10px -5px 5px!important;
  }

  .youtube-player {
    width: 95%!important;
    height: auto!important;
    min-height: 260px;
  }

  .index h2 {
    display: inline!important;
    font-size: 28px!important;
  }

  .news-titre .nb-comment {
    position: inherit;
    display: inline-block;
    right: inherit;
    top: inherit;
  }

  .page-armures #picker,
  .page-armures .preview  {
    margin-left: 0!important;
  }


  #resultat-craft-rapide .resultat {
    text-align: center!important;
  }

  #craft-rapide #resultat-craft-rapide {
    height: auto!important;
  }
  #resultat-craft-rapide .methodes,
  #resultat-craft-rapide .resultat .block-big, 
  #resultat-craft-rapide .resultat #img-item-big, 
  #resultat-craft-rapide .resultat #img-bloc-big {
    float: none!important;
    text-align: center;
  }
  #resultat-craft-rapide .methodes {
    position: relative!important;
    display: block!important;
    margin: 5px auto!important;
  }
  #resultat-craft-rapide .methodes:empty {
    display: none!important;
  }
  #resultat-craft-rapide .methodes.low-count {
    height: auto!important;
  }


  #resultat-craft-rapide .resultat .bloc-crafting {
    margin-left: 0!important;
    margin: 0 auto!important;
  }
  #resultat-craft-rapide a {
    border-width: 0;
    border-bottom: 0 none;
  }
  .bloc-content.bigpub {
    height: 100px!important;
    max-height: 105px!important;
    padding: 0;
    margin: 20px 0;
    overflow: hidden;
  }


}

@media only screen and (max-width: 380px) {
  .news-content a img, .preview a img {
    display: block;
    float: none;
    margin: 10px auto;
    width: 90%;
  }
}


@media only screen and (max-width: 960px) {
  blockquote {
    margin: 10px!important;
  }
}




blockquote {
  background: #000;
  padding: 20px 40px;
  color: #aaa;
  font-style: italic;
  font-size: 14px;
  margin: 10px 100px;
}
blockquote p {
  margin: 0;
  padding: 0;
}
blockquote:before {
  content: 'Citation :';
  font-size: 14px;
  display: inline-block;
  position: absolute;
  margin-top: -30px;
  margin-left: -20px;
  background: green;
  padding: 0px 20px;
  color: #fff;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1px;
}

code {
  font-family: monospace;
  background: #000;
  padding: 10px;
  color: #5CE053;
  box-shadow: 4px 4px 0px #111;
  font-size: 16px;
  /*font-weight: bold;*/
  font-style: normal;
  border: 4px solid #444;
  max-height: 160px;
  overflow: auto;
  display: block;
  white-space: pre;
}
code p {
  margin: 0;
  padding: 0;
}



.page-item a[rel="popup"],
.page-item .content_popup_link,
.table-potions a[rel="popup"],
.table-potions .content_popup_link,
.table-enchant a[rel="popup"],
.table-enchant .content_popup_link,
.table-effect a[rel="popup"]
  {
  background: inherit!important;
  border: 0 none!important;
  border-bottom: 0 none!important;
/*  display: inline-block;*/
}