/* 102mm de large sans les marges */
/* 18mm de marge à gauche (margin notes)*/
/* 139mm de large dans les marges et dans la grosse marge de gauche*/
/* marge de gauche : 55mm - 18mm = -37mm*/

/* --------- Variable ---------- */

:root{
	--back-width : 2cm; /*taille du dos*/
	--mono-font: "Sligoil";
	--text-font: "HK Grotesk";
	--title-font: "Ortica";
	--icone-font: "icomoon";
	--grey : #191919;
	--baseline: 17.5px;
	--pagedjs-baseline-offset-color: cyan;
}

*{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --------- Paramètres de base ---------- */
@page{
	size: 17cm 24cm;
	bleed: 6mm;
	/*marks: crop;*/
	  /*numéro de page*/
	  @bottom-right {
	   content: counter(page);
	   font-size: 9pt;
	   text-align: right;
	   float: right;
	   font-family: var(--text-font);
	   color: var(--grey);
	   margin-bottom: -5mm;
	   font-weight: 500;
	 	}

	 	/*titre courant*/
	 	@bottom-left {
	 		content: string(title);
	    font-size: 9pt;
	    margin-left: -3.3cm;
	    /*text-transform: lowercase;*/
	    font-family: var(--text-font);
	    /*color: var(--grey);*/
	    margin-bottom: -5mm;
	    font-weight: 500;
	  }
/*	  @bottom-left-corner{
	  	content: "\e900";
	  	font-family: var(--icone-font);
	  	margin-left: -3.5cm;
	  	font-size: 16pt;
	  	margin-bottom: -5mm;
	  }*/
	}

	@page :left {
	  margin: 13mm 13mm 25mm 55mm;
	}

	@page :right {
	  margin: 13mm 13mm 25mm 55mm;
	}


body{
	font-size: 10pt; 
	font-family: var(--text-font);
}

img{
	width: 100%;
}

h1{
	font-family: var(--title-font);
	font-weight: normal;
	font-size: 38pt;
	margin-top: 0;
	/*text-transform: uppercase;*/
	margin-bottom: 0;
	string-set: title content(text);
}

h2, h3{
	font-family: var(--title-font);
	font-weight: normal;
}

h2 {
	line-height: calc(var(--baseline)*1.5);
}

h3{
	line-height: var(--baseline);
}

p{
	text-align: justify;
	-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
	hyphens: auto;
	-webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 4;
  -ms-hyphenate-limit-chars: 7 3 4;
  hyphenate-limit-chars: 7 3 4;
	word-wrap: break-word;
  overflow-wrap: break-word;
	margin-bottom: var(--baseline);
	margin-top: 0;
	line-height: 18px;
	widows: 3;
	orphans: 3;
}

a{
	color: #000;
	text-decoration: none;
}

ul, figure, ol{
	margin: 0;
	padding: 0
}

ul li{
	list-style: none;
}

figure.logo {
	margin-top: 1cm;
	margin-bottom: var(--baseline);
}

figure.logo img{
	width:1.5cm;
}

/*sup, sub {
  vertical-align: top;
  position: relative;
  top: -0.4em;
}*/

/* custom pagenreak from kirbytag break*/
.pagebreak{
	page-break-after: always;
}

/* --------- Pages intérieures ---------- */
.pagedjs_page.pagedjs_blank_page{
	background-color: #000;
}

@page blank{
	background: #000;
	@bottom-right {content: none;}
	@bottom-left {content: none;}
  @bottom-left-corner {content:none;} 
}

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

.blank-page.black{
	page: blackpage;
}

@page blackpage{
	background: #000;
	@bottom-right {content: none;}
	@bottom-left {content: none;}
  @bottom-left-corner {content:none;} 
}


.blank-page.white{
	page: whitepage;
}

@page whitepage{
	background: #FFF;
	@bottom-right {content: none;}
	@bottom-left {content: none;}
  @bottom-left-corner {content:none;} 
}


/* pages d'entrée du livre */

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

.mapentrance-page h1{
	font-size: 80px;
	line-height: 1.1;
	margin: 2cm;
	margin-bottom: 0;
}

.mapentrance-page h2{
	font-size: 30px;
	margin-left: 2cm;
	margin-right: 2cm;
	margin-bottom: 2cm;
}

.mapentrance-page h3{
	font-size: 20px;
	font-family: var(--title-font);
	margin: 0 2cm;
	line-height: 1.2;

}

.mapentrance-page p{
	font-size: 11pt;
	margin-left: 2cm;
	margin-right: 2cm;
	margin-top: var(--baseline);
	line-height: 1.2;
}

.mapentrance-page .logo{
	position: relative; 
	top: 8cm;
	left: 2cm;
	width: auto;
}

.mapentrance-page figure{
  position: relative;
  top: 6cm;
  width: 14cm;
  margin: auto;
  /*margin-top: -50%;*/
}

.mapentrance-page.black{
	page: entranceblack;
}

.mapentrance-page.black p,
.mapentrance-page.black h1,
.mapentrance-page.black h2,
.mapentrance-page.black h3{
	color: #FFF;
}

@page entranceblack{
	background: #000;
	margin:0;
	@bottom-right {content: none;}
	@bottom-left {content: none;}
  @bottom-left-corner {content:none;} 
}


.mapentrance-page.white{
	page: entrancepage;
}

@page entrancepage{
	background: #FFF;
	margin:0;
	@bottom-right {content: none;}
	@bottom-left {content: none;}
  @bottom-left-corner {content:none;} 
}

/* ------ */

/* entrance pages */
.entrance-page > div {
	page-break-after: always;
}

.entrance-page ul{
	/*display: flex;*/
}

.entrance-page li{
	/*padding: var(--baseline);*/
	width: 12cm;
	position: absolute;
}

.entrance-page-left h2{
	color: #FFF;
	margin:0;
	margin-bottom: 1cm;
	font-size: 2.5em;
}

.entrance-page-left li:nth-child(1){
	left: -1.5cm;
	top: -0.5cm;
	width:10cm;
}

.entrance-page-left li:nth-child(2){
	left: 4.5cm;
	top: 5.85cm;
}

.entrance-page-left li:nth-child(3){
	left: -1cm;
	top: 14.1cm;
}

.entrance-page-right li:nth-child(1){
	left: -1.5cm;
  top: 0.4cm;
}

.entrance-page-right li:nth-child(2){
	left: 4cm;
	top: 5.5cm;
}

.entrance-page-right li:nth-child(2) figcaption{
	margin-left: -1.5cm;
}

.entrance-page-right li:nth-child(3){
	left: 0.5cm;
	top: 15cm;
	width:10cm;
}

.entrance-page li img{
	display: block; 
	width:47%;
	margin:auto;
}

.entrance-page li figcaption{
	margin-top: 0;
}

.entrance-page li figcaption p{
	text-align: center;
	font-weight: 500;
	color: #FFF;
	margin:0;
	font-size: 23pt;
	margin-top: 0.3cm;
	font-family: var(--title-font) ;
}

.entrance-page li figcaption .sommaire-visuel-title{
	font-size: 23pt;
	font-family: var(--title-font) ;
	/*text-transform: uppercase;*/
	line-height: 1.1;
}

#sortie-du-livre figcaption{
	 display: none;
}


