body {
  background-color: #edebdd;
  padding: 25px;
  font-family: Barlow;
}
.container .inside {
  padding: 25px;
}
.meta-rubrique {
  color: tomato;
  font-size: 14pt;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: dashed 1px tomato;
  margin: 40px 0 10px 0;
  letter-spacing: 2px;
}
.meta-name {
  font-size: 24pt;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}
.meta-slogan {
  text-align: center;
}
.meta-billetteries {
  text-align: right;
  margin-right: 20px;
}
.meta-billetteries .meta-billetterie {
  display: block;
  color: gray;
  padding: 10px;
  font-size: 10pt;
  border: solid 1px #eaeaea;
  position: relative;
  overflow: hidden;
}
.meta-billetteries .meta-billetterie:after {
  display: block;
  content: '';
  clear: both;
}
.meta-billetteries .meta-billetterie:hover img {
  border-radius: 0;
  transition: border-radius 0.25s;
}
.meta-billetteries .meta-billetterie .left {
  float: left;
  width: calc(100% - 80px);
}
.meta-billetteries .meta-billetterie .right {
  float: right;
}
.meta-billetteries .meta-billetterie img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: solid 4px white !important;
  transition: border-radius 1s;
}
.meta-billetteries .meta-billetterie .billetterie {
  font-size: 13pt;
  color: tomato;
  font-weight: bolder;
  line-height: 15pt;
  margin-top: 0px;
}
.meta-billetteries .meta-billetterie .date_et_lieu {
  text-transform: uppercase;
}
.meta-instances {
  vertical-align: bottom;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 20px;
}
.meta-instances.meta-instances-mobile {
  gap: 5px 10px;
}
.meta-instances .meta-instance {
  vertical-align: top;
  display: block;
  color: gray;
  background-color: white;
  padding: 10px;
  width: 200px;
  font-size: 10pt;
  text-align: center;
  border: solid 1px #eaeaea;
  filter: drop-shadow(0 0 4px #ccc);
  position: relative;
  overflow: hidden;
}
.meta-instances .meta-instance.meta-instance-mobile {
  width: 160px;
}
.meta-instances .meta-instance img {
  margin: 0 0 10px 0;
  width: 100%;
}
.meta-instances .meta-instance .billetterie {
  font-size: 8pt;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.meta-instances .meta-instance .product {
  font-size: 13pt;
  color: tomato;
  font-weight: bolder;
  line-height: 15pt;
  margin-top: 10px;
}
.meta-instances .meta-instance .date {
  margin: 10px 0;
}
.meta-instances .meta-instance .tomato {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: top 1s;
  cursor: pointer;
  top: 100%;
  left: 0;
  padding: 20px;
}
.meta-instances .meta-instance .tomato .product {
  color: inherit !important;
}
.meta-instances .meta-instance .tomato img {
  width: 50%;
  border-radius: 100%;
  background-color: white;
  padding: 10px;
  margin-bottom: 20px;
}
.meta-instances .meta-instance:hover div.tomato {
  transition: top 0.15s;
  top: 0;
}