/* Mise en Forme Pages */
/* Style Begin Commun ################################################ */
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: #FFFFFF; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	/* color: #CC0000; */
}
div.DivMhaut {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}
div.DivMgauch {
	position: fixed;
	left: 0;
	top: 70px; /* Même valeur que  iframe src="Chapitre.html" et à modifier suivant hauteur Cadre de Chapitre.html */
	width: 137px; /* Même valeur +2 que iframe src="xxx_S.html" et à modifier suivant largeur Cadre de Acc_S.html et tous les autres _S.html */
}
div.DivPage {
	position: absolute;
	margin-top: 72px;
	margin-left: 137px; /* A modifier suivant largeur Cadre de Acc_S.html et tous les autres _S.html */
	width: 660px;
	/* overflow: scroll; */
}
.Coul_FdSep {
	/* background-color: #E0E0E0; Même couleur que body background-color dans styl_somm.css */
	background-color: #F0F0F0; /* Même couleur que table background-color dans styl_somm.css */
}
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 ################################################ */
 /* ATTENTION, il faut mettre margin:top de GridG_TitrTbl à 1 px */
/* 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: 1px 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 ################################################ */