style.css

:root {
	--hauteur-header : 1.1em;
}

h1 {
	text-align: center;
	font-family: 'Frank Ruhl Libre', serif;
	margin-bottom: -5px;
}

details summary:hover {
	background-color: rgb(187, 187, 187);
	color: white;
	font-weight: bold;
	cursor: pointer;
}

/*
.v {
	height: 100%;
}
*/

#texteD {
	border-bottom: 1px black solid;
}

#texte {
	border-top: 1px black solid;
	height: 49.7%;
}

#texte flex-item p {
	margin: 0px;
	padding: 3px;
	padding-left: 0px;
	padding-right: 0px;
	--a : calc(100% - var(--hauteur-header));
	--b : calc(var(--a) - 6px); /* j'ai enlever 3px en plus dans les 6 de manière un peu arbitraire*/
	height: var(--b);
	word-break: break-word;
	overflow: auto;
}

#texte flex-item:nth-child(1) p {
	padding-left: 3px;
}

#texte flex-item:nth-child(3) p {
	padding-right: 3px;
}

#lxx {
	font-family: "KoineGreek";
	font-size: 0.8em;
}

#texte flex-item header {
	height: var(--hauteur-header);
	text-align: center;
	border-bottom: 1px black solid;
}

#texte flex-resizer div {
	height: var(--hauteur-header);
	border-bottom: 1px black solid;
	z-index: 2;
}

#commentaire {
	border-bottom: 1px black solid;
}

#commentaire summary {
	margin-right: 5px;
}

#commentaire details {
	margin-left: 10px;
}

#commentaire .liste ul {
	margin-top: 0px;
}

@font-face {
 font-family: "Marcellus";
 src: url("font/Marcellus_SC/MarcellusSC-Regular.ttf?raw=true") format("truetype");
 font-display: block;
}

@font-face {
 font-family: "KoineGreek";
 src: url("font/KoineGreek/KoineGreek.ttf?raw=true") format("truetype");
 font-display: block;
}

@font-face {
 font-family: "Tinos";
 src: url("font/Tinos/Tinos-Regular.ttf?raw=true") format("truetype");
 font-display: block;
}

body h1 #fr {
	font-family:  "Marcellus";
	font-size: 0.99em;
}

.heb {
	font-family: Times New Roman;
}

.gr {
	font-family: "KoineGreek";
}

body h1 #heb {
	font-family: "Tinos";
	font-size: 1.02em;
}

summary {
  outline: none;
}

summary:focus {
outline:0;
}

html {
  overflow-y: scroll;
}