.no-wrap {
	white-space: nowrap;
	text-wrap: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
.no-wrap-links {
	display: inline-block;
	white-space: nowrap;
	text-wrap: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.font-p1 { font-size: larger; }
.font-m1 { font-size: smaller; }
.footer-head { font-size: large; }
.revue-random { font-size: large; }
.motd-random { font-size: large; }
.non-opti-mobile { color: #00E8E8; font-size: small; }

.header-links {
	min-width: 0px;
	max-width: 800px;
	text-align: center;
	font-size: large;
	overflow: hidden;
}
.navigation-links {
	min-width: 0px;
	max-width: 800px;
	text-align: center;
	font-size: medium;
	overflow: hidden;
}
.portals-links {
	min-width: 0px;
	max-width: 800px;
	text-align: center;
	font-size: medium;
	overflow: hidden;
}

.container { 
	display: grid;
	grid-template-columns: 145px minmax(0, 1fr) 20px;
	grid-template-areas: "marge theraphit bordure";
	background-color: #000000;
	padding: 0px; 
	margin: 0px;
	gap: 0px;
}
.container div {
	background-color: #000000;
	padding: 0px;
	margin: 0px;
}
.container div.marge {
	grid-area: marge;
	background-color: #000000;
	background-image: url("/images/website-fond-fract-grid.png");
	background-position: left;
	background-repeat: repeat;
	padding: 0px;
	margin: 0px;
	gap: 0px;
}
.container div.theraphit {
	grid-area: theraphit;
	text-align: left;
	padding: 0px;
	margin: 0px;
	gap: 0px;
}
.container div.bordure {
	grid-area: bordure;
	background-color: #000000;
	padding: 0px;
	margin: 0px;
	gap: 0px;
}
.lang-helper {
	display: grid;
	grid-template-columns: 1fr;
	width: 100%;
	margin: 0px;
	padding: 0px;
	gap: 0px;
}
.lang-helper div {
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}
.lang-helper-fr { font-size: large; text-align: right; }
.lang-helper-en { font-size: large; text-align: right; }
.mobile-lang { display: none; }
.desktop-link {
	display: block;
	font-size: large;
}
.mobile-link {
	display: none;
	font-size: medium;
}
.desktop-spacing { display: block; }
.stats-block { display: block; }
.pres-page-left {
	display: grid;
	grid-template-columns: 400px 30px minmax(0, 1fr);
	grid-template-areas: "page-left-img page-left-spacing page-left-descr";
	width: fit-content;
	align-items: stretch;
	padding: 0px;
	margin: 0px;
	gap 0px;
}
.pres-page-left div {
	margin: 0px;
	gap: 0px;
}
.pres-page-left div.page-left-img {
	grid-area: page-left-img;
	align-self: center;
	margin: 0px;
	gap: 0px;
}
.pres-page-left div.page-left-spacing {
	grid-area: page-left-spacing;
	margin: 0px;
	gap: 0px;
}
.pres-page-left div.page-left-descr {
	grid-area: page-left-descr;
	margin: 0px;
	gap: 0px;
}
.pres-page-right {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 30px 400px;
	grid-template-areas: "page-right-descr page-right-spacing page-right-img";
	width: fit-content;
	align-items: stretch;
	padding: 0px;
	margin: 0px;
	gap 0px;
}
.pres-page-right div {
	margin: 0px;
	gap: 0px;
}
.pres-page-right div.page-right-img {
	grid-area: page-right-img;
	align-self: center;
	margin: 0px;
	gap: 0px;
}
.pres-page-right div.page-right-spacing {
	grid-area: page-right-spacing;
	margin: 0px;
	gap: 0px;
}
.pres-page-right div.page-right-descr {
	grid-area: page-right-descr;
	margin: 0px;
	gap: 0px;
}
.pres-page-eva {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 30px 360px;
	grid-template-areas: "page-eva-descr page-eva-spacing page-eva-img";
	width: fit-content;
	align-items: stretch;
	padding: 0px;
	margin: 0px;
	gap 0px;
}
.pres-page-eva div {
	margin: 0px;
	gap: 0px;
}
.pres-page-eva div.page-eva-img {
	grid-area: page-eva-img;
	align-self: center;
	margin: 0px;
	gap: 0px;
}
.pres-page-eva div.page-eva-spacing {
	grid-area: page-eva-spacing;
	margin: 0px;
	gap: 0px;
}
.pres-page-eva div.page-eva-descr {
	grid-area: page-eva-descr;
	margin: 0px;
	gap: 0px;
}
.pres-page-revue {
	display: grid;
	grid-template-columns: 341px 30px minmax(0, 1fr);
	grid-template-areas: "page-revue-img page-revue-spacing page-revue-descr";
	width: fit-content;
	align-items: stretch;
	padding: 0px;
	margin: 0px;
	gap 0px;
}
.pres-page-revue div {
	margin: 0px;
	gap: 0px;
}
.pres-page-revue div.page-revue-img {
	grid-area: page-revue-img;
	align-self: center;
	margin: 0px;
	gap: 0px;
}
.pres-page-revue div.page-revue-spacing {
	grid-area: page-revue-spacing;
	margin: 0px;
	gap: 0px;
}
.pres-page-revue div.page-revue-descr {
	grid-area: page-revue-descr;
	margin: 0px;
	gap: 0px;
}
.pres-page-pinkzone {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 30px 360px;
	grid-template-areas: "page-pinkzone-descr page-pinkzone-spacing page-pinkzone-img";
	width: fit-content;
	align-items: stretch;
	padding: 0px;
	margin: 0px;
	gap 0px;
}
.pres-page-pinkzone div {
	margin: 0px;
	gap: 0px;
}
.pres-page-pinkzone div.page-pinkzone-img {
	grid-area: page-pinkzone-img;
	align-self: center;
	margin: 0px;
	gap: 0px;
}
.pres-page-pinkzone div.page-pinkzone-spacing {
	grid-area: page-pinkzone-spacing;
	margin: 0px;
	gap: 0px;
}
.pres-page-pinkzone div.page-pinkzone-descr {
	grid-area: page-pinkzone-descr;
	margin: 0px;
	gap: 0px;
}
.pres-page-maths {
	display: grid;
	grid-template-columns: 345px 30px minmax(0, 1fr);
	grid-template-areas: "page-maths-img page-maths-spacing page-maths-descr";
	width: fit-content;
	align-items: stretch;
	padding: 0px;
	margin: 0px;
	gap 0px;
}
.pres-page-maths div {
	margin: 0px;
	gap: 0px;
}
.pres-page-maths div.page-maths-img {
	grid-area: page-maths-img;
	align-self: center;
	margin: 0px;
	gap: 0px;
}
.pres-page-maths div.page-maths-spacing {
	grid-area: page-maths-spacing;
	margin: 0px;
	gap: 0px;
}
.pres-page-maths div.page-maths-descr {
	grid-area: page-maths-descr;
	margin: 0px;
	gap: 0px;
}
.title-image {
	width: auto;
	height: auto;
	border: none;
	padding-top: 0px;
}
.page-illu {
	height: auto;
	border: none;
}

html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
body {
	color: #FFFFFF;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
img {
        max-width: 100%;
        height: auto;
        border: none;
}
h1 { font-family: 'Comic sans MS', 'Arial', 'Helvetica'; font-size: large; font-weight: normal; margin: 0px; }
h2 { font-size: large; font-weight: normal; margin: 0px; }
h2 span { font-family: 'Comic sans MS', 'Arial', 'Helvetica'; font-size: x-large; font-weight: bold; margin: 0px; }
p { font-size: large; }
details { margin-left: 35px }
a, button, .clickable-element { touch-action: manipulation; }
a:link { color: #FFFF00; }
a:visited { color: #1F9FFF; }
a:active { color: #00FF00; }

@media screen and (max-width: 768px), screen and (max-device-width: 1024px) {
	.font-p1 { font-size: initial; }
	.header-links { font-size: medium; }
	.revue-random { font-size: medium; }
	.motd-random { font-size: medium; }
	.container {
		grid-template-columns: 15px minmax(0, 1fr) 15px;
	}
	.container div.marge {
		background-image: none;
	}
	.pres-page-left {
		grid-template-columns: 1fr;
		grid-template-areas: "page-left-descr";
	}
	.pres-page-left div {
		padding-bottom: 0px;
	}
	.pres-page-left div.page-left-spacing {
		display: none;
	}
	.pres-page-left div.page-left-img {
		display: none;
	}
	.pres-page-right {
		grid-template-columns: 1fr;
		grid-template-areas: "page-right-descr";
	}
	.pres-page-right div {
		padding-bottom: 0px;
	}
	.pres-page-right div.page-right-spacing {
		display: none;
	}
	.pres-page-right div.page-right-img {
		display: none;
	}
	.pres-page-eva {
		grid-template-columns: 1fr;
		grid-template-areas: "page-eva-descr";
	}
	.pres-page-eva div {
		padding-bottom: 0px;
	}
	.pres-page-eva div.page-eva-spacing {
		display: none;
	}
	.pres-page-eva div.page-eva-img {
		display: none;
	}
	.pres-page-revue {
		grid-template-columns: 1fr;
		grid-template-areas: "page-revue-descr";
	}
	.pres-page-revue div {
		padding-bottom: 0px;
	}
	.pres-page-revue div.page-revue-spacing {
		display: none;
	}
	.pres-page-revue div.page-revue-img {
		display: none;
	}
	.pres-page-pinkzone {
		grid-template-columns: 1fr;
		grid-template-areas: "page-pinkzone-descr";
	}
	.pres-page-pinkzone div {
		padding-bottom: 0px;
	}
	.pres-page-pinkzone div.page-pinkzone-spacing {
		display: none;
	}
	.pres-page-pinkzone div.page-pinkzone-img {
		display: none;
	}
	.pres-page-maths {
		grid-template-columns: 1fr;
		grid-template-areas: "page-maths-descr";
	}
	.pres-page-maths div {
		padding-bottom: 0px;
	}
	.pres-page-maths div.page-maths-spacing {
		display: none;
	}
	.pres-page-maths div.page-maths-img {
		display: none;
	}
	.lang-helper { display: none; }
	.mobile-lang { display: block; }
	.desktop-link { display: none; }
	.mobile-link { display: block; }
	.desktop-spacing { display: none; }
	.stats-block { display: none; }
	.title-image { padding-top: 20px; }
	.page-illu { max-width: 80% }
	h2 { font-size: large; }
	h2 span { font-size: large; }
	p { font-size: medium; }
}