/* GESTION DES FIGURES */
/* figure{
	margin-bottom: 1em !important;
} */


figure {
  break-inside: avoid;
}

figure img {
  border: 1px solid var(--portfolio-border);
  z-index: 10;
  margin-top: -1px;
}


figure::before {
  content: "+";
  width: 100%;
  height: 5.5mm;
  padding: 0mm 1mm;
  text-align: right;
  color: black;
  background-color: white;
  display: block;
  border: 1px solid var(--portfolio-border);
  border-bottom-color: transparent;
}



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


.chapter-content figcaption p::before {
  content: '' !important;
  display: none;
}

figcaption {
  border: 1px solid var(--portfolio-border);
  font-size: var(--fs-notes);
  line-height: var(--lh-notes);
  background-color: white;
  max-width: calc(var(--unit)*4);



  z-index: 20;

  position: relative;
  top: calc(var(--baseline)*-1);
  left: calc(var(--unit)*-0.5);


}

figcaption p {
  text-indent: 0!important;
  text-align: left!important;
  hyphens: none!important;
  padding-block: calc(var(--lh-notes)*0.5);
  padding-left: 1.5ch;
  padding-right: 0.75ch;

}


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

.interpage:not(#toc-interpage) {
  break-before: left;
}

.interpage figure:first-child {
  background-color: var(--silver);
}

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

.interpage{
  page: interpage;
}

.pagedjs_interpage_page .running-page_container{
  display: none;
}

@page interpage{
  @top-left-corner {content: none;}
  @top-left {content: none;}
  @top-center {content: none;}
  @top-right {content: none;}
  @top-right-corner {content: none;}
  @left-top {content: none;}
  @left-middle {content: none;}
  @left-bottom {content: none;}
  @right-top {content: none;}
  @right-middle {content: none;}
  @right-bottom {content: none;}
  @bottom-left-corner {content: none;}
  @bottom-left {content: none;}
  @bottom-center {content: none;}
  @bottom-right {content: none;}
  @bottom-right-corner {content: none;}
}

/* SPECIFIC */



/* Charlie Aubry------------------------------------ */



/* CORENTIN LOUBET -------------------------------------- */


/* GUillaume Roland ------------------- */




#fig-guillaume-roland-1,
#fig-guillaume-roland-2,
#fig-guillaume-roland-3,
#fig-guillaume-roland-4,
#fig-guillaume-roland-5,
#fig-guillaume-roland-6{
    width: calc(var(--unit)*5);
  margin-top: var(--baseline);
  margin-bottom: var(--baseline);
  left: calc(var(--unit)*1);
  margin-inline: var(--unit);

}
#fig-guillaume-roland-1,
#fig-guillaume-roland-2{
  position: absolute;
  break-after: page;
  margin-inline: 0;
}

#fig-guillaume-roland-3,
#fig-guillaume-roland-4{
  margin-top: 0;
}

#fig-guillaume-roland-5{
  break-after: page;
  padding-top: 9px;
}



/* LAfargue ---------------------  */

#fig-jean-noel-lafargue-1{
      width: calc(var(--unit)*7.5);
      position: relative;
      left: calc(var(--unit)*-0.75);
  /* margin-top: calc(var(--baseline)*1.5) */
}

#fig-jean-noel-lafargue-1 figcaption{
   position: relative;
      left: calc(var(--unit)*0.25);
      max-width: calc(var(--unit)*5);
      margin-top: 10px;
}

#gallery-jean-noel-lafargue-1{
  break-after: page;
  margin-top: calc(var(--baseline)*1);
  position: absolute;
  left: 5mm;
  background-color: red;
  height:calc(var(--baseline)*30);

}

#gallery-jean-noel-lafargue-1 figcaption{
   position: absolute;
   width: calc(var(--unit)*4);
   top: 125mm;
    left: -19mm;
       z-index: 40;
}
#fig-jean-noel-lafargue-2{
  position: absolute;
     width: calc(var(--unit)*3.5);
     left: calc(var(--unit)*3.5 - 20px);
     top: 70px;
     z-index: 20;
}

#fig-jean-noel-lafargue-3{
  position: absolute;
     width: calc(var(--unit)*3);
     left: calc(var(--unit)*2.5);
     top: 80mm;
        z-index: 30;
}

