body {
	--progonos-form-bg : #FEFEFE ;
	padding-bottom : 2em !important ;
}

@media (prefers-color-scheme: dark) { 
	body:not([mode="clair"]) {
		--progonos-form-bg : #313131 ;
	}
}

body[mode="dark"] {
	--progonos-form-bg : #313131 ;
}

header {
	position:fixed; 
	top:0; 
	left : 0; 
	width : 99.9vw;
	padding: 0.5em 0 0.5em 1em;
	background-color: #EFEFEF;
	box-sizing : border-box ;
}
table {
	margin-top: 2em;
	margin-left: 0;
	background-color: initial;
	position: initial;
	min-width: auto;
	max-width: calc(98vw - 40px - 20em);
}
table thead tr, table thead tr th, table tbody tr:nth-child(2n), table tbody tr:nth-child(2n+1) {
	background-color : transparent !important ;
}
tbody tr:first-child {
	color : var(--progonos-basic-blue) ;
}
tbody tr:hover {
	background-color : #dbdbf9 ;
}

td {
	text-align: left ;
	vertical-align: top ;
	padding : 0.25em 0.5em ;
}
table.minimized {
	margin-top : 0 ;
}
table.minimized td:first-child {
	text-align : right ;
}
table.minimized td:last-child {
	text-align : left ;
}
.minimized td {
  font-size: 12px !important;
}
th {
	color : var(--progonos-basic-blue) ;
	vertical-align : middle ;
}
th:not(:first-child) {
	min-width: 15em;
}
.smallText {
	display : none ;
}
input.annee {
	width: 9em;
}
.twoColumns {
	display: flex;
	column-gap: 0.5em;
}
.secondColumn {
	display: flex;
	align-items: center;
}
.secondColumn .fullHeight {
	height: 5em;
	margin-right: 0.5em;
	width:8px ;
}
.formset {
	display:inline-flex ;
	flex-direction: column ;
	row-gap: 1em;
}
form {
	border: 1px solid var(	--progonos-border-darkgray);
	padding: 0.5em;
	border-radius: 3px;
	display: inline-block;
	background-color: var(--progonos-form-bg) !important ;
	padding: 0.5em;
	border-radius: 3px;
	display: inline-block;
	width: auto !important;
	position: static;
	margin: 0 !important;
}
label {
	display: inline-block;
	text-align: right;
	width: 6em;
	/* color : var(--progonos-form-label-revert) ; */
}
form input[type="button"] {
	float: right;
	margin-left: 1em;
	width: 8em;
}
th input[type="button"] {
	float: right;
	margin-right: 1em;
}
p {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: 1px;
}
.indications {
	font-size : 90%;
}
.nowrap {
	white-space: nowrap ;
}
aside {
	float: right;
	max-width: 20vw;
	margin-right: 2em;
	border: 1px solid var(--progonos-aside-fg);
	padding: 0.4em;
	border-radius: 0.4em;
	color: var(--progonos-aside-fg);
	font-size : 90% ;
}
@media only screen and (max-width: 1200px) {
	aside {
		float:none ;
		max-width:100% ;
		margin-bottom : 1em ;
	}
	table {
		max-width: 98vw;
	}
}
p+ul {
	margin-top : 0 ;
}
p:has(+ ul) {
	margin-bottom : 0 ; /* p directement suivi de ul */
}
.noteBasDePage {
	font-weight: 200;
	font-size: 90%;
	position: fixed;
	top: calc(100vh - 2em);
	background-color: var(--progonos-global-bg);
	width: 100%;
	padding-bottom: 2em;
	box-sizing: border-box;
	border-top: 1px solid var(--progonos-global-fg);
	padding-top: 0.25em;
}
sup.numNote {
	color : var(--progonos-basic-blue) ;
}

@media (prefers-color-scheme: dark) { 
	body:not([mode="clair"]) {
		tbody tr:first-child {
			color : #91d6ed ;
		}
	}
}

body[mode="dark"] tbody tr:first-child {
	color : #91d6ed ;
}