@font-face {
	font-family: 'Comic Neue';
	src: url('/lib/fonts/ComicNeue-Bold.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

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

.hr-int {
	width: 45%;
	margin-top: 45px;
	margin-bottom: 45px;
	margin-left: auto;
	margin-right: auto;
}
.hr-indispo {
	width: 1000px;
	margin-top: 15px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}
.hr-50 {
	width: 50%;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}
.hr-50-100 {
	width: 50%;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}
.slogan { font-size: xx-large; }
.topmenu { font-size: large; }
.font-p1 { font-size: larger; }
.font-m1 { font-size: smaller; }
.lettrine { font-size: x-large; }
.stagiaire-text { font-size: x-large; font-weight: bold; }
.tr-link { font-family: 'Comic sans MS', 'Comic Neue', 'Arial', 'Helvetica'; }

.archive-links {
	min-width: 0px;
	max-width: 600px;
	overflow: hidden;
}
.indispo-intro {
	min-width: 0px;
	max-width: 1000px;
	text-align: left;
	overflow: hidden;
}
.hr-menu { display: block; }
.mobile-helper {
	display: none;
	max-width: 90%;
	font-size: small;
	text-align: left;

}

.container {
	display: grid;
	grid-template-columns: 15px minmax(0, 1fr) 15px;
	grid-template-areas: "bordure1 revue bordure2";
	background-image: url("/img-shared/zinefond-2025.png");
	background-position: left;
	background-repeat: repeat;
	padding: 0px;
	margin: 0px;
	gap: 0px;
}
.container div.bordure1 {
	grid-area: bordure1;
	padding: 0px;
	margin: 0px;
	gap: 0px;
}
.container div.revue {
	grid-area: revue;
	text-align: left;
	padding: 0px;
	margin: 0px;
	gap: 0px;
}
.container div.bordure2 {
	grid-area: bordure2;
	padding: 0px;
	margin: 0px;
	gap: 0px;
}

.enclose {
	margin-left: 35px !important;
	margin-right: 35px !important;
}
.revue-menu {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1.5fr;
	width: 100%;
	align-items: center;
	padding: 0px;
	margin: 0px;
	gap: 0px;
}
.revue-menu div {
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 2px;
}
.rev-fav { text-align: left }
.rev-art { text-align: center; }
.rev-nav { text-align: right; }
.stagiaire-thumbnails {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 384px));
	gap: 4px;
	justify-content: start;
	width: fit-content;
	max-width: 100%;
	margin-inline: auto;
}
.stagiaire-thumbnails img {
	display: block;
	width: 100%;
	max-width: 384px;
	height: auto;
	aspect-ratio: 16 / 9;
}
.hidden-block {
	max-width: 50%;
	text-align: left;
	padding: 0px;
	margin: 0px;
	gap: 0px;
}
.portal-section {
	display: block;
	padding: 0px;
	margin: 0px;
	gap: 0px;
}
.portal-header {
	display: block;
	min-width: 0px;
	max-width: 800px;
	text-align: left;
}
.mobile-illu { display: none; }
.desktop-spacing { display: block; }
.mobile-spacing { display: none; }
.pres-article-left {
	display: grid;
	grid-template-columns: 400px 40px minmax(0, 1fr);
	grid-template-areas: "article-left-img article-left-spacing article-left-descr";
	align-items: stretch;
	padding: 0px;
	margin: 0px;
	gap: 0px;
}
.pres-article-left div {
	margin: 0px;
	gap: 0px;
}
.pres-article-left div.article-left-img {
	grid-area: article-left-img;
	align-self: center;
	margin: 0px;
	gap: 0px;
}
.pres-article-left div.article-left-spacing {
	grid-area: article-left-spacing;
	margin: 0px;
	gap: 0px;
}
.pres-article-left div.article-left-descr {
	grid-area: article-left-descr;
	margin: 0px;
	gap: 0px;
}
.pres-article-right {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 40px 400px;
	grid-template-areas: "article-right-descr article-right-spacing article-right-img";
	align-items: stretch;
	padding: 0px;
	margin: 0px;
	gap 0px;
}
.pres-article-right div {
	margin: 0px;
	gap: 0px;
}
.pres-article-right div.article-right-img {
	grid-area: article-right-img;
	align-self: center;
	margin: 0px;
	gap: 0px;
}
.pres-article-right div.article-right-spacing {
	grid-area: article-right-spacing;
	margin: 0px;
	gap: 0px;
}
.pres-article-right div.article-right-descr {
	grid-area: article-right-descr;
	margin: 0px;
	gap: 0px;
}
.explic {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 25px minmax(0, 1fr);
	grid-template-areas: "exp-left exp-spacing exp-right";
	width: fit-content;
	align-items: stretch;
	padding: 0px;
	margin: 0px;
	gap 0px;
}
.explic div {
	margin: 0px;
	gap: 0px;
}
.explic div.exp-left {
	grid-area: exp-left;
	margin: 0px;
	gap: 0px;
}
.explic div.exp-spacing {
	grid-area: exp-spacing;
	margin: 0px;
	gap: 0px;
}
.explic div.summary-right {
	grid-area: exp-right;
	margin: 0px;
	gap: 0px;
}
.hidden-table {
	display: grid;
	grid-template-columns: 48% 4% 48%;
	grid-template-areas: "hidden-left hidden-spacing hidden-right";
	width: fit-content;
	align-items: stretch;
	padding: 0px;
	margin: 0px;
	gap: 0px;
}
.hidden-table div {
	margin: 0px;
	gap: 0px;
}
.hidden-table div.hidden-left {
	grid-area: hidden-left;
	text-align: left;
	margin: 0px;
	gap: 0px;
}
.hidden-table div.hidden-spacing {
	grid-area: hidden-spacing;
	margin: 0px;
	gap: 0px;
}
.hidden-table div.hidden-right {
	grid-area: hidden-right;
	text-align: left;
	margin: 0px;
	gap: 0px;
}
.page-illu {
	height: auto;
	border: none;
}

