.pagedjs_page_content > div {
  height: 100%;
}

.layout {
  display: flex;
  flex-direction: column;
  height: 100%;
}


.no-folio {
  page: nofolio;
  page-break-before: avoid !important;
  page-break-inside: avoid !important;
  page-break-after: avoid !important;

}

.blank-page {
  page-break-after: always;
}

.image-bleed {
  position: absolute;
  width: calc(100% + #{$fond-perdu} * 6);
  height: calc(100% + #{$fond-perdu} * 6);
  margin-left: -$fond-perdu - 16;
  margin-top: -$fond-perdu - 16;
}

.image-cover {
  page: imagecover;
  background-size: cover;
  background-position: center;
  background-color: lightgray;
  background-repeat: no-repeat;
}

.cover-left {
  background-position: 0 50%;
}

.cover-right {
  background-position: -148mm 50%;
}

.grow {
  flex: 1;
}

.column {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.justify-end {
  justify-content: flex-end;
}

.canbreak {
  page-break-before: always;
}

.v-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}