@charset "UTF-8";
/* CSS Document */

/* PLUGIN REPRESENTATIONS TABLE */

.table_representations  {
display: table;
table-layout:fixed;
width: 100%;
min-width: 100%;
box-sizing: border-box;
}

.table_representations div {
display: table-cell;
box-sizing: border-box;
padding: 0 1%;
vertical-align: middle;
}

/* Style de la rangée */
.table_representations div.row {
display: block;
text-align: left;
padding: 15px 5px;
border-bottom: #4A2F1A 1px solid; /* A PERSONNALISER */
}

/* Largeur colonne Day */
.table_representations .day {
width: 200px;
}

/* Largeur colonne Place */
.table_representations .place {
width: 780px;
}

/* Largeur colonne Billetterie */
.table_representations .billetterie { 
width: 320px;
text-align: center;
}

/* Largeur des block à l'intérieur des colonnes */
.table_representations .heure {
  width: 28%;
  display: inline-block;
}
.table_representations .date {
  width: 68%;
  display: inline-block;
}
.table_representations .lieu, .table_representations .town {
width: 48%;
display: inline-block;
}

.table_representations .old.plein .billetterie {
visibility: visible;
}

/* Couleurs du lieu */
.table_representations .lieu {
color: #F49537; /* A PERSONNALISER */
}

/* Couleurs bouton DISPONIBLE */
.table_representations .dispo a, .table_representations .dispo a:visited {
color: #FFF;
background: #008f49;
padding: 7px 15px;
border-radius: 5px;
text-transform: uppercase;
display: inline-block;
text-decoration: none;
}

.table_representations .dispo a:hover {
color: #FFF;
background: #6AF2B0;
text-decoration: none;
}

/* Couleurs bouton REPORTE */
.table_representations .reported a, .table_representations .reported a:visited {
background: #F5BF42;
padding: 7px 15px;
border-radius: 5px;
text-transform: uppercase;
text-decoration: none;
}

.table_representations .reported a:hover {
background: #F7D78D;
text-decoration: none;
}

/* Texte Report du */
.table_representations .txt {
display: block;
text-transform: inherit;
margin-top: 5px;
}

/* Couleurs ANNULE */
.table_representations .cancelled {
color: #4A2F1A !important; /* A PERSONNALISER */
}

/* Couleurs COMPLET */
.table_representations .plein .billetterie  {
color: #C20000 !important;
text-transform: uppercase;
}

/* Couleurs des Dates passées */
.table_representations .plein,
.table_representations .old ,
.table_representations .old .lieu,
.table_representations .old .town,
.table_representations .old .billetterie,
.table_representations .old.cancelled,
.table_representations .old.reported,
.table_representations .old.plein,
.table_representations .old.plein .billetterie  {
color: #4A2F1A !important; /* A PERSONNALISER */
background: none;
}

/* Dates passées ne pas afficher dispo */
.table_representations .old.dispo .billetterie {
  visibility: hidden;
}
.spacer {
height: 0px;
}

@media only screen and (max-width: 768px) {

/* Largeur colonne Day Smartphone */
.table_representations .day {
width: 70px;
}

/* Largeur colonne Place Smartphone */
.table_representations .place {
width: 230px;
}

/* Largeur colonne Billetterie Smartphone */
.table_representations .billetterie { 
width: 100% !important;
display: block;
text-align: left;
font-style: italic;
padding-top: 10px;
}

/* Colonnes intérieur sur toute la largeur Smartphone */
.table_representations .date, .table_representations .heure, .table_representations .lieu, .table_representations .town {
width: 98%;
display: block;
}

/* Colonnes intérieur sur toute la largeur Smartphone */
.table_representations .dispo a, .table_representations .dispo a:visited {
display: block;
padding: 15px;
font-style: normal;
text-align: center;
}

/* Colonnes intérieur sur toute la largeur Smartphone */
.table_representations .plein .billetterie  {
font-style: normal;
text-align: center;
}

}


/* A PERSONNALISER */