html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
body {
	color: #FFFFFF;
	background: #141414;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
img {
	max-width: 100%;
	height: auto;
	border: none;
}
h1 { font-size: xx-large; font-weight: normal; margin: 0px; }
h1 span { font-size: large; font-weight: bold; }
h2 { font-size: large; font-weight: normal; margin: 0px; }
h3 { font-size: x-large; }
a, button, .clickable-element { touch-action: manipulation; }
a:link { color: #F7CC3C; }
a:visited { color: #88C46F; }
a:active { color: #EE00FF; }
p { font-size: large; }
ul, li { font-size: large; }

@media screen and (max-width: 768px), screen and (max-device-width: 1024px) {
	.hr-int {
		width: 50%;
		margin-top: 10px;
		margin-bottom: 25px;
	}
	.hr-50 {
		margin-top: 0px;
		margin-bottom: 15px;
	}
	.hr-50-100 {
		width: 100%;
		margin-top: 0px;
		margin-bottom: 15px;
	}
	.hr-indispo { width: 65%; }
	.slogan { font-size: x-large; }
	.topmenu { font-size: medium; }
	.font-p1 { font-size: initial; }
	.header-links { font-size: medium; }
	.hr-menu { display: block; }
	.mobile-helper { display: block; }
	.enclose {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.revue-menu {
		grid-template-columns: 1fr;
	}
	.revue-menu div {
		margin-top: 8px;
		margin-bottom: 2px;
	}
	.rev-fav { display: none; }
	.rev-nav { text-align: center; }
	.hidden-block { max-width: 100%; }
	.portal-section { display: none; }
	.mobile-illu { display: block; }
	.desktop-spacing { display: none; }
	.mobile-spacing { display: block; }
	.pres-article-left {
		grid-template-columns: 1fr;
		grid-template-areas: "article-left-descr";
	}
	.pres-article-left div {
		padding-bottom: 0px;
	}
	.pres-article-left div.article-left-spacing {
		display: none;
	}
	.pres-article-left div.article-left-img {
		display: none;
	}
	.pres-article-right {
		grid-template-columns: 1fr;
		grid-template-areas: "article-right-descr";
	}
	.pres-article-right div {
		padding-bottom: 0px;
	}
	.pres-article-right div.article-right-spacing {
		display: none;
	}
	.pres-article-right div.article-right-img {
		display: none;
	}
	.explic {
		grid-template-columns: 1fr;
		grid-template-areas:
			"exp-left"
			"exp-right";
	}
	.explic div.exp-spacing {
		display: none;
	}
	.hidden-table {
		grid-template-columns: 1fr;
		grid-template-areas:
			"hidden-left"
			"hidden-right";
	}
	.hidden-table div.hidden-spacing {
		display: none;
	}
	.page-illu { max-width: 80%; }
	h1 { font-size: x-large; }
	h2 { font-size: medium; }
	h3 { font-size: large; }
	p { font-size: medium; }
	ul, li { font-size: medium; }
}