body
{
	width: 800px;
	margin: auto;
	background-color: rgb(192, 192, 192);
}
header
{
	background-color: rgb(201, 246, 255);
	color: rgb(1, 103, 255);
	font-family: arial;
	font-weight: bold;
	border: 1px solid blue;	
}
#rajout	{
	width: 796px;	
	text-align: center;
	font-size: 12px;
	color: red;
}
.cote /* Tableau de l'en-tête */
{
	width: 152px;
	text-align: center;
}
.cote img /* Tableau de l'en-tête */
{
	width: 132px;	
	margin-top: 10px;
}
#milieu	/* Tableau de l'en-tête */
{
	width: 496px;
	font-size: 27px;	
	text-align: center;
	word-spacing: 14px;
	letter-spacing: 8px;
}
#bas /* Tableau de l'en-tête */
{
	height: 28px;
	font-size: 12px;
	text-align: center;	
}
#chdefer	/*	Table sous l'en-tête	*/
{
	width: 800px;
	height: 43px;
	background-color: rgb(255, 255, 245);	
	font-family: Arial, "Courrier New";
	font-weight: bold;
	border: 1px solid rgb(255, 164, 98);
}
#l			/* la cell du Chemin de fer proprement dit, sa largeur varie, elle est spécifiée localement */
{
	height: 45px;
	color: rgb(1, 103, 255);
	padding-left: 10px;
}
#r		/* La cell du Rappel historique dans le chemin de fer */
{	
	color: black;
	text-align: right;
	font-size: 0.7em;	
}
#r p
{	
	margin-top: -5px;
	margin-bottom: -2px;
}
#autre		/* la 2è cell du Chemin de fer dans la page modèles */
{
	height: 45px;
	color: rgb(1, 103, 255);
	
}
#clairefont, #longtemps	{
	cursor: url("annexes/doublenote.png"), auto;
}
#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;
}
h7
{
	font-size: 4em;
	font-weight: bold;
}
#global	/*	Utilisé ds la fn Positionnement()	*/
{
	width: 800px;
	background-color: white;
}
.vpm	{
	padding-left: 550px;
	font-size: 2em;
	font-weight: bold;	
}
#coeur
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-left: 185px;
	width: 615px;
}
#ordi, #smart 	{
	color: blue;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}
	
#lignedetitre	{
	display: flex;
	width: 614px;
	height: 45px;
	font-size: 1.7em;
	font-weight: bold;
	color: blue;
}
#lignedetitre > div	{
	margin: 1px;
	padding: 1px;
}
#ttreg	{
	width: 90px;
	height: 40px;
	text-align: center;
}
#ttrec	{
	width: 415px;
	height: 40px;
	text-align: center;
}
#ttred	{
	width: 90px;
	height: 40px;
	text-align: center;
}
#mininav	{
	display: flex;
	width: 800px;
	height: 54px;
	padding: 2px;
	color: rgb(1, 103, 255);
	font-size: 2em;
	font-weight: bold;
	text-align:center;
}
#prcdt	{
	width: 300px;
	height: 50px;
}
#prcdt a	{
	display: block;
	width: 300px;
	height: 50px;
}
#vpm	{
	width: 192px;
	height: 50px;
}
#vpm a	{
	display: block;
	width: 192px;
	height: 50px;
}
#suiv	{
	width: 300px;
	height: 50px;
}
#suiv a	{
	display: block;
	width: 300px;
	height: 50px;
}
h4, .corail
{
	color: rgb(246, 127, 0);
}

