/* Mise en Forme Pages */
/* Style Begin Commun ################################################ */
:root {
	color-scheme: light dark;
	--body-BgCol: #FFFFFF; /* white; #F2F2F2; Gris clair , #E0E0E0; white; */
	--body-Color: #000000; /* black; */
	--anchorN-Color: #0000EE;
	--anchorV-Color: #520488;
	--imgHoverCol: rgba(0, 140, 186, 0.5);
}
@media (prefers-color-scheme: dark) {
	:root {
		--body-BgCol: #2B2B2B; /* #1C1C1E; */
		--body-Color: #FEFEFE;
		--anchorN-Color: #5FA9EE;
		--anchorV-Color: #8F74A2;
		--imgHoverCol: rgba(0, 200, 186, 0.5);
	}
	img {
		filter: grayscale(20%);
	}
}
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;
}
img { /* NoOcr , évite que l'utilisateur sélectionne le texte d'une image */
	-webkit-user-select: none; /* !important; */
	cursor: auto; /* default; */
}
.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; */
}
.Ptite_Note {
	font-size: x-small;
}
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;
}
.ImgLnPgB {
	opacity: 0.7;
	transition: 0.3s;
}
.ImgLnPgB:hover {
	opacity: 1;
}
.ImgLnPgC {
	/* Rien */
}
.ImgLnPgC:hover { /* Comme  DrapImgC  pour le cadre bleu  */
	box-shadow: 0 0 2px 1px var(--imgHoverCol);
}
/* Style End Commun ################################################ */
/* Style Begin GridG ################################################ */
div.GridG_DivGrid {
	position: absolute;
	inset: 6px 3px 0 3px; /* Haut Droit Bas Gauch : Position du div */
	/* width: 1200px; 100%; is Implicite */
	/* height: 960px; 100%; is Implicite */
	overflow: hidden;
	/* background-color: Bisque; */
}
table.GridG_TitrTbl {
	/* border: 1px solid black; */
	width: 100%;
	margin: 0 0 6px 0; /* Haut Droit Bas Gauch : Marge autour de la table (à l’extérieur) */
	border-collapse: separate;
	border-spacing: 0 3px; /* Horizontal Vertical : Espace entre cellules  */
	text-align: center;
}
table.GridG_ThbTbl {
	/* border: 1px solid black; */
	/* NON car auto ci-dessous : width: 100%; */
	margin: 0 auto 0 auto; /* Haut Droit Bas Gauch : Marge autour de la table (à l’extérieur) */
	border-collapse: collapse;
	/* Au lieu de Padding ci-dessous : border-collapse: separate; border-spacing: 5px 5px; Horizontal Vertical : Espace entre cellules */
}
table.GridG_ThbTbl th, table.GridG_ThbTbl td {
	/* border: 1px solid black; */
	padding: 8px 8px 8px 8px; /* Haut Droit Bas Gauch : Marge à l’intérieur de la cellule */
	vertical-align: bottom;
}
div.GridG_ThbImgPos { /* CdrThumb Image position */
	/* border: 1px solid black; */
	margin: 0 auto 0 auto; /* Haut Droit Bas Gauch : Marge à l’extérieur du div */
	padding: 0 0 0 0; /* Haut Droit Bas Gauch : Marge à l’intérieur du div */
	/* width: {Trc-Soft:CdrThumbW}px; CdrThumb Width defined in each div since it may vary */
	/* height: {Trc-Soft:CdrThumbH}px; CdrThumb height defined in each div since it may vary */
	display: flex;
	justify-content: center; /* aligne au centre */
	align-items: flex-end; /* aligne en bas */
}
div.GridG_ThbTxtPos { /* Thumbnail Text position */
	margin: 0 0 0 0; /* Haut Droit Bas Gauch : Marge à l’extérieur du div */
	padding: 4px 0 0 0; /* Haut Droit Bas Gauch : Marge à l’intérieur du div */
	white-space: nowrap; /* interdit le retour à la ligne */
	/* width: {Trc-Soft:CdrThumbW}px; CdrThumb Width defined in each div since it may vary */
	/* height: 12px; Hauteur automatique, J'ai mis nowrap pour éviter multilignes */
	overflow: hidden;
	text-align: center;
}
table.GridG_HomGalTbl { /* GalleryCreated and Home */
	/* border: 1px solid black; */
	width: 100%;
	margin: 0 0 0 0; /* Haut Droit Bas Gauch : Marge autour de la table (à l’extérieur) */
	border-collapse: collapse;
	/* Au lieu de Padding ci-dessous : border-collapse: separate; border-spacing: 0 5px; Horizontal Vertical : Espace entre cellules */
}
table.GridG_HomGalTbl th, table.GridG_HomGalTbl td {
	/* border: 1px solid black; */
	padding: 3px 5px 0 5px; /* Haut Droit Bas Gauch : Marge à l’intérieur de la cellule */
	vertical-align: bottom;
}
td.GridG_HomGalA { /* GalleryCreated and Home position */
	width: 140px;
	text-align: left;
}
td.GridG_HomGalB { /* GalleryCreated and Home position */
	/* width: *; Implicite */
	text-align: center;
}
td.GridG_HomGalC { /* GalleryCreated and Home position */
	width: 140px;
	text-align: right;
}
div.GridG_DivPct {
	/* width: 1200px; 100%; is Implicite */
	/* height: 960px; 100%; is Implicite */
	/* background-color: LightBlue; */
	position: absolute;
	inset: 3px 3px 0 3px; /* Haut Droit Bas Gauch : Position du div */
	overflow: hidden;
}
table.GridG_TblPct {
	/* border: 1px solid black; */
	width: 100%; /* 1200px; */
	margin: 12px 0 0 0; /* Haut Droit Bas Gauch : Marge autour de la table (à l’extérieur) */
	border-collapse: collapse;
}
table.GridG_TblPct th, table.GridG_TblPct td {
	/* border: 1px solid black; */
	padding-top: 0px;
	padding-bottom: 6px;
	vertical-align: top; /* bottom; middle; */
}
td.GridG_TblPctA {
	width: 80px;
	padding-left: 9px;
	padding-right: 0px;
	text-align: left;
}
td.GridG_TblPctB { /* Control arrows position */
	/* width: *; Implicite */
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}
td.GridG_TblPctC { /* TxtRunning and ImgZum position */
	width: 80px; 
	padding-left: 0px;
	padding-right: 9px;
	text-align: right;
}
td.GridG_PctImgPos { /* Picture Image position */
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}
td.GridG_PctTxtPos { /* Name Text position */
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}
/* Style End GridG ################################################ */
/* Style Begin ListV ################################################ */
div.ListV_DivPct {
	/* width: 1200px; 100%; is Implicite */
	/* height: 960px; 100%; is Implicite */
	/* background-color: LightBlue; */
	position: absolute;
	inset: 3px 3px 0 3px; /* Haut Droit Bas Gauch : Position du div */
	overflow: hidden;
}
table.ListV_TblPct {
	/* border: 1px solid black; */
	width: 100%; /* 1200px; */
	margin: 7px 0 0 0; /* Haut Droit Bas Gauch : Marge autour de la table (à l’extérieur) */
	border-collapse: collapse;
}
table.ListV_TblPct th, table.ListV_TblPct td {
	/* border: 1px solid black; */
	padding-top: 0px;
	padding-bottom: 6px;
	vertical-align: top; /* bottom; middle; */
}
td.ListV_TblPctA {
	width: 80px;
	padding-left: 9px;
	padding-right: 0px;
	text-align: left;
}
td.ListV_TblPctB { /* Control arrows position */
	/* width: *; Implicite */
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}
td.ListV_TblPctC { /* TxtRunning and ImgZum position */
	width: 80px; 
	padding-left: 0px;
	padding-right: 9px;
	text-align: right;
}
td.ListV_PctImgPos { /* Picture Image position */
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}
td.ListV_PctTxtPos { /* Name Text position */
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}
/* Style End ListV ################################################ */
/* Style Begin ListH ################################################ */
div.ListH_DivPct {
	/* width: 1200px; 100%; is Implicite */
	/* height: 960px; 100%; is Implicite */
	/* background-color: LightBlue; */
	position: absolute;
	inset: 1px 3px 0 3px; /* Haut Droit Bas Gauch : Position du div */
	overflow: hidden;
}
table.ListH_TblPct {
	/* border: 1px solid black; */
	width: 100%; /* 1200px; */
	margin: 0 0 0 0; /* Haut Droit Bas Gauch : Marge autour de la table (à l’extérieur) */
	border-collapse: collapse;
}
table.ListH_TblPct th, table.ListH_TblPct td {
	/* border: 1px solid black; */
	padding-top: 0px;
	padding-bottom: 6px;
	vertical-align: top; /* bottom; middle; */
}
td.ListH_TblPctA {
	width: 80px;
	padding-left: 9px;
	padding-right: 0px;
	text-align: left;
}
td.ListH_TblPctB { /* Control arrows position */
	/* width: *; Implicite */
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}
td.ListH_TblPctC { /* TxtRunning and ImgZum position */
	width: 80px; 
	padding-left: 0px;
	padding-right: 9px;
	text-align: right;
}
td.ListH_PctImgPos { /* Picture Image position */
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}
td.ListH_PctTxtPos { /* Name Text position */
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}
/* Style End ListH ################################################ */