#sortie-du-livre .entrance-page-left li:nth-child(1){
	left: 0cm;
  z-index: 6;
}

#sortie-du-livre .entrance-page-left li:nth-child(2){
  left: 5cm;
  top: 4.5cm;
  z-index: 5;
}

#sortie-du-livre .entrance-page-left li:nth-child(3){
  left: 7.5cm;
  top: 6.5cm;
  z-index: 4;
}

#sortie-du-livre .entrance-page-right li:nth-child(1){
	left: 1cm;
	top: -0.5cm;
}

#sortie-du-livre .entrance-page-right li:nth-child(2){
	left: 5cm;
	top: 5.5cm;
}

#sortie-du-livre .entrance-page-right li:nth-child(3){
	left: 0cm;
	top: 15cm;
}


.entrance-page{
	page: entrance;
}


@page entrance{
	background: #000;
	margin: 13mm;
}


.chapter-left-page {
  break-before: left;
  page: chapterleft;	
  width: 17cm;
  height: 24cm;
}

@page chapterleft{
	background: #000;
	margin:0;
}

.chapter-left-page .icone{
  position: relative;
  top: 50%;
  width: 10cm;
  margin:auto;
  margin-top: -50%;
}


.chapter{
	break-before: right
}

.chapter h1{
	/*border: 1px solid #000;*/
	/*padding: 0.2cm 0.2cm;*/
	margin:0;
/*	text-align: right;
	display: inline-block;*/
	width: 139mm;
	margin-left: -37mm;
/*	display: inline;
  white-space: pre-wrap;
  border: 0 solid #333;
  */
}

