/* Cadres des serveurs */
/* --------------------*/
.entry { 
  background: #fff;
  color: #000;
  width: 90%;
  max-width: 1200px;
  margin: 36px auto;
  border-top: 6px solid;
  border-left: 8px solid;
  border-bottom: 6px solid;
  border-right: 6px solid;
  border-color: #ddd;
  display: flex;
  flex-direction: row;

  position: relative;
  box-shadow: 3px 4px 1px #ddd;

}

/* Partie gauche */
.entry .rank {
  display: flex;
  flex-direction: column;
  text-align: center;
  color: #4EC300;
  padding: 10px;
}

.entry .rank .place1,
.entry .rank .place2,
.entry .rank .place3,
.entry .rank .place4 {
  font-family: 'MinecraftRegular';
  color: #fff;
  font-weight: bold;
}
.entry .rank .place1 {
  font-size: 45px;
}
.entry .rank .place2 {
  font-size: 40px;
  margin-bottom: 10px;
}
.entry .rank .place3,
.entry .rank .place4 {
  font-size: 24px;
}

/* Icone */
.entry .icone {
  height: 64px;
}
.entry .icone img { max-height: 64px; }
.entry .icone:after {
  clear: both;
  display: block;
  content: '';
}
/* Nb de votes */
.nb-vote { 
  font-size: 14px; 
  color: #fff; 
  color: rgba(255,255,255,0.8);
  margin: 0;
  display: block;
}
.presentation-serveur {
  display: flex;
  flex-direction: row;
}



/* Bouton vote */
.bouton-vote { 
  font-family: 'bebas_neueregular';
  background: rgba(0,0,0,0.6);
  color: #fff;
  padding: 4px 20px;
  font-size: 24px;
  letter-spacing: 0.07em;
  border: 3px solid #000;
  display: inline-block;
}
.bouton-vote:hover {
  background: rgba(0,0,0,1);
}


/* Partie droite */
/* ------------- */
.entry .site {
  padding: 14px 20px 10px 20px;
}
/* Nom du serveur */
.entry .site .site-name {
  font-family: 'bebas_neueregular';
  font-size: 34px; 
  display: inline-block;
  margin-right: 10px;
}
.entry .site .site-name a {
  text-decoration: none;
}
.entry .site .site-name a:hover {
  text-decoration: none;
}

.entry .entete-serv {
  display: flex;
  flex-direction: row;
}

/* IP */
.site-ip { 
  background: #eee;
  display: inline-block;
  color: #000; 
  font-size: 20px; 
  padding: 6px 10px;
  margin-right: 10px;
  align-self: center;
  flex-grow: 3
}
.site-ip strong { 
  font-family: 'MinecraftRegular';
  font-size: 16px; 
  font-weight: normal;
}
/* Bannière */
.site-ban { 
  text-align: center;
  margin: 10px 0;
}
.site-ban img { 
  max-width: 500px; 
  max-height: 100px; 
}
.site-ban a {
  color: #aaa;
}


/* Brèves infos du serveur */
.site-type { 
  font-family: 'bebas_neueregular';
  text-align: center; 
  font-size: 22px;
  font-weight: normal;
  padding: 3px 16px;
  color: #fff;
  vertical-align: top;
 }


.entry .site .info-plus {
  /*width: 250px;*/
  text-align: left;
  font-weight: bold;
}

.entry .site .info-plus div {
  display: inline-block;
}
/* Slots */
.entry .site .info-plus .joueurs {
  font-size: 14px;
  color: #444;
  padding: 4px 10px;
  border: 2px solid #ddd;

}
/* Version */
.entry .site .info-plus .version {
  font-size: 14px;
  color: #000;
  padding: 6px 10px;
  padding: 4px 10px;
  border: 2px solid #ddd;
}

