/* Mise en Forme Pages */
:root {
	color-scheme: light dark;
	--body-BgCol: #FFFFFF;; /* white; */
	--body-Color: #000000; /* black; */
	--anchorN-Color: #0000EE;
	--anchorV-Color: #520488;
	--InpFdNrm-Color: White;
	--InpFdRempl-Color: LemonChiffon; /* #FFFACD LightGoldenRodYellow; */
	--InpFdLire-Color: Linen; /* #FAF0E6 LightGreen; PaleGreen; DarkSeaGreen; PaleGreen; MediumOrchid; */
	--InpFdInterm-Color: Linen; /* #FAF0E6 LightGreen; PaleGreen; DarkSeaGreen; PaleGreen; MediumOrchid; */
	--InpFdActu-Color: DarkSeaGreen; /* #8FBC8F PaleGreen; MediumOrchid; */
	--InpFd_Rslt-Color: Plum; /* #DDA0DD MediumOrchid; */
	/* G-letter-spacing: 0; */
}
@media (prefers-color-scheme: dark) {
	:root {
		--body-BgCol: #1C1C1E;
		--body-Color: #FEFEFE;
		--anchorN-Color: #5FA9EE;
		--anchorV-Color: #8F74A2;
		--InpFdNrm-Color: #1C1C1E;
		--InpFdRempl-Color: #4F3A1D; /* DarkKhaki LightGoldenRodYellow; */
		--InpFdLire-Color: #6A3026; /* #A0522D SaddleBrown Sienna RosyBrown; #CC6600; */
		--InpFdInterm-Color: #6A3026; /* #A0522D SaddleBrown Sienna RosyBrown; #CC6600; */
		--InpFdActu-Color: #0F4C0F; /* PaleGreen; MediumOrchid; */
		--InpFd_Rslt-Color: #5D205D; /* MediumOrchid; */
		/* G-letter-spacing: 0.1; */
	}
	img {
		filter: grayscale(20%);
	}
	input {
		/* background-color: #1C1C1E; NON car on ne peut plus le changer par Class sinon */
		border-color: #404040;
		color: #FEFEFE;
	}
	textarea {
		/* background-color: #1C1C1E; NON car on ne peut plus le changer par Class sinon */
		color: #FEFEFE;
	}
	select {
		background-color: #1C1C1E;
		color: #FEFEFE;
	}
}
body { /* Si marges définies pour les frame ça ne marche pas avec FireFox, seulement avec Safari */
	/* margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px; */
	background-color: var(--body-BgCol);
	color: var(--body-Color);
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
input {
	font-size: small; /* x-small */
}
textarea {
	font-size: small; /* x-small */
	/* resize: none; */
	resize: vertical; /* user can resize vertically, but width is fixed */
}
a:link { /* Lien normal (non visité) */
	color: var(--anchorN-Color);
}
a:visited { /* Lien ayant été cliqué (visité) */
  color: var(--anchorV-Color);;
}
.ImgLnPgA {
	opacity: 1;
	transition: 0.3s;
}
.ImgLnPgA:hover {
	opacity: 0.5;
}
.Titre_Page {
	font-size: x-large;
	font-weight: bold;
	/* color: #006633; Voir en DarkMode */
}
.St_Titre_Page {
	font-size: large;
	font-weight: bold;
	/* color: #006633; */
}
.Ss_Titre_Page { /* En fait le titre des pages, correspond au ss_titre_somm (Sommaire) */
	font-size: medium;
	font-weight: bold; /* Sauf que ss_titre_somm pas T_Gras */
	/* color: #00FF66; Voir en DarkMode */
}
.Ptite_Note {
	font-size: x-small;
}
.Code_Src {
	color: #996600; /* Marron , idem en DarkMode */
}
.Coul_Imp {
	color: #FF0000; /* Rouge , idem en DarkMode */
}
.Coul_Gris { /* Gris , idem en DarkMode */
	color: gray;
}
.T_Gras {
	font-weight: bold;
}
.T_Soul {
	text-decoration: underline;
}
.T_exp { /* Même taille que ci-dessous */
	vertical-align:super;
	font-size: x-small; /* 70%;  trop grand:smaller */
	line-height: 70%;
}
.T_ind { /* Même taille que ci-dessus */
	vertical-align:sub;
	font-size: x-small; /* 70%;  trop grand:smaller */
	line-height: 70%;
}
.SurLign {
	background-color: yellow;
}
.Transp_b { /* Même taille que ci-dessus */
	opacity: 0.4;
}
.NonVisibl {
	visibility: hidden;
}
.DivEspBd { /* Espace autour du cadre div */
	padding: 10px;
	/* border: 1px solid #4CAF50; */
}
.Tbl_SsBdSsEsp {
	border: 0; /* 1px solid red; */
	border-collapse: collapse; /* separate; */
	/* display: inline-table;
	margin: 1em;
	border: dashed 6px;
	border-width: 6px; */
}
.Tbl_SsBdSsEsp th, .Tbl_SsBdSsEsp td {
	border: 0; /* 1px solid green; */
	padding: 0; /* 6px; */
	/* padding-top: 3px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 40px; */
}
.Tbl_SsBdAvEsp5 {
	border: 0; /* 1px solid green; */
	border-collapse: separate; /* collapse; */
	border-spacing: 5px;
	/* display: inline-table;
	margin: 1em;
	border: dashed 6px;
	border-width: 6px; */
}
.Tbl_SsBdAvEsp5 th, .Tbl_SsBdAvEsp5 td {
	border: 0; /* 1px solid green; */
	padding: 0; /* 6px; */
	/* padding-top: 3px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 40px; */
}
/* .Tbl_Spec
	tr:nth-child(even) { background-color: #f2f2f2; }
	/* tr { height: 26px; } */
tr.Tbl_HtLg { /* Ci-dessus c'est toutes les lignes, là que les lignes où on applique la Class */
	height: 26px;
}
.Tbl_BckGrdPct {
	background-repeat: no-repeat;
	background-size: 520px 520px;
}
.Inpt_Txt {
	text-align: left;
	/* color: black; par défaut mais si on le définit on ne peut plus la changer par une autre class */
	/* background: LemonChiffon; ou LightGoldenRodYellow; */
}
.Inpt_Nbr {
	text-align: right;
	/* color: black; par défaut mais si on le définit on ne peut plus la changer par une autre class */
	/* background: LemonChiffon; ou LightGoldenRodYellow; */
}
.Inpt_Ta {
	width: 60px;
	height: 14px;
}
.Fd_Nrm {
	background: var(--InpFdNrm-Color);
}
.Fd_Rempl {
	background: var(--InpFdRempl-Color);
}
.Fd_Lire {
	background: var(--InpFdLire-Color);
}
.Fd_Interm {
	background: var(--InpFdInterm-Color);
}
.Fd_Actu {
	background: var(--InpFdActu-Color);
}
.Fd_Rslt {
	background: var(--InpFd_Rslt-Color);
}