/*.chapter h1 .highlight {
  display: inline;
	outline: 1px solid #000;
  padding: 2mm 3mm;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}*/

.chapter .icone{
	position: absolute;
	top: 0;
	right: 0;
	width: 1.5cm;
	margin:0;
}


.summary{
	font-family: var(--title-font);
	/*position: relative;*/
	width: 139mm;
	margin-left: -37mm;
	margin-top: 2.4mm;
}

.summary ol{
	display: flex;
	flex-wrap: wrap;
	/*align-items: stretch;*/
	/*justify-content: flex-end;*/
}

.summary li{
	list-style: none;
	position: relative;
	outline: 1px solid #000;
/*	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;*/
	padding: 0.2cm 0.2cm;
	font-size: 12pt;
	/*flex-grow: 1;*/
	/*display: inline-block;*/
/*	margin-left: -2px;
	margin-top: -2px;*/
}

/*.summary li:first-child{
	border-left: 1px solid #000;
}*/
/*
.summary li:nth-child(1){
	left: 1cm;
	top: 1cm;
}

.summary li:nth-child(2){
	left: 3cm;
	top: 2cm;
}

.summary li:nth-child(3){
	left: 0cm;
	top: 4cm;
}*/

.chapter .content{
	margin-top: 32mm;
}

.chapter .content h2{
	margin-bottom: calc(var(--baseline));
} 

.chapter .content h3{
	margin-bottom: var(--baseline);
}

.chapter .content h2 .highlight, .chapter .content h3 .highlight{
/*  display: inline;
	outline: 1px solid #000;
  padding: 1mm 2mm;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;*/
}

.chapter .content p + h2, .chapter .content ul + h2, .chapter .content blockquote + h2,  .chapter .content figure + h2{
	margin-top: calc(var(--baseline) * 3 - 1.5mm);
	margin-bottom: calc(var(--baseline) - 0.5mm);
	/*line-height: 1.37;*/
	/*margin-bottom: 0;*/
}

.chapter .content p + h3, .chapter .content ul + h3, 
.chapter .content blockquote + h3, .chapter .content figure + h3 {
	margin-top: calc(var(--baseline) * 2);
	margin-bottom: var(--baseline);
	/*margin-bottom: 0;*/
}

.chapter .content h2 + h3{
/*	margin-top: -7.5px;*/
  margin-bottom: calc(var(--baseline));
  margin-top: 0;
}

.chapter .content h2 strong{
	font-weight: normal;
}

.chapter .content h2:first-child{
	margin-top: -1.7mm;
}

.chapter .content h3:first-child{
	margin-top: -0.1mm;
}

.chapter .content p .highlight{
	display: inline;
	outline: 1px solid #000;
  padding: 0mm 1mm;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}

.chapter .content p .highlight.black{
	color: #FFF;
	font-weight: 500;
  background: #000;
}

.chapter .content p .highlight.grey{
  background: #BFBFBF;
  outline-color: #BFBFBF;
}

.chapter .content code{
	font-family: var(--text-font);
	position: relative;
	margin-left: 1.5cm;
	font-size: 9pt;
	text-indent: 0;
	display: block;
}

.chapter .content code .margin-note{
	margin-left: -1.5cm;
}

.chapter .content blockquote{
	margin: 0;
	/*font-style: italic;*/
	font-family: var(--title-font);
	line-height: var(--baseline);
	margin-left: 1.5cm;
	font-size: 8.5pt;
	text-align: justify;
	margin-bottom: var(--baseline);
}

.chapter .content blockquote p{
	text-align-last: left;
}


.chapter .content blockquote footer{
	margin-top:  var(--baseline); 
	text-align: right;
	font-style: normal;
}

.chapter .content blockquote.verbatim{
	/*color: red;*/
	font-family: var(--text-font);
	font-size: 9pt;
	font-style: italic;
}

