body	{
	width: 800px;
	margin: auto;
	background-color: rgb(192, 192, 192);
}
#global	/*	Utilisé ds la fn Positionnement()	*/
{	
	width: 800px;	
	background-color: white;
}
header	{
	height: 120px;
	background-color: rgb(142, 142, 142);
	border: 1px solid black;
	color: rgb(255, 255, 245);
	font-family: arial;
	font-weight: bold;
}
.grid-container
{
	display: grid;
	grid-template-columns: 160px 480px 160px;
	grid-auto-rows: 90px;
}
.grid-container > div
{
	padding: 0px;
	font-size: 25px;
	text-align: center;
}
.grid-item1	{
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 2;
	margin-top: 10px;
	font-size: 30px;
}
.grid-item2	{
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;
	
	font-size: 30px;
}
.grid-item3	{
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 2;
	margin-top: 10px;
	font-size: 30px;
}
#chdefer	{
	display: flex;
	flex-direction: row;	
	width: 99.9%;
	
	padding-left: 0px;
	background-color: rgb(255, 255, 245);
	color: rgb(1, 103, 255);
	font-family: Arial,"Courrier New";
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	border: 1px solid rgb(255, 164, 98);
}
#chdefer a, #chdefer a:visited, #tdmat a, #tdmat2 a, #tdmat2 a:visited	{	
	color: rgb(1, 103, 255);
	text-decoration: none;
}
#tierg	{
	flex-grow: 1;	
}
#tierc	{
	flex-grow: 1;	
}
#tierd	{
	flex-grow: 1;	
}
#tdmat2	{
	display: block;
	margin: auto;
	width: 600px;
	padding-left: 70px;
	font-weight: bold;
}
#agrandir	{
	display: none;
}
#vpm	{
	margin: auto;
	margin-top: 10px;
	width: 200px;
	background-color: rgb(255, 255, 245);
	border: 1px solid blue;
	font-size: 2em;
	font-weight: bold;
	text-align:center;
}
#vpm a	{
	display: block;
	height: 100%;
	text-align: center;
}

#ascenseur	{ 	/*	La flèche à drte, gérée par la fn Positionnement()	*/
	position: fixed;
	width: 50px;
	height: 50px;
	top: 0px;	/* Positionné en JS	*/
	right: 0px;
	background-color: rgb(210,210,210);
	background-image: url('../images/fleche_haut.png');
	text-align: center;
	border: 1px solid rgb(201, 246, 255);
	border-radius: 8px;
	display: none;
}
#descendeur	{	/*	La flèche à gche, gérée par la fn Positionnement()	*/
	position: fixed;
	width: 50px;
	height: 50px;
	top: 0px;	/* Positionné en JS	*/
	right: 0px;
	background-color: rgb(210,210,210);
	background-image: url('../images/fleche_bas.png');
	text-align: center;
	border: 1px solid rgb(201, 246, 255);
	border-radius: 8px;
	display: none;
}
.ssttre	{
	text-align: center;
	color: rgb(1, 103, 255);
	font-family: Arial,"Courrier New";
	font-size: 1.5em;
	font-weight: bold;
}
#flech	{
	text-decoration: none;
	color: rgb(1, 103, 255);
}
#pttmrg	{
	padding-left: 10px;
	padding-right: 5px;
	font-size: 1em;
}
h1	{
	text-align: center;
	color: blue;
	font-size: 2em;
	font-weight: bold;
}

h2	{
	text-align: center;
	color: blue;
	font-size: 1.5em;
	font-weight: bold;
}
h3	{
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
}
.milieu	{
	text-align: center;
}
.milieu2	{
	font-size: 1.5em;
	font-weight: bold;
	color: blue;
	text-align: center;	
}
.milieu2 a, .milieu2 a:visited	{
	text-decoration: none;
}
.retrait	{
	text-indent: 2em;
	margin-top: -1em;
}
.retrt	{
	text-indent: 2em;
}
.ptmj	{
	font-variant: small-caps;
}
.notben	{
	color: rgb(136,73,27);
	font-size: 0.9em;
}
#phabet	{
	display: block;
	width: 400px;
	margin: auto;
}
#phabet a	{
	color: blue;
	font-weight: bold;
	text-decoration: none;
}
.vers	{
	display: block;
	width: 400px;
	margin: auto;
	text-align: center;
	font-family: papyrus;	
}
#tbl1	{
	width: 780px;
	margin: auto;
}

table, tr, td	{
	border: 1px solid black;
	border-collapse: collapse;
	padding-left: 8px;
}
.rge{
	color: red;
	font-weight: bold;
}
audio	{
	 display: block;  
	margin: 0 auto;	
}
#renvoiHt	{
	display: block;
	margin: auto;
	width: 150px;
	height: 60px;
	background-color: rgb(255, 255, 245);
	text-align: center;
	color: blue;
	font-weight: bold;
	border: 1px solid blue;	
}
#renvoiHt a, #renvoiHt a:visited	{	
	text-decoration: none;
}
#piedbleu	{
	color: rgb(255, 255, 245);
	font-family: arial;
	font-weight: bold;
	background-color: rgb(142, 142, 142);
	padding-left: 10px;
	border: 1px solid black;	
}
#piedbleu p	{
	text-indent: 0em;
}
#piedbleu a	{
	color: rgb(255, 255, 245);
}
.triple	{
	column-width: auto;
	column-count: 3;
	 -webkit-column-count: 3;	/*	Safari	*/
	 -moz-column-count: 3; /* Firefox */
	column-gap: 1rem;
	 -webkit-column-gap: 1rem;
	 -moz-column-gap: 1rem; /* Firefox */	 
}
.double	{
	column-width: auto;
	column-count: 2;
	 -webkit-column-count: 2;	/*	Safari	*/
	 -moz-column-count: 2; /* Firefox */
	column-gap: 1rem;
	 -webkit-column-gap: 1rem;
	 -moz-column-gap: 1rem;	
}