#company-description
{
  min-height: 15em;
}

.preview
{
  transform-origin: top left;
}

.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}

@media (max-width: 576px) {
  .preview {
    transform: scale( 0.76, 0.76 );
    /*width: 100%;*/
    /*height: 320px;*/
    height: 280px;
  }
}



@media (min-width: 576px) {
  .preview {
    transform: scale(86%, 86%);
    height: 320px;
  }
}

@media (min-width: 768px) {
  .preview {
    transform: scale(119%, 119%);
    height: 450px;
  }
}

@media (min-width: 992px) {
  .preview {
    transform: scale(78%, 78%);
    height: 295px;
  }
}


@media (min-width: 1200px) {
  .preview {
    transform: scale(94%, 94%);
    height: 355px;
  }
}

@media (min-width: 1400px) {
  .preview {
    transform: scale(110%, 110%);
    height: 420px;
  }
}

.preview-image img {
  max-width: 100%;
  max-height: 300px;
}

.preview-paper
{
  background-image: url('/texture-blanc_1160-786.jpg');
  background-size: cover;
}


.fiche-info {
  /*outline: gray 1px dashed;*/
  position: relative;
  width: 148.5mm;
  height: 99mm;
  font-size: 4mm;
  box-sizing: border-box;
  padding: 2mm;
  line-height: 5mm;
}

.fiche-company-name,
.fiche-address-1,
.fiche-address-2,
.fiche-address-3,
.fiche-contact-info,
.fiche-your-contact,
.fiche-contact-fullname,
.fiche-contact-position,
.fiche-contact-phone,
.fiche-contact-mail,
.fiche-company-illustration,
.fiche-company-logo,
.fiche-company-description
{
  width: 50%;
}

.fiche-address-1,
.fiche-address-2,
.fiche-address-3,
.fiche-contact-info,
.fiche-contact-fullname,
.fiche-contact-position,
.fiche-contact-phone,
.fiche-contact-mail,
.fiche-company-description
{
  width: 50%;
  overflow: hidden;
  white-space: nowrap;
}


.fiche-company-illustration
{
  position: absolute;
  bottom: 2mm;
  left: 2mm;
  width: calc(50% - 4mm);
}

.fiche-company-logo,
.fiche-company-description
{
  width: calc(50% - 2mm);
  position: absolute;
}

.fiche-zipcode,
.fiche-city
{
  display: inline-block;
}
.fiche-city
{
  margin-left: 0.5em;
}

.fiche-contact-phone .value,
.fiche-contact-mail .value
{
  display: inline-block;
  margin-left: 0.25em;
}

.fiche-info img
{
  width: 100%;
  z-index: 0;
}

.fiche-company-name { font-size: 6mm; font-weight: bold; }
.fiche-company-logo { top: 2mm; right: 2mm; }
.fiche-company-description { bottom: 2mm; right: 2mm; }
.fiche-contact-phone { font-size: 3.5mm; }
.fiche-contact-mail { font-size: 3.5mm; }


.fiche-info[data-category='liquide']
{
  --category-color: 255, 192, 0;
}
.fiche-info[data-category='epicerie']
{
  --category-color: 231, 78, 18;
}
.fiche-info[data-category='frais-libre-service']
{
  --category-color: 38, 180, 202;
}
.fiche-info[data-category='frais-traditionnel']
{
  --category-color: 208, 1, 53;
}
.fiche-info[data-category='non-alimentaire']
{
  --category-color: 166, 76, 138;
}

.fiche-address-3
{
  height: 5mm;
}

.fiche-company-illustration,
.fiche-company-logo
{
  z-index: 0;
  width: 71.035mm;
  height: 31.919mm;
  /*width: 839px;*/
  /*height: 377px;*/
  overflow: hidden;
}

.fiche-company-name
{
  position: relative;
  font-size: 5mm;
  line-height: 6mm;
  height: 12mm;
  margin-bottom: 4mm;
  color: rgb(var(--category-color));
  z-index: 10;
}

.fiche-your-contact
{
  margin-top: 5mm;
  box-sizing: border-box;
  border: solid black;
  border-width: 1mm 0;
  width: calc(50% - 2mm);
  border-color: rgb(var(--category-color));
  font-weight:  bold;
}
.fiche-company-description {
  font-size: 3.5mm;
  line-height: 4mm;
  text-align: justify;
  box-sizing: border-box;
  padding: 1mm;
  background-color: rgba(0,0,0,0.1);
  height: 60mm;
  background-color: rgba(var(--category-color), 0.2);
  white-space: pre-line;
}