.chapter .content blockquote.sources-primaires{
	/*color: blue;*/
	font-family: var(--text-font);
	font-size: 9pt;
}


.chapter .content ul{
	margin-left: 1cm;
}

.chapter .content li{
	list-style: none;
	margin-top: 0;
	margin-bottom: var(--baseline);
	hyphens: auto;
	text-align: justify;
	line-height: 18px;
	/*border: 1px solid #000;*/
}

.chapter .content li:before{
	content: "—";
	font-size: 9pt;
	margin-left: -0.4cm;
	margin-right: 0.1cm;
}

/*.chapter .content li:before{
	content: "\e900";
	font-family: var(--icone-font);
	font-size: 1.3em;
	margin-left: -0.7cm;
	margin-right: 0.2cm;
}*/

figcaption, figcaption p{
	font-size: 7pt;
	margin-top: 0.15cm;
	text-align: left;
	line-height: 1.2;
/*	padding-left: 0.2cm;
	padding-right: 0.2cm;*/
}


figure.full-page{
	position: relative;
  top: 11cm;
	transform: translateY(-50%);
	/*filter: grayscale(1);*/
	/*width: 139mm;*/
	/*margin-left: -37mm;*/
}

figure.full-page.strip-wrapper{
	top: 0;
	transform: none;
}

/* réduire la taille des images en portrait */
figure.full-page.single-image.portrait{
  width: 80%;
  left: 50%;
  transform: translate(-50%,-50%);
}

figure.full-page.top{
	top: 0;
	transform: none;
}

figure.full-page.bottom{
	bottom: 0;
	transform: none;
	top: inherit;
}

/*.pagedjs_page_full-image{
  background: #000;
}*/

@page pagedjs-fullpage{
	background: #FFF;
	margin:13mm;
}

@page pagedjs-fullpageblack{
	background: #000;
}

figure figcaption, figure figcaption a{
	color: #000;
}

figure.background-black figcaption, figure.background-black figcaption a{
	color: #FFF;
}

.images-gallery{
	/*filter: grayscale(1);*/
}

.images-gallery ul{
	display: flex; 
	flex-wrap: wrap;
	position: relative;
	margin:0;
}

.images-gallery ul.col-1 li{
	margin:auto;
	margin-bottom: 0.5cm;
}

.images-gallery ul.col-1 li:last-child{
	margin-bottom: 0;
}

.images-gallery ul.col-1 li.square,
.images-gallery ul.col-1 li.square figcaption {
	width: 62%;
	text-align: center;
}

.images-gallery figcaption.square{
	width: 62%;
}

.images-gallery ul.col-1 li.portrait,
.images-gallery ul.col-1 li.portrait figcaption{
	width: 65%;
}

.images-gallery ul.col-1 li.landscape,
.images-gallery ul.col-1 li.landscape figcaption{
	width: 89%;
}

.images-gallery ul.col-2 li, 
.images-gallery ul.col-2 li figcaption{
	width: 46%;
	margin: 0.2cm;
	list-style: none;
}

.images-gallery ul.col-2 li:last-child{
	margin-bottom: 0.2cm;
} 

.images-gallery ul.strip{
	display: block;
}

.images-gallery ul.strip li{
	margin:auto;
	margin-bottom: 0.5cm;
}

.images-gallery ul.strip li:last-child{
	margin-bottom: 0.2cm;
}

.images-gallery ul.strip li.portrait, 
.images-gallery ul.strip li.portrait figcaption{
	width:33%;
}

.images-gallery ul.strip li.landscape,
.images-gallery ul.strip li.landscape figcaption{
	width:60%;
}

.images-gallery ul li:before{
	content: none;
}

.images-gallery figcaption{
	text-align: left;
	margin:auto;
	margin-top: 0.15cm;
	width: 89%;
}

.sources{
	font-size: 9pt;
	line-height: 1.2;
	page-break-before: always;
	page: sources;
	color: #FFF;
	word-wrap: break-word;;
}

.sources h2{
	/*text-align: center;*/
	font-size: 38pt;
	margin-bottom: 0;
	margin-top: 0;
	display: inline-block;
	border: 1px solid #FFF;
	padding: 4mm 2mm 6mm 2mm;
}