h3
{
	text-align: center;
}
li
{
	list-style-type: none;
}
#plan	/*	C'est le MENU latéral (nav)	*/
{	
	display: inline-block;
	position: absolute;
	margin-top: 1px;
	background-color: rgb(255, 255, 245);
	color: rgb(1, 103, 255);
	font-family: Arial, "Trebuchet MS", sans-serif;	
	font-size: 0.8em;
	line-height: 1.5;
	width: 180px;
}
.first	/* Nav */
{
	font-weight: bold;
	margin-left: 5px;
}
.second	/* Nav */
{	
	font-weight: normal;
	margin-left: 15px;
}
a, a:visited
{
	text-decoration: none;
	color: rgb(1, 103, 255);
}
.secondecole, .second3c	/*	Nav	*/
{
	display: none;
	position: absolute;
	width: 155px;
	margin-left: 25px;
	margin-top: -100px;
	background-color: rgb(255, 255, 245);
	font-weight: normal;
	padding-left: 5px;
	border: 1px solid blue;
	border-radius: 8px;
}
.third	/* Nav	*/
{
	display: none;
	position: absolute;
	width: 130px;
	margin-left: 45px;
	margin-top: -100px;
	background-color: rgb(255, 255, 245);
	font-weight: normal;
	padding-left: 5px;
	border: 1px solid blue;
	border-radius: 8px;
}
.fauxlien	/* Nav */
{
	cursor: pointer;	
}
.pagetitre	/* Nav */
{
	cursor: pointer;
	font-weight: bold;
	color: rgb(246, 127, 0);
}
hr	/* Trait de séparation dans le menu */
{
	margin-left: 10px;	
	color: white;
	border: 1px solid rgb(222, 234, 235);
	background-color: rgb(201, 246, 255);
}
.artic	/* les articles */
{	
	padding-left: 10px;
	padding-right:10px;	
}
.pindente
{
	text-indent: 1em;
}
.ulindent li
{
	text-indent: -1em;
}
h2	{
		text-align: center;	
}
#dreux	{
	text-align: center;
	color: blue;
}
.aparte
{
	color: grey;
	font-size: 0.9em;
}
.bleue
{
	color: blue;
}
.rouge
{
	color: red;
}
.chataigne	{
	color: rgb(155, 20, 0);
}
.jaune
{
	color: rgb(255, 200, 0);
}
#ancrenoire
{
	color: black;
}
.blanc
{
	color: white;	
}
.milieu
{
	margin-left: 190px;
	text-align: center;
}
.aumilieu
{
	text-align: center;
}
.dirge
{
	margin-left: 100px;
}
.adrte
{
	text-align: right;
}
.decalag	{
	margin-left: 30px;
}
.figdrte
{
	float: right;
	margin-left: 10px;
	margin-right: 8px;
	vertical-align: middle;
	text-align: center;
	color: grey;
}
.figgche
{
	float: left;
	margin: 10px;
	vertical-align: middle;
	text-align: center;
}
figure, #pequena
{
	margin: auto;
	text-align: center;
}
figcaption
{
	text-align: center;
	font-weight: bold;
	color: grey;
}
.moyen
{
	display: block;
	margin: auto;
}	
.alignee
{
	display: inline-block;
	margin: auto;
}
.figauteur
{	
	position: relative;
	bottom: -15px;
	font-weight: bold;
	text-align: center;
	font-size: 1.4em;
	color: grey;	
}
.figtitre
{	
	position: relative;
	top: -15px;
	font-weight: bold;
	text-align: center;
	font-size: 1.4em;
	color: grey;	
}
.figtitre_gche
{	
	position: relative;
	top: -15px;
	font-weight: bold;
	text-align: left;
	font-size: 1.4em;
	color: grey;	
}
.figtitre_drte
{	
	position: relative;
	top: -45px;
	font-weight: bold;
	text-align: right;
	font-size: 1.4em;
	color: grey;	
}
.legende
{
	position: relative;
	top: -15px;
	text-align: center;
	font-weight: bold;
	color: grey;
}
.info
{
	position: relative;
	top: -35px;
	text-align: center;
	font-weight: bold;
	color: grey;
}
.infoSansTitre
{
	text-align: center;
	font-weight: bold;
	color: grey;
}
.info_gche
{
	position: relative;
	top: -35px;
	text-align: left;
	font-weight: bold;
	color: grey;
}
.info_drte
{
	position: relative;
	top: -65px;
	text-align: right;
	font-weight: bold;
	color: grey;
}
.suiv
{
	text-align: center;
	font-weight: bold;
}
.vign	{
	cursor: zoom-in;
}
.casette	/* Tableau de 4 vignettes */
{
	width: 140px;
	text-align: center;
}
.casetteMini	/* Ligne de 5 vignettes */
{
	width: 116px;
	text-align: center;
}
.caseparsix	/* 6 vignettes	*/
{
	width: 95px;
	text-align: center;	
}
.case	/* 3 vignettes	*/
{
	width: 196px;
	text-align: center;
}
#nuit	/* Light box */
{
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgb(37, 15, 2);
	z-index: 10;
	filter: alpha(opacity=80);	/* IE < 9 */
	opacity: 0.7;	
}
#boite
{	
	display: none;
	position: fixed;	
	background-color: white;
	z-index: 11;	
	box-shadow: 5px 5px 5px black;	
}
#titreHt
{	
	color: maroon;
	font-size: 2em;
	text-align: center;
}
#imageLB	/*	La boite de la Light-box est un table dont imageLB est le td central qui contient l'image	*/
{
	text-align: center;
}
#titreBas
{	
	color: maroon;
	font-weight: bold;	
	text-align: center;
}
pre	/*	Pour la page pastellistes.php	*/
{
	display: inline-block;
}
#couic, #av, #ap, .casette, .casetteMini, .caseparsix
{
	cursor: url("yellow_arrow.cur"), pointer;
}
.imgSurg	/*	Image Surgissante	*/
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: transparent;
	z-index: 10;
	text-align: center;
	display: none;
}
.contenu
{	
	margin: auto;
	margin-top: 8px;
	width: 717px;
	background-color: rgb(254, 227, 200);
	color: rgb(1, 103, 255);
	cursor: zoom-out;
}
.contenu img
{
	margin-top: 10px;
}
.fauxLien
{
	cursor: pointer;
}
#noir	/*	La light-box de Rivera	*/	
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgb(242, 254, 255);
	z-index: 10;
	text-align: center;
	display: none;
}
#quitte
{
	position: absolute;
	width: 40px;
	height: 30px;
	top: 10px;
	right: 10px;
	font:  30px arial, sans-serif;
	font-weight: bold;
	color: white;
	background-color: rgb(1, 103, 255);
	cursor: pointer;
}
#quitte:hover
{
	background-color: red;
}
#grosseCroix
{
	margin-top: -3px;
}
#grande
{
	border: 3px solid rgb(1, 103, 255);
	
}
#tango
{	
	margin_left: auto;
	margin_right: auto;	
	column-width: auto;
	column-count: 2;
	-webkit-column-count: 2;	/*	Safari	*/
	column-gap: 1rem;
	-webkit-column-gap: 1rem;
}
#presentation, #tango a
{
	color: rgb(1, 103, 255);
}

