:root {
	--padding: 15px;
}

@page {
	size: A4 portrait;
	margin: 1cm !important;
}

html, body {
    width: 210mm;
    height: 100%;
}


body {
	margin: 0 !important;
	font-size: 12pt;
}

main.gridReferentiel,
main.gridPotentiel {
	width: 100%;
	height: auto;
	overflow: visible;
	display: block;
	grid-template-columns: auto;
}

main.gridReferentiel {
	grid-template-areas:
		"form"
		"schema"
		"resultats";
	grid-template-rows: repeat(4, auto);
}

main.gridPotentiel {
	grid-template-areas:
		"form"
		"tableau";
	grid-template-rows: repeat(2, auto);
}

.print1-1 { width: 100%; }
.print1-2 { width: 50%; }
.print-auto { width: auto; }
.print-inline-block { display: inline-block; }
.print-left { text-align: left !important; }

.print-pl { padding-left: 5px; }
.print-p0 { padding: 0px; }
.print-pr { padding-right: 5px; }

.print-show-hide.on, .print-show { display: block; }

#formCalculReferentiel {
	overflow: visible;
	border-right: none;/*
	position: absolute;
	top: 0;
	left: 0;*/
	padding: 0;
	margin: 0;
}

header,
#mainNav,
footer,
button,
.btn_suite,
.btn_comment,
.unePersonne input,
.print-cache,
.printMin .potentiel-cache {
	display: none !important;
}

.breakInsideAvoid,
.aspectMobileContainer,
#schemaReferentiel,
#tableauPotentiel,
#aspectsReferentiel {
	break-inside: avoid;
}

#schemaReferentiel,
#tableauPotentiel,
#aspectsReferentiel {
	display: block;
	background: none;
	overflow: visible;
	padding: 0;
	margin: 0;
}

#schemaReferentiel {
	font-size: 8pt;
	max-height: 25cm;
	max-width: 15cm !important;
	margin: 0 auto;
}
#tableauPotentiel {
	width: auto;
	display: inline-block;
}

#z13::before,
#z14::before {
	transform: translate(-50%,-50%) scale(0.8);
}

#tableauPotentiel {
	font-size: 8pt;
	transform-origin: top right;
	transform: translate(-100%, 0%) rotate(-90deg);
}

#aspectsReferentiel {
	border-left: none;
}

.aspectEtiquette {
	color: var(--rouge);
	background-color: transparent;
	font-weight: 600;
	padding: 2px 5px;
	margin: 0 5px 10px;
	display: inline-block;
}

#formCalculReferentiel input.mots {
	border: none;
	padding: 0 !important;
	margin: 0 !important;
	width: auto;
	min-width: auto;
	max-width: none;
	float: none;
}

.unePersonne,
.personnePrint {
	margin-bottom: 0;
	display: block;
	padding: 0;
	box-shadow: none;
}

#tableauPotentiel.printMin tr :nth-child(2),
#tableauPotentiel.printMin tr :nth-child(3) {
	display: none;
}

.realisePar {
	left: auto;
	top: 0.5cm;
	right: 10px;
	position: absolute;
}

h1, h2 {
	font-size: 150%;
}
h3 {
	font-size: 120%;
}

#commentaires {
	position: absolute;
	bottom: 0;
	max-width: 100%;
	border-left: none;
	transform: none;
	overflow: visible;
}

textarea {
	border: none !important;
	outline: none;
	resize: none;
	padding: 5px 0 0 0 !important;
}

.arcane:hover .imgArcane { transform: none; z-index: 3; }