/*.sources h2 .highlight{
	display: inline;
	outline: 1px solid #FFF;
  padding: 1mm 2mm;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}*/

.sources li{
	list-style: none;
	border: 1px solid #FFF;
	padding: 0.25cm 0.5cm;
	margin-top: -1px;
/*	display: inline;
	outline: 1px solid #FFF;
  padding: 1mm 2mm;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  margin-bottom: var(--baseline);*/
}

.sources p, .sources a {
	color: #FFF;
	font-family: var(--text-font);
	font-weight: 500;
}

@page sources{
	background: #000;
	margin: 13mm 25mm 13mm 25mm;
 @bottom-right {content:none;}
 	@bottom-left {content:none;}
  @bottom-left-corner{content:none;}
}


.map{
	break-before: always; 
	break-after: always;
	page: map;
	/*filter: grayscale(1);*/
}


@page map{
	margin: 0;
	background: #000;
	@bottom-right {
		content: none;
	}
	@bottom-left {
		content: none;
	}
}

/*@page map :left{
		margin: 10mm 0mm 10mm 10mm;
}

@page map :right{
		margin: 10mm 10mm 10mm 0mm;
}*/

.map-left{
	break-before: left;
}

.map-left figure{
	width: 200%;
}

.map-right figure{
	width: 200%;
	position: relative;
	left: -100%;
}

.map-infos{
	color: #FFF;
	
}

.map-infos p, .map-infos h3{
	margin: 0;
	text-align: right;
	/*margin-right: 1cm;*/
	opacity: 0.8;
}

.map-infos h3{
	padding-top: 0.5cm;
}

/* ---- ICONES TITRES COURTANT ---- */
.un-vide-urbain{
	page:videurbain;
}

@page videurbain{
	@bottom-left-corner{
	  content: "\e900";
	  font-family: var(--icone-font);
  	margin-left: -3.5cm;
  	font-size: 16pt;
  	margin-bottom: -5mm;
	}
}

@page videurbain:first{
	@bottom-left-corner{content:none;}
	@bottom-left{content:none;}
}

.une-terre-de-projets{
	page: terreprojets;
}

@page terreprojets{
	@bottom-left-corner{
	  content: "\e904";
	  font-family: var(--icone-font);
  	margin-left: -3.5cm;
  	font-size: 16pt;
  	margin-bottom: -5mm;
	}
}

@page terreprojets:first{
	@bottom-left-corner{content:none;}
	@bottom-left{content:none;}
}


.un-espace-a-planifier{
	page: espace;
}

@page espace{
	@bottom-left-corner{
	  content: "\e901";
	  font-family: var(--icone-font);
  	margin-left: -3.5cm;
  	font-size: 16pt;
  	margin-bottom: -5mm;
	}
}

@page espace:first{
	@bottom-left-corner{content:none;}
	@bottom-left{content:none;}
}

.un-champ-de-banlieue{
	page: champ;
}

@page champ{
	@bottom-left-corner{
	  content: "\e902";
	  font-family: var(--icone-font);
  	margin-left: -3.5cm;
  	font-size: 16pt;
  	margin-bottom: -5mm;
	}
}

@page champ:first{
	@bottom-left-corner{content:none;}
	@bottom-left{content:none;}
}

.ceci-est-une-friche{
	page : friche;
}

@page friche{
	@bottom-left-corner{
	  content: "\e903";
	  font-family: var(--icone-font);
  	margin-left: -3.5cm;
  	font-size: 16pt;
  	margin-bottom: -5mm;
	}
}

@page friche:first{
	@bottom-left-corner{content:none;}
	@bottom-left{content:none;}
}

.un-commun-a-habiter{
	page : commun;
}

@page commun{
	@bottom-left-corner{
	  content: "\e905";
	  font-family: var(--icone-font);
  	margin-left: -3.5cm;
  	font-size: 16pt;
  	margin-bottom: -5mm;
	}
}

@page commun:first{
	@bottom-left-corner{content:none;}
	@bottom-left{content:none;}
}

/* ----------- FOOTNOTES ----------- */

