:root {
	--primary-color: #d3230f;
	--mark-color : #ff222246;
	--subtitle-color : #2b0f09a1;
}

@font-face {
	/* font-family: 'Computer Modern'; */
	font-family: 'AORF-Font';
	font-style: normal;
	font-weight: normal;
	/* src: url('./paper/cmunrm.ttf'); */
	src: url('./paper/MonaspaceXenonFrozen-Regular.ttf');
}

@font-face {
	/* font-family: 'Computer Modern'; */
	font-family: 'AORF-Font';
	font-style: italic;
	font-weight: normal;
	/* src: url('./paper/cmunti.ttf'); */
	src: url('./paper/MonaspaceXenonFrozen-Italic.ttf');
}

@font-face {
	/* font-family: 'Computer Modern'; */
	font-family: 'AORF-Font';
	font-style: normal;
	font-weight: bold;
	/* src: url('./paper/cmunbx.ttf'); */
	src: url('./paper/MonaspaceXenonFrozen-Bold.ttf');
}

@font-face {
	/* font-family: 'Computer Modern'; */
	font-family: 'AORF-Font';
	font-style: italic;
	font-weight: bold;
	/* src: url('./paper/cmunbi.ttf'); */
	src: url('./paper/MonaspaceXenonFrozen-BoldItalic.ttf');
}

* {
	box-sizing: border-box;
}

#tableSkills{
	margin-top: -35px;
	/*margin-bottom: -70px;*/
	width: 95%;

}

ul {
  /*margin:1px;*/
  width: 100%;
  font-size: 0.8rem;
}

li{
	font-size: 0.8rem;
}


p {
  /*margin:1px;*/
font-size: 0.85rem;
  margin-bottom: 0px;
  text-align: justify;
}

html, body, #write {
	/* font-family: 'Computer Modern'; */
	font-family: 'AORF-Font';
}

h1, h2, h3, h4, h5, h6 {
	/* font-family: 'Computer Modern'; */
	font-family: 'AORF-Font';
}


h1 {
	font-size: 2rem;
	letter-spacing: 0.2rem;
	counter-reset: h2counter;
	margin-top: -30px;   /* Ressort très à gauche */
	text-align: center;
}


h2 {
	color : #444;
	font-size: 1.8rem;
	letter-spacing: 0.15rem;
	counter-reset: h3counter;
	margin-top: 60px;
	margin-left: -35px;
	text-transform: uppercase;
}

h3 {
	font-size: 1.3rem;
	letter-spacing: -0.1rem;
	counter-reset: h4counter;
	margin-left: -20px;

}

h4 {
	font-size: 1.15rem;
	counter-reset: h5counter;
	margin-left: 0px;
}


h5 {
	color : var(--subtitle-color);
	font-size: 1rem;
	counter-reset: h6counter;
	margin-left: 8px;
	margin-top: 1.2em;
	margin-bottom: -0,5em;
	text-decoration: underline;
}


/* Reset des compteurs */
body {
  counter-reset: h2counter;
}

/* Niveau 1
h1::before {
  counter-increment: h1counter;
  content: counter(h1counter) ". ";
  font-weight: bold;
}*/

/* Niveau 2 */
h2::before {
  counter-increment: h2counter;
  content: /*counter(h1counter) "." */counter(h2counter) ". ";
  font-weight: normal;
}

/* Niveau 3 */
h3::before {
  counter-increment: h3counter;
  content: /*counter(h1counter) "." */counter(h2counter) "." counter(h3counter) ". ";
  font-weight: normal;
}

/* Niveau 4 (optionnel) */
h4::before {
  content: /*counter(h1counter) "." */counter(h2counter) "." counter(h3counter) "." counter(h4counter) ". ";
}


h6 {
	font-size: 1rem;
}

html {
	font-size: 14px;
}

.md-toc {
  transform: scale(1);
  color: #333333!important;
}

body, #write {
	max-width: 900px;
	display: block;
	margin: auto;
}


a {
	color: var(--primary-color);
}

/* Stuff */

sup.md-footnote {
	background-color: transparent;
	color: var(--primary-color);
	padding: 1px;
	margin: 0;
}

code, .md-fences, .sourceCode {
	font-size: 0.75rem;
	background: #f2f2f2;
}

.md-fences, pre.sourceCode {
	font-size: .7em;
	padding: .5rem;
}

.show-fences-line-number .md-fences {
	padding-left: .5rem;
}

blockquote {
	margin: 2rem .2rem;
	padding: .3rem .5rem;
	color: #6f6f6f;
	border-left: .4rem solid gray;
}

blockquote p {
	padding: .2rem 1.5rem;
}

mark {
	background: var(--mark-color);
	letter-spacing: 0rem;
	font-weight: bold;
}
mark:before {
    content: "\00a0";
}
mark:after {
    content: "\00a0";
}

figure {
	margin: .5rem auto;
	max-width: 100%;
	display: block;
	margin: auto;
}

figcaption {
	text-align: center;
	margin: .5rem auto;
}

img {
	max-width: 100%;
	display: block;
	margin: auto;
}

 /*Sélectionne uniquement les tableaux précédés d'un commentaire <!--tech--> */
:has(> table):before {
  content: "";
}


/* Hack pratique */
body :not(pre) > comment + table,
body :not(pre) > .md-comment + table {
  border-collapse: collapse;
  margin: 20px auto;
  width: 85%;
  font-size: 0.9em;
  font-family: "Courier New", monospace;
  border: 2px solid black;
}

body :not(pre) > .md-comment + table th,
body :not(pre) > .md-comment + table td {
  border: 1px solid #444;
  padding: 6px 10px;
  text-align: center;
}

body :not(pre) > .md-comment + table th {
  background-color: #eaeaea;
  border-bottom: 2px solid black;
}

/*
    Print Mode and page breaks.
    WkhtmlToPDF does not work on @print mode
*/

@media (max-width: 210mm) {
	img {
		max-height: 8cm;
	}
	html {
		font-size: 14px;
	}
	div[title="pb"], page-break {
		display: block;
		page-break-after: always;
		break-after: page;
	}
	nav {
		font-size: .9rem;
		page-break-after: always;
		page-break-before: always;
	}
	nav a {
		color: black;
	}
	/* Move top-level headings to a new page on the right-hand side: */
	h1, h2 {
		page-break-before: right;
		break-before: recto;
	}
	/* Override the previous ruleset for the very first heading: */
	h1:first-of-type, section>h1:first-child {
		page-break-before: avoid;
		break-before: avoid;
	}
	/* Headings should not be the last paragraph on a page: */
	h1, h2, h3, h4, h5, h6 {
		page-break-after: avoid;
	}
	/* Consecutive headings with deepening level should not be split across pages: */
	h1+h2, h2+h3, h3+h4, h4+h5, h5+h6 {
		page-break-before: avoid;
	}
}

@media print {
  html {
    transform: translateX(15px);
	text-size-adjust: auto;
  }
}