/* Bouton */
.plus-info {  
  font-family: 'bebas_neueregular';
  font-size: 24px;
  text-align: right;
  margin-top: 0px;
  transform: rotate(-9deg);
  position: absolute;
  right: 60px;
  top: 90px;
  box-shadow: 4px 4px 0px #ccc;
}
.plus-info a {
  
  background: rgba(102,86,94,1);
  background: -moz-radial-gradient(center, ellipse cover, rgba(102,86,94,1) 0%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(102,86,94,1)), color-stop(100%, rgba(0,0,0,1)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(102,86,94,1) 0%, rgba(0,0,0,1) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(102,86,94,1) 0%, rgba(0,0,0,1) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(102,86,94,1) 0%, rgba(0,0,0,1) 100%);
  background: radial-gradient(ellipse at center, rgba(102,86,94,1) 0%, rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66565e', endColorstr='#000000', GradientType=1 );

  display: inline-block;
  margin: 0 auto;
  padding: 6px 10px;
  color: #fff;
}

.plus-info a:hover {
  background: rgba(171,108,139,1);
  background: -moz-radial-gradient(center, ellipse cover, rgba(171,108,139,1) 0%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(171,108,139,1)), color-stop(100%, rgba(0,0,0,1)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(171,108,139,1) 0%, rgba(0,0,0,1) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(171,108,139,1) 0%, rgba(0,0,0,1) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(171,108,139,1) 0%, rgba(0,0,0,1) 100%);
  background: radial-gradient(ellipse at center, rgba(171,108,139,1) 0%, rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab6c8b', endColorstr='#000000', GradientType=1 );
}

/* Description du serveur */
.site-desc { 
  display: flex;
  align-self: center;
  text-align: center; 
  font-size: 18px;
  color: #000;
  margin: 12px 10px 0px 10px;
}
.site-desc a {
  text-decoration: underline;
}


/* Cadres à la une */
/* ----------------*/

.une.entry .premium { 
  font-family: 'bebas_neueregular';
  font-size: 18px;
  padding: 2px 10px;
  position: absolute;
  bottom: -15px;
  right: 10px;
  border: 2px solid #CFFB43;

  background: rgba(255,235,20,1);
  background: -moz-linear-gradient(-45deg, rgba(255,235,20,1) 0%, rgba(204,252,70,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,235,20,1)), color-stop(100%, rgba(204,252,70,1)));
  background: -webkit-linear-gradient(-45deg, rgba(255,235,20,1) 0%, rgba(204,252,70,1) 100%);
  background: -o-linear-gradient(-45deg, rgba(255,235,20,1) 0%, rgba(204,252,70,1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(255,235,20,1) 0%, rgba(204,252,70,1) 100%);
  background: linear-gradient(135deg, rgba(255,235,20,1) 0%, rgba(204,252,70,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeb14', endColorstr='#ccfc46', GradientType=1 );


  color: #000;
  letter-spacing: 0.01em;
  word-spacing: 1px;
}
.une.entry .premium a:before {
  content: '★';
}
.une.entry .premium a {
  color: #000;
}

.une.entry .premium:hover {
  background-color: #FFCE3C;
}

/* Annonce des encarts à la une sur la page d'accueil */
.une-texte {
  font-size: 32px;
  color: #aaa;
  margin-top: 20px;
  text-align: center;
  margin-bottom: -2px;
  margin-top: 30px;
}

/* Cadre mise en avant libre */
.serveur-ici {

}


/* Couleurs des différents types de serveurs */

.fb .site-name a,
.fb .site-ip strong { color: #58A500; }
.rp .site-name a,
.rp .site-ip strong { color: #00A9E1; }
.sr .site-name a,
.sr .site-ip strong { color: #FF5900; }
.cm .site-name a,
.cm .site-ip strong { color: #7C00A5; }
.sv .site-name a,
.sv .site-ip strong { color: #E1002D; }
.pp .site-name a,
.pp .site-ip strong { color: #E100A9; }
.mg .site-name a,
.mg .site-ip strong { color: #7D3200; }
.va .site-name a,
.va .site-ip strong { color: #003869; }
.multi .site-name a,
.multi .site-ip strong
 { color: #777; }




.fb .rank,
.info-plus .fb { background-color: #58A500!important; }
.rp  .rank,
.info-plus .rp { background-color: #00A9E1; }
.sr .rank,
.info-plus .sr { background-color: #FF5900; }
.cm .rank,
.info-plus .cm { background-color: #7C00A5; }
.sv .rank,
.info-plus .sv { background-color: #E1002D; }
.pp .rank,
.info-plus .pp  { background-color: #E100A9; }
.mg .rank,
.info-plus .mg  { background-color: #7D3200; }
.va .rank,
.info-plus .va  { background-color: #003869; }
.multi .rank,
.info-plus .multi  { background-color: #777; }


.entry.fb { border-color: #58A500!important; }
.entry.rp { border-color: #00A9E1; }
.entry.sr  { border-color: #FF5900; }
.entry.cm  { border-color: #7C00A5; }
.entry.sv  { border-color: #E1002D; }
.entry.pp  { border-color: #E100A9; }
.entry.mg  { border-color: #7D3200; }
.entry.va  { border-color: #003869; }
.entry.multi  { border-color: #777; }


.fb .plus-info a:hover { background-color: #58A500!important; }
.rp .plus-info a:hover  { background-color: #00A9E1!important; }
.sr .plus-info a:hover { background-color: #FF5900!important; }
.cm .plus-info a:hover { background-color: #7C00A5!important; }
.sv .plus-info a:hover { background-color: #E1002D!important; }
.pp .plus-info a:hover { background-color: #E100A9!important; }
.mg .plus-info a:hover { background-color: #7D3200!important; }
.va .plus-info a:hover { background-color: #003869!important; }
.multi .plus-info a:hover { background-color: #777!important; }



/* Encart libre */ 
/* ------------ */
.serv-une {
  background: #CFFB43;
  padding: 15px;
  margin: 20px auto;
  border: 6px double #78E534;
  text-align: center;
  border-radius: 3px;
  font-size: 18px;
  color: #000;
  text-shadow: 1px 0 0px rgba(255,255,255,0.5);
  max-width: 1140px;
}
.serv-une a {
  text-decoration: none;
  color: #000;
  padding: 2px;
  font-weight: bold;
  text-decoration: underline;
}
.serv-une a:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
}