/* GESTION DES FIGURES */

figure{
	margin-bottom: 1em;
}

figcaption{
  margin-top: calc(var(--baseline)*0.5);
}

figcaption::before{
  content: "(>)";
  /* font-family: var(--sign-family); */
  font-size: var(--fs-notes);
   /* font-family: var(--sign-family);
     font-size: var(--sign-size);
  color: var(--sign-color);
  letter-spacing: var(--sign-spacing);
  font-family: var(--sign-family);
  line-height: var(--sign-baseline); */
  position: absolute;
  left: 0;
}

figcaption p{
	margin: 0;
  text-indent: 0!important;
  text-align: left!important;
    /* text-align: center!important; */
      font-size: var(--fs-notes);
    line-height: 14px;
    font-weight: 500;
    padding-left: calc(var(--unit) * 0.5);
}

figcaption p::before{
  display: none;
}

figure[data-ratio] {
  position: relative;
  width: 100%;
  aspect-ratio: var(--ratio);
}

figure[data-crop="true"] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

figure[data-crop="false"] img {
  width: 100%;
  height: auto;
  object-fit: contain;
}


/* --- INTERPAGE ---- */

.interpage{
  break-before: left;
}
.interpage figure {
  /*background-color: var(--copper);*/
  background-color: var(--silver);
}

.interpage figure img {
  filter: grayscale(100%);
  mix-blend-mode: screen;
}



/* SPECIFIC */

#fig-outdoor-computer-club-1{
  margin: 0;
  width: calc(var(--unit) * 5);
  break-before: page;
  break-after: page;
  position: absolute;
  bottom: 2px;
}


#fig-outdoor-computer-club-2,
#fig-outdoor-computer-club-3{
   margin: 0;
  width: calc(var(--unit) * 6.5);
  height: var(--pagedjs-height);
 
  position: absolute;
}



#fig-outdoor-computer-club-2{
  top: -11px;
   break-after: page;
}

#fig-outdoor-computer-club-3{
  break-before: page;
  break-after: page;
  top: 6px;
}