.notabene
{
	color: rgb(136,73,27);
	font-size: 0.9em;
}
#discret, #discret2, #discret3
{
	display: none;
}
#boutonEffacer, #boutonEffacer2
{
	position: relative;
	bottom: 8px;
}
#lomazzo	/* Citation encadrée sur fond bistre */
{
	margin-left:50px;
	width: 500px;
	color: maroon;
	background-color: rgb(253, 246, 238);
	border: 1px solid maroon;
	padding: 8px;
	text-align: justify;
}
.precsuiv
{
	padding-bottom:25px;
}
.precsuiv tr
{
	height: 30px;
	text-align: center;	
}
.precsuiv td
{
	width: 264px;
	color: rgb(1, 103, 255);
	font-weight: bold;
}

#tabteint td	, .tabpig td		/* Teinturiers Pigments */
{
	width: 240px;
}
#tps, #fr
{
	display: inline-block;
	margin-left: -10px;
	vertical-align: middle;	
}
.ttelazone		/* Pour étendre la zone cliquable du lien à toute la cellule */
{
	display: block;
}
#trait_plein, #trait_plein2, #trait_plein3		/*	Image non visible et qui n'occupe qu'1 px, c'est la Fn Photo() qui s'en occupe	*/
{
	height: 1px;
	visibility: none;
}
#vid
{
	width: 590px;
	height: 1px;
	display: none;
}
#acacher
{
	display: none;
}
#recipient		/*	Rivera	*/
{
	width: 350px;
	background-color: white;
	padding-left: 5px;
	text-align: center;
}
#pequena
{
	cursor: zoom-in;
}
#geante	/*	La light-box de Burne-Jones	*/
{	
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgb(242, 254, 255);
	z-index: 10;
	text-align: center;
	display: none;
}
.separation
{
	width: 510px;
	margin-left: 40px;
	height: 12px;
	border: 1px solid blue;
	background-color: rgb(201, 246, 255);
}

#big
{
	position: absolute;
	width: 3000px;
	height: 3488px;
	top: 0px;
	left: 0px;
}

#compteur
{	
	font-family: Rockwell;
	font-weight: bold;
	color: rgb(1, 103, 255);
	letter-spacing: 6px;
	background-color: rgb(201, 246, 255);	
}
#planbas	{
	width: 800px;
	background-color: rgb(255, 255, 245);
	color: rgb(1, 103, 255);
	font-size: 2em;
	border: 1px solid rgb(255, 164, 98);
}
#titre	{
	font-weight: bold;
	font-size: 2em;
	text-align: center;
}
.soustitre	{
	font-weight: bold;
	text-align: center;
	font-size: 2em;
}
.rubrique	{
	font-weight: bold;
	text-align: center;
	font-size: 2em;
}
#planbas a	{
	margin-left: 50px;
	margin-top: 40px;
	font-weight: bold;
	font-size: 2em;
	border:	3px solid rgb(201, 246, 255);
	border-radius: 6px;
}
.detail	{
	margin-left: 90px;
}
footer
{
	margin-top: 1px;
	margin-bottom: 1px;
	width: 798px;
	background-color: rgb(201, 246, 255);
	color: rgb(1, 103, 255);
	font-family: arial;
	font-size: 0.8em;
	text-align: center;
	border: 1px solid blue;	
}
footer td
{
	width: 263px;
}
footer img
{
	width: 78px;
	text-align: center;
}
#mini
{
	color: black;
	font-size: 0.6em;
}
#htdepage
{
	display: block;
	height: 100%;
}