.margin-note {
	word-break: break-word;
	padding-right: 4mm;
	padding-left: 18mm;
	line-height: 1.35;
	font-size: 7pt;
	text-align: left;
	font-family: var(--text-font);
	font-weight: normal;
	top: auto;
	text-indent: 0cm;
	hyphens: none;
	/*color: var(--grey);*/
}

.margin-note sup{
	font-size: 5pt;
}

/*.margin-note a{
	color: var(--grey);
}*/

.note-call, sup{
	font-size: 7pt;
	font-weight: normal;
	/* méthode pour régler l'interlignage correctement quand il y a un note*/
	line-height: 0;
}

.note-marker{
	margin-right: 0.08cm;
	font-weight: 500;
}

.note-marker:before, .note-call:after{
	content:"" !important;
}

.note-marker:after{
	content:".";
}

.footnote-ref{
	text-decoration: none;
	pointer-events: none;
}

.footnote-ref sup{
	font-size: 7pt;
	pointer-events: none;
	margin-left: 0.02cm;
	vertical-align: top;
	position: relative;
	top:-1px;
	/*margin-right: -1px;*/
	font-weight: bold;
	/*font-family: sans-serif;*/
}

.footnote-p sup{
	font-size: 5pt;
	top:0;
}

.note-call_footnote-p{
	display: none;
}

.note-pointer{
	font-size: 7pt;
	pointer-events: none;
	font-weight: bold;
	vertical-align: bottom;
	margin-right: 4px;
}

/* ------- GLOSSARY --------- */

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

@page glossary{
	margin: 13mm 25mm 13mm 25mm;
  @bottom-right {content: none;}
	@bottom-left {content: none;}
  @bottom-left-corner {content:none;}  
}

#glossary ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: calc(var(--baseline) * 3);
}

#glossary ul li{
	width: 45%;
	/*border: 1px solid #000;*/
	list-style: none;
	margin-bottom: calc(var(--baseline) * 2);
}

#glossary ul li h2{
	margin:0;
	margin-bottom: 0.2mm;
	display: inline-block;
	outline: 1px solid #000;
	padding: 1mm 2mm;
	text-transform: capitalize;
}

#glossary ul li p{
	text-indent: 0;
	outline: 1px solid #000;
	padding: 1mm 2mm;
	text-align: left;
	hyphens: none;
	margin-bottom: 0.3mm;
}

#glossary .glossary-link-page{
	font-size: 7pt; 
	font-family: var(--text-font);
	font-weight: 500;
	display: inline-block;
	outline: 1px solid #000;
	padding: 1mm 2mm;
	float: right;

}

#glossary .links-pages{
	font-size: 7pt; 
	font-family: var(--text-font);
	font-weight: 500;
	display: inline-block;
	outline: 1px solid #000;
	padding: 1mm 2mm;
	float: right;
}

#glossary .link-page a::after{ 
	content: target-counter(attr(href), page); 
}

.link-page::after{ content: ", "; }

.link-page:last-child::after{ content: none; }


/* -------- DÉTAILS --------- */

/* enlever le titre courant sur la première page d'Introduction */
.chapter {
	page: chapter;
}

@page chapter:first{
	@bottom-left {content: none;}
}


/* ------- TABLE OF CONTENTS --------- */

.toc-page{
  page: toc;
  break-before: left;
}

@page toc{
	margin: 13mm 25mm 13mm 25mm;
  @bottom-right {content: none;}
	@bottom-left {content: none;}
  @bottom-left-corner {content:none;}  
}

.toc-page .empty-square{
	border: 1px solid #000;
	width: 5.58cm;
	height: 5cm;
	margin-top: -1px;
}

.toc-page .empty-square.final{
	width: 6.73cm;
	height: 8cm;
}


#table-of-contents{
	margin-top: -1px;
}

#table-of-contents ul{
    padding:0;
}

#table-of-contents li{
    text-align: left;
		font-size: 12pt;
		margin-top: -1px;
}

#table-of-contents li:first-child{
	margin-top: 1.2cm;
}

#table-of-contents li a{
  /*display: inline-block;*/
	/*border: 1px solid #000;*/
	/*padding: 1mm 0mm 1mm 2mm;*/
	/*border-left: none;*/
	display: inline-block;
  width: calc(100% - 1.5cm);
  position: relative;
}

