/**
 * Brussels Poker CLub website 2.0
 * Designed by Polleunus Philippe
 *
 * 
 * Copyright 2017 , Brussels Poker CLub
 * http://www.brusselspoker.be/
 * 
* 
 * Released on: Avril 19, 2017
 */

/*==========================
  page
==========================*/

/*==========================
  Content page
==========================*/

.imgArticlesHu {
  border-radius: 3px;
  display: block;
  float: right;
  margin: 0 0 0 6.142%;
  width: 49%;
}
.imgArticlesHu img {
  width: 100%;
}
.imgArticles {
  border-radius: 3px;
  display: block;
  margin: 3.142% auto;
}
.modelPgs .content img {
  border-radius: 3px;
  display: block;
  margin: 0 auto;
}
.modelPgs .content p {
  display: block;
  margin: 3.1415% auto;
}
.modelPgs .imgArticles em {
  float: right;
  font-size: 0.6em;
  margin-bottom: 3.1415%;
  width: 100%;
}
.modelPgs .imgArticlesHu em {
  display: block;
  font-size: 0.6em;
  text-align: center;
  width: 100%;
}

/*==========================
  Footer page
==========================*/


/*==========================
  rules page
==========================*/
.chapitre {
  margin-left: 1.618%;
  margin-top: 1.618%;
}
.chapitre p:first-child {
  font-size: 150%;
  margin-left: -1.618%;
  margin-top: 3.1415%;
}
.sousChapitre {
  font-size: 90%;
  margin-left: 3.1415%;
}
.sousChapitre p:first-child {
  font-size: 18px;
  margin-left: -3.1415%;
}
.sousChapitreTab {
  margin-left: 3.1415% !important;
}

/*==========================
  tournois page
==========================*/
/*   Online   */
.rankLeftL, .rankRightO {
    width: 82%;
}
.bigEvent {
  border: 1px solid #e1e1e1;
  box-shadow: 0 11px 6px -4px rgba(0, 0, 0, 0.1);
  display: inline-block;
  font-size: 84%;
  margin: 0 0 0 3.1415%;
  padding: 1.618%;
  text-align: center;
  width: calc(100% / 3 - 2.142% - 2.142%);
}


/*   Live   */
.modelPgs .imgBpcl img {
  border-radius: 3px;
  display: block;
  float: right;
  margin: 0 -9% 0 3%;
}
.modelPgs .imgBpcl h2 {
  text-align: left;
}
.modelPgs .header .detailRow, .modelPgs .header #championnat, .modelPgs .header #reservation {
  margin: 3.1415% auto;
}
.modelPgs .header .detailRow, .detailCel {
    /*border: 1px solid #e1e1e1;*/
  border: 1px solid #993333;
  border-radius: 12px;
  color: #993333;
  display: inline-block;
  height: auto;
  margin: 1.618%;
  padding: 1.618%;
  width: calc(100% / 8 - 1.66%);
}
.modelPgs .header .detailRow, .detailCel p {
  font-size: 0.95em;
  height: auto;
  text-align: center;
  width: 100%;
}
.modelPgs .header .detailRow, .detailCel p:last-child {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.2em;
}
.avatar {
  /*background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #ccc;*/
  display: flex;
  height: auto;
  margin: 3.1415% 0;
  padding: 3.1415% 3.1415% 3.1415% 1.618%;
  text-align: left;
  width: 100%;
}
.avatarImg {
  float: left;
  height: auto;
  width: 36%;
}
.avatarImg img {
  border-radius: 20px 3px;
  height: auto;
  margin: 0 0 0 6%;
  width: 86%;
}
.avatarInfos {
  border-left: 1px solid #ccc;
  float: left;
  height: auto;
  padding-left: 5%;
  width: 100%;
}
.avatarNom {
  width: 100%;
}
.avatarPseudo {
  border-bottom: 0.618px solid #000;
  font-weight: bold;
}
.avatarVictoire {
  color: #bf8e34;
  float: right;
}
.avatarStatus {
  color: rgb(191, 83, 52);
  font-size: 0.8em;
  /*margin-top: 8%;*/
}
.avatarDate {
  margin-top: 3.1415%;
}
.modelPgs .footer .specialThks p {
  float: left;
  margin-bottom: 3.1415%;
  text-align: left;
  width: 50%;
}
/* ---- salle ---- */
.mapsAdress {
  height: auto;
  width: 100%;
}
.transports {
  height: 230px;
  width: 100%;
}
.taxiRetour {
  font-size: 0.9em;
  height: 385px;
  width: 100%;
}
.transportLeft, .transportRight {
  display: inline-block;
  float: left;
}
.transportLeft {
  margin-right: 8%;
  width: 46%;
}
.transportRight {
  width: 46%;
}
.directions32, .directions55, .directions64, .directions45, .directions59, .directions69 {
  border: 0.618px solid rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  color: #000;
  font-size: 0.8em;
  margin: 3.1415%;
  text-align: left;
}
.directions32 {
  background: rgb(242, 220, 23) none repeat scroll 0% 0%;
}
.directions55 {
  background: rgb(227, 186, 18) none repeat scroll 0% 0%;
}
.directions64 {
  background: rgb(222, 59, 33) none repeat scroll 0% 0%;
}
.directions45 {
  background: rgb(176, 133, 179) none repeat scroll 0 0;
}
.directions59 {
  background: rgb(153, 99, 8) none repeat scroll 0 0;
}
.directions69 {
  background: rgb(232, 125, 13) none repeat scroll 0 0;
}
.transportLeft i, .transportRight i {
  float: left;
  height: 35px;
  width: 35px;
}
/* ---- icon STIB ---- */
[class^="ico-stib-"], [class*="ico-stib-"] {
    background: rgba(0, 0, 0, 0) url("../images/design/icon-stib.png") no-repeat scroll 14px 14px;
    margin-left: 10px;
    margin-top: 7px;
}
.ico-stib-32 {background-position: -4px -4px;}
.ico-stib-45 {background-position: -4px -42px;}
.ico-stib-55 {background-position: -4px -81px;}
.ico-stib-59 {background-position: -4px -121px;}
.ico-stib-64 {background-position: -4px -159px;}
.ico-stib-69 {background-position: -4px -199px;}
.ico-stib-80 {background-position: -4px -239px;}

.taxiLeft, .taxiRight {
  float: left;
  width: 246px;
}
.taxiLeft {
  margin-right: 10%;
}
.taxiRight {
}
.taxiRetour .taxiLeft p, .taxiRetour .taxiRight p {
  text-align: left;
}

/* ----- SVG sizing --------*/

.responsive-svg {
  width: 150%;
  height: auto;
}