#fig-jean-noel-lafargue-4{
  /* position: absolute; */
  position: absolute;
     width: calc(var(--unit)*4);
     left: calc(var(--unit)*-0.5);
          z-index: 10;
}

#fig-jean-noel-lafargue-5{
   width: calc(var(--unit)*4.5);
   position: relative;
}

#fig-jean-noel-lafargue-5 figcaption{
  position: absolute;
  left: calc(var(--unit)*4);
  top: 29mm;
  width: calc(var(--unit) * 3.5);
}

#fig-jean-noel-lafargue-6{
   width: calc(var(--unit)*4.5);
   position: relative;
   top: -18mm;
   left: 40mm;
   margin-bottom: -65px;
}

#fig-jean-noel-lafargue-6 figcaption{
 width: calc(var(--unit) * 3.5);
}



#fig-jean-noel-lafargue-7{
   width: calc(var(--unit)*5);
   position: relative;
}

#fig-jean-noel-lafargue-7 figcaption{
  /* position: absolute;
  left: calc(var(--unit)*4);
  top: 29mm; */
  width: calc(var(--unit) * 3.5);
}

#fig-jean-noel-lafargue-8{
   width: calc(var(--unit)*6);
   left: calc(var(--unit) * 1);
   position: absolute;
}

#fig-jean-noel-lafargue-8 figcaption{
  left: calc(var(--unit)*-0.75);
}

#fig-jean-noel-lafargue-9{
  break-before: page;
  position: absolute;
  top: 35mm;
  width: calc(var(--unit)*7);
  left: -5mm;
}

#fig-jean-noel-lafargue-9 figcaption{
  left: calc(var(--unit)*3.5);
  top: -8mm;
}

#fig-jean-noel-lafargue-10{
  width: calc(var(--unit)*6);
  left: calc(var(--unit) * 1);
  position: absolute;
  break-before: page;
  top: 95mm;
  z-index: 30;
}

#fig-jean-noel-lafargue-10 figcaption{
    max-width: calc(var(--unit)*4.5);
    position: absolute;
    top: 80mm;
    left: calc(var(--unit) * -1.5);
}

#fig-jean-noel-lafargue-11{
  position: absolute;
  top: 10mm;
  width: calc(var(--unit)*6);
  left: calc(var(--unit) * -0.5);
  z-index: 20;
}

#fig-jean-noel-lafargue-11 figcaption{
    width: calc(var(--unit)*4);
    position: absolute;
    top: 65mm;
    left: calc(var(--unit) * 3.5);
    

}






/* ROlivain Porry -----------------------------------------------  */

#fig-olivain-porry-1{
/*--pagedjs-float-page: next-page;*/
padding-bottom: 38px;
 width: calc(var(--unit)*6.5);
 margin-top: var(--baseline);
 /*margin-top: -5mm;*/
}

#fig-olivain-porry-1 figcaption{
  max-width: calc(var(--unit)*2);
  position: absolute;
  top: 120mm;
  left: auto;
  right: -10mm;
}

#fig-olivain-porry-2{
margin-top: calc(var(--baseline)*2);
}

#fig-olivain-porry-2 figcaption{
  max-width: calc(var(--unit)*4);
  position: absolute;
  top: 183mm;
}

#fig-olivain-porry-3{
position: absolute;
 width: calc(var(--unit)*6.5);
 break-after: page;
 margin-top: var(--baseline);
}

#fig-olivain-porry-3 figcaption{
  width: calc(var(--unit)*3);
  position: absolute;
  top: 234px;
  left: 290px;
}

#fig-olivain-porry-4{
   margin-top: calc(var(--baseline)*4);
}

#fig-olivain-porry-4 figcaption{
  width: calc(var(--unit)*3);
  }


  /* GAuget & montigné ----------------------- */

#fig-bertrand-gauguet-nbsp-benoit-nbsp-montigne-1{
  margin-top: calc(var(--baseline)*-1);
  width: calc(var(--unit)*5);
}

#fig-bertrand-gauguet-nbsp-benoit-nbsp-montigne-1 figcaption{
  position: absolute;
  top: 5mm;
  left: calc(var(--unit)*3.5);
}

#fig-bertrand-gauguet-nbsp-benoit-nbsp-montigne-2{
  position: absolute;
  width: calc(var(--unit)*5);
  left: calc(var(--unit)*-0.5);
  top: 100mm;
  left: 35mm;
}