@media print{
	
	/* font variables */
	:root{
		--headerHeight: 1.5cm;
    	--wrapperWidth: 100%;
    	--asideWidth: 0mm;

    	--fs0: 8pt;
    	--lh0: 10pt;

    	--fs1: 10pt;
    	--lh1: 13pt;

    	--fs2: 12pt;
    	--lh2: 15pt;

    	--fs3: 18pt;
    	--lh3: 21pt;

    	--fs4: 28pt;
    	--lh4: 31pt;

    	--fs5: 42pt;
    	--lh5: 44pt;

    	--g128: rgb(128,128,128);
    	--g182: rgb(182,182,182);
    	--g212: rgb(212,212,212);

    	--col: 9.6cm;
	}

	aside, footer{display: none;}
	iframe{display: none;}
	.annotator-frame{display: none;}
	.header{display: none;}
	#top-scroller{display: none;}
	.section-onglet{display: none;}
	.print-only{display: block;}
	hypothesis-adder{display: none;}

	body, html{
		background-color: white !important;
		padding: 0cm; margin: 0cm;
		font-size: var(--fsMedium);
		line-height: var(--lhMedium);
		color: black;
	}
	p{
		color: black;
		text-align: justify;
	}
	/*span{
		font-size: var(--fs1);
		line-height: var(--lh1);
	}*/

	/*header*/
	#header-print{
		position: relative;
		display: table;
		top: 0; left: 0;
		margin: 0; padding: 0;
		background-color: lightblue;
		width: 100%; height: var(--headerHeight);

		font-family: 'jannon';
	}
	#header-print > ul{
		display: table;
		height: var(--headerHeight);
	}
	#header-print > ul > li{
		display: inline-block;
		vertical-align: top;
	}
	#header-print > ul > li:first-of-type{
		background-color: orange;
		width: 33%;
	}
	#header-print > ul > li:last-of-type{
		width: calc(67% - 1cm);
	}
	#header-print > ul > li > img{
		background-color: orange;
		float: right;
		margin-right: 0.5cm;
		opacity: 0.27;
		height: var(--headerHeight); width: auto;
	}
	#header-print > ul > li > p{
		background-color: orangered;
		font-size: var(--fs2);
		line-height: var(--lh2);
		text-align: left;
	}

	/*cover*/
	.frontcover{
		display: table;
		background-color: lightpink;
		margin-top: 1.5cm; margin-left: 1cm;
		height: calc(29.7cm - 5cm);
		width: calc(100% - 2.5cm);
		page-break-after: always;
		break-after: always;

		font-family: 'jannon';
		font-variant-numeric: oldstyle-nums;
		color: black;
	}

	.frontcover h1, h2, h3, h4, h5, h6{
		display: table; height: auto; width: 100%;
	}
	.frontcover h2{
		background-color: magenta;
		font-size: var(--fs3);
		line-height: var(--lh3);
		padding-bottom: 0.6cm;
	}
	.frontcover h3{
		background-color: cyan;
		font-weight: bold;
		font-size: var(--fs1);
		line-height: var(--lh1);
		color: black;
	}
	.frontcover > .info{
		background-color: springgreen;
		position: absolute;
		top: 50%; left: calc(50% - 0.5cm);
		width: 100%; height: 1cm;
		transform: rotate(-90deg);
		text-align: center;
		vertical-align: bottom;

		font-size: var(--fs3);
		line-height: var(--lh3);
	}

	.frontcover > .block_title, .block_user, .block_logo, .block_toc, .block_abs_keys, .block_source{
		display: table;
	}

	.frontcover > .block_title{
		background-color: grey;
		font-size: var(--fs5);
		line-height: var(--lh5);
		margin-bottom: 0.6cm;
	}
	.frontcover > .block_title > h1 > span{
		display: table;
		font-size: var(--fs3);
		line-height: var(--lh3);
		margin-top: 0.4cm;
	}


	.frontcover > .block_user{
		background-color: gold;
		font-size: var(--fs4);
		line-height: var(--lh4);
		width: 100%;
		text-align: right;
		margin-bottom: 1cm;
	}
	.frontcover > .block_user > ul > li > a{
		color: var(--g212);
	}

	.frontcover > .block_logo{
		background-color: black;
		width: 8cm; height: auto;
		min-height: 1cm;
		border: 0.5pt solid grey;
		margin-bottom: 1cm;
		display: none;
	}
	.frontcover > .block_toc{
		background-color: green;
		margin-bottom: 1cm;
		margin-left: 2.5cm;
		border-left: 0.5pt solid var(--g128);
	}
	.frontcover > .block_toc > div > nav ul{
		padding-left: var(--lh1);
	}

	.frontcover > .block_toc > div > nav > ul > li{
		font-size: var(--fs2);
		line-height: var(--lh2);
	}

	.frontcover > .block_abs_keys{
		background-color: white;
		vertical-align: top;
		color: black;
	}
	.frontcover > .block_abs_keys > .block_abstract{
		display: inline-block;
		vertical-align: top;
		background-color: dimgrey;
		width: var(--col);
		text-align: justify;
	}
	.frontcover > .block_abs_keys > .block_abstract > .resume{
		font-size: var(--fs1);
		line-height: var(--lh1);
		background-color: yellow;
	}

	.frontcover > .block_abs_keys > .block_keywords u{
		display: table;
		font-size: var(--fs1);
		line-height: var(--lh1);
	}
	.frontcover > .block_abs_keys > .block_keywords > a{
		display: inline;
		font-size: var(--fs1);
		line-height: var(--lh1);
	}
	.frontcover > .block_abs_keys > .block_keywords > a:after{
		content: ",";
	}
	.frontcover > .block_abs_keys > .block_keywords > a:last-of-type:after{
		content: "";
	}


	.frontcover > .block_abs_keys > .block_keywords{
		display: inline-block;
		vertical-align: top;
		background-color: deepskyblue;
		width: calc(100% - var(--col) - 2cm);
		margin-left: 1cm;
		margin-top: calc(var(--lh1) * 2.86);
	}
	.frontcover > .block_source{
		background-color: pink;
		position: absolute;
		bottom: 0cm;
		width: calc(100% - 2cm);
		font-family: 'muli';
		font-weight: 100;
		font-size: var(--fs0);
		line-height: var(--lh0);
	}





	/*corps*/
	section, div, ul, li, p{
		margin: 0; padding: 0;
	}
	main{
		background-color: gainsboro;
		margin: 0; padding: 0;
	}
	main > div.wrapper{
		margin: 0; padding: 0;
	}
	main[data-hypothesis="true"] > div.wrapper{
		margin: 0; padding: 0;
	} 
	main[data-hypothesis="false"] > div.wrapper{
		margin: 0; padding: 0;
	} 

	.section-togglable{
		display: table;
		width: 100%; height: auto;
		margin: 0; padding: 0;
	}
	.section-togglable > div:first-of-type{
		display: none;
	}
	.section-onglet{
		display: none;
	}
	div.body_html{
		background-color: gold;
		width: 11cm;
		margin: auto; padding: 0;
	}


}