@media print {

  @page {
    size: 165mm 240mm;
    margin-top: 25mm;
    margin-bottom: 14mm;
    /* bleed: 6mm;
    marks: crop; */

    margin-left: 33mm;
    margin-right: 11mm;

  }

  @page:left {


    @top-left {
      content: element(decor);
      width: 0px;
      vertical-align: top;
      padding-top: 8mm;
      color: var(--rouge);
        font-family: var(--font-nav);
       font-weight: 120;
    }


    @top-right {
      content: element(author);
      vertical-align: top;
      padding-top: 8mm;
      width: 100%;
      padding-top: 8mm;
      text-align: right;
       color: var(--rouge);
         font-family: var(--font-nav);
       font-weight: 120;
    }



    @top-left-corner {
      content: counter(page);
      vertical-align: top;
      padding-top: 8mm;
      text-align: left;
      margin-left: 11mm;
       color: var(--rouge);
       font-size: 14px;
      font-family: var(--font-nav);
       font-weight: 120;

    }


  }

  @page:right {
    /* margin-left: 18mm;
    margin-right: 26mm; */


    @top-left {
      content: element(type);
      width: 0px;
      vertical-align: top;
      padding-top: 8mm;
       color: var(--bleu);
       font-family: var(--font-nav);
       font-weight: 120;
    }

    @top-right {
      content: element(title);
      vertical-align: top;
      padding-top: calc(8mm + 20px);
      /* padding-right: 11mm; */
      text-align: left;
      position: relative;
      left: -11mm;
      width: 100%;
         color: var(--bleu);
             font-family: var(--font-nav);
       font-weight: 120;
    }

    @top-right-corner {
      content: counter(page);
      width: 40px;
      position: relative;
      left: -40px;
      text-align: right;
      vertical-align: top;
      padding-top: 8mm;
         color: var(--bleu);
              font-size: 14px;
            font-family: var(--font-nav);
       font-weight: 120;
    }

  }



  .chapter {
    break-before: right;
    page: chapter;
  }


  @page chapter:first {
    @top-right {
      content: none;
    }

  }

  @page:blank {
    @top-left {
      content: none;
    }
    @top-left-corner {
      content: none;
    }
      @top-right {
      content: none;
    }
        @top-center {
      content: none;
    }

    @bottom-center {
      content: none;
    }


  }
}



.nav-title {
  position: running(title);
}

.nav-author {
  position: running(author);
}

.nav-type {
  position: running(type);
}

.nav-decor {
  position: running(decor);
}



/* borders */
	.pagedjs_margin-top-left-corner-holder:before{
		content: " ";
		background: var(--vert);
		width: 100%;
		height: var(--border);
		position: absolute;
	}

	.pagedjs_margin-left:before{
		content: " ";
		position: absolute;
		top:0;
		background: var(--bleu);
		width: var(--border);
		height: var(--pagedjs-height);
		z-index: 2;
	}

	.pagedjs_right_page .pagedjs_margin-left:before{
		content: none;
	}

	.pagedjs_margin-right:after{
		content: " ";
		position: absolute;
		top:0;
		right: 0;
		background: var(--bleu);
		width: var(--border);
		height: var(--pagedjs-height);
		z-index: 2;
	}

	.pagedjs_left_page .pagedjs_margin-right:after{
		content: none;
	}

	.pagedjs_margin-bottom:after{
		content: " ";
		background: var(--rouge);
		width: 100%;
		height: var(--border);
		position: absolute;
		bottom: 0;
		left: 0;
	}