/*#table-of-contents #un-vide-urbain:after{
	content: "\e900";
	font-family: var(--icone-font);
	margin-left: 3mm; 
}

#table-of-contents #un-espace-a-planifier:after{
	content: "\e901";
	font-family: var(--icone-font);
	margin-left: 3mm; 
}

#table-of-contents #le-dernier-champ-de-sevran:after{
	content: "\e902";
	font-family: var(--icone-font);
	margin-left: 3mm; 
}

#table-of-contents #ceci-est-une-friche:after{
	content: "\e904";
	font-family: var(--icone-font);
	margin-left: 3mm; 
}*/

#list-toc-generated{ 
	list-style: none;
	/*margin-top: 2cm;*/
}

#list-toc-generated .toc-element a::after{
    content: target-counter(attr(href), page);
    text-align: center;
    position: absolute;
    bottom: 0px;
    right: -1.55cm;
    font-size: 10pt;
    font-family: var(--text-font);
}

/*#list-toc-generated .toc-element ul > li::before{
	content: target-counter(attr(href), page);
}*/


#list-toc-generated .toc-element-level-1{
	margin-top: var(--baseline);
	font-family: var(--title-font);
	font-size: 16pt;
	margin-bottom: 0.2cm;
	margin-top: 1cm;
	position: relative;
}

#list-toc-generated .toc-element-level-2{
	margin-left: 1.2cm;
} 


/* counters */

#list-toc-generated{ 
    counter-reset: counterTocLevel1; 
}

#list-toc-generated .toc-element-level-1{ 
    counter-increment: counterTocLevel1; 
    counter-reset: counterTocLevel2; 
}

/* hack for leaders */

#list-toc-generated{
   /*overflow-x: hidden;*/
}

/* faire passer champ de banlieue sur la page suivante */
#toc-element-title-element-6{
	page-break-before: always;
}

.pagedjs_toc_page.pagedjs_right_page ul{
	margin-top: 2.8cm !important;
}

/* ------ liste-des-sigles-et-abreviations ------ */

.liste-des-sigles-et-abreviations{
	break-before: right;
	page: sigles;
}

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

.liste-des-sigles-et-abreviations .content, 
.remerciements .content, 
.biographies .content{
	margin-top: 10mm;
/*	column-count: 2;
	column-gap: 1.5cm;*/
}

.liste-des-sigles-et-abreviations h1, 
.remerciements h1, 
.biographies h1{
	margin-left: 0;
	font-size: 20px;
}

.liste-des-sigles-et-abreviations p{
	text-align: justify;
	hyphens: none;
	margin-bottom: 0;
	font-size: 9.7pt;
}

@page biographies{
	margin: 13mm 25mm 25mm 25mm;
	@bottom-left {content: none;}
  @bottom-left-corner {content:none;} 
}

@page sigles{
	/*margin: 13mm 25mm 13mm 25mm;*/
	margin: 13mm 25mm 25mm 25mm;
	@bottom-left {content: none;}
  @bottom-left-corner {content:none;} 
}


/* ------- OURS ------- */
.ours{
	break-before: right;
	page: ours;
}

@page ours{
	margin: 13mm 25mm 25mm 25mm;
	@bottom-right {content: none;}
	@bottom-left {content: none;}
  @bottom-left-corner {content:none;} 
}

.ours .content{
	/*margin-top: 32mm;*/
	column-count: 2;
	column-gap: 1.5cm;
}

.ours p{
	font-size: 9pt;
	line-height: 1.3;
	text-align: left;
  hyphens: manual;
}

.ours h2{
	font-family: var(--text-font);
	font-size: 9pt;
	font-weight: 500;
	margin:0;
	line-height: 1.3;
	margin-bottom: 0.1cm;
}

.ours h2 + p{
	margin-top: 0;
}


/* ---- REMERCIEMENTS ----  */

.remerciements{
	page: merci;
	break-before: right;
}

.remerciements p{
	hyphens: none !important;
}


@page merci{
	margin: 13mm 25mm 25mm 25mm;
	@bottom-left {content: none;}
  @bottom-left-corner {content:none;} 
}


/* achevé imprimer */

.mapentrance-page .acheve-imprimer{
  text-align: center;
  position: absolute;
  bottom: 13mm;
  line-height: 1.3;
  width: 100%;
  margin:0;
}