body{margin: 0;background-color:#6b9aaf;margin-bottom: 20px;vertical-align:top;font-size:.8em;}
form{margin:0;padding:0;}	
div#titreprincipal{margin:1em 0;text-align:center;}
	div#titreprincipal img{border:none;margin:auto;width:90%;}
div#titrepage{margin:1em 30%;background-color:#6b9aaf;font-size:3em;padding:.5em; text-align:center;font-family: "Baskerville Old Face",sans-serif;border:3px solid gold;border-radius:50%;}	
	div#titrepage p{margin:0;color:#F0E36B;text-shadow:1px 1px white;}
.titresecondaire{margin:0 auto 0 auto;font-size:3em;text-align:center; vertical-align:middle;font-family: "Baskerville Old Face",sans-serif;text-shadow:1px 1px white;text-decoration:none;}
	.titresecondaire p{margin:0;}
	.titresecondaire span{font-weight:normal;text-decoration:underline;}
div.hautdepage{margin:1em;border-top:2px dashed red;}

div#jemeconect{text-align:center;}
	div#jemeconect table{background-color:#F0E36B;color:white;border-radius:1em;margin:auto;}
	div#jemeconect th{width:50%;text-align:right;padding:0 .2em 0 0;}
	div#jemeconect td{width:50%;text-align:left;padding:0 0 0 .2em;}
	div#jemeconect td input{width:80%;background-color:#636F57;}

div#portionfix{float:left;position: fixed;width:20%;}
div#navigateur div#connexion{border:1px solid #636F57;margin:1em;padding:.2em;}
div#navigateur div#connexion p{margin:.2em; text-align:center;text-decoration:none;}
div#navigateur div#connexion a{text-decoration:none;display:inline-block;padding:0 .5em;border:1px solid black;color:black;font-size:80%;}
	div#navigateur div#connexion a:hover{border:1px solid #F0E36B;color:#F0E36B;background-color:black;}
tr.lignepair td{background-color:inherit;}
tr.ligneimpair td{background-color:#ad8585;}

div#navigateur{border:1px solid #636F57;min-height:240px; margin:1em;padding-right:1em;color:#77ABD6;background-color:#FFD700;}
	div#navigateur p{margin:1em 0 0 1em ;color:black;font-weight:normal;text-decoration:underline;}
	div#navigateur ul{margin:0;}
	div#navigateur li{list-style-type:none;color:black;margin-bottom:12px;}
	div#navigateur a.liste{color:white;text-decoration:none;font-style:normal;}
	div#navigateur a.perso{color:black;text-decoration:none;font-style:italic;}
	div#navigateur a.camp{color:black;text-decoration:none;font-weight:bold;}
	div#navigateur a.hist{color:white;text-decoration:none;}
		div#navigateur a.hist:hover,div#navigateur a.camp:hover,div#navigateur a.perso:hover{color:white;}
	div#navigateur ul ul{padding:0; margin: 0 0 0 15px;}
	div#navigateur ul ul li{font-style:italic;}
	div#navigateur ul ul ul li{font-style:normal;}
	
div#corpsprincipal{margin:0 0 0 20%;background-image: url("pict/pathfinder_core.webp");background-repeat: no-repeat; background-attachment: fixed;background-position:right;background-size:cover;padding:50px 10px;min-height:1068px;}

div#equip{text-align:center;padding:1em;border-spacing:1em;font-size:18px;}
	div#equip div.special{margin:0 25%;vertical-align:top;border:3px outset black;border-radius:10px;background-color:#F0E36B;}
	div#equip div.colonnes{display:table;width:95%;}
		div#equip div.colonnes div.ligne{display:table-row;}
		div#equip div.colonnes div.col{display:table-cell;width:50%;}
		div#equip div.colonnes div.moi{display:table-cell;width:100%;padding:0;vertical-align:top;border:3px outset black;border-radius:10px;background-color:#F0E36B;}
			div#equip div.colonnes div.moi table{width:80%;margin:auto;text-align:center;vertical-align:middle;}
			div#equip div.colonnes div.moi th{width:20%;}
			div#equip div.colonnes div.moi td p{margin:0;}
			div#equip div.colonnes div.moi td p.mythic{margin-top:1em;}
			div#equip div.colonnes div.moi td p.mythic a{display:inline-block;padding:.2em .5em;background-color:orangered;text-decoration:none;border:1px solid black; border-radius:25%;color:black;}
			div#equip div.colonnes div.moi td p.mythic a:hover{color:orangered;border:1px solid orangered; background-color:black;}
			div#equip div.colonnes div.moi td p.nom{font-size:40px;font-family: "Baskerville Old Face",sans-serif;text-shadow:1px 1px white;color:orangered;}
			div#equip div.colonnes div.moi th img{border:5px solid orangered;border-radius:20%}
		div#equip div.colonnes div.cat{padding:0;vertical-align:top;border:3px outset black;border-radius:10px;background-color:#F0E36B;margin:1em 0;}
			div#equip div.colonnes div.cat div{display:block;width:100%;margin:0;padding-bottom:1em;}
			div#equip div.colonnes div.cat div.titre,div#equip div.titre{background-color:brown;border-radius:0 0 10px 10px;color:#F0E36B;font-weight:bold;text-align:center;margin:0;}
			div#equip div.colonnes div.cat div.titre p,div#equip div.titre p{font-size:120%;padding:1em;text-align:center;margin:0 0 .5em 0;}
				div#equip div.colonnes div.cat div.titre span.petit{font-size:smaller;margin:0;padding:0;display:inline-block;font-style:italic;}
					div#equip div.colonnes div.cat div.titre span.petit::first-letter{text-transform:initial;}
				div#equip div.colonnes div.cat div.titre p.voie{padding:1em 0 0 0;margin:0;}
				div#equip div.colonnes div.cat div.titre p.grade{padding:0;margin:.5em;}
			div#equip div.colonnes div.cat p,div#equip div.special p{text-align:left;padding:1em;line-height:1em;vertical-align:middle;margin:-.5em 0;}
			div#equip div.colonnes div.cat p.enc,div#equip div.special p.enc{text-align:right;}
				div#equip div.colonnes div.cat p::first-letter{text-transform:uppercase;}
				div#equip div.colonnes div.cat span.nloc{font-weight:bold;}
				div#equip div.colonnes div.cat span.sanslien{display:inline-block;}
				div#equip div.colonnes div.cat span.sanslien::first-letter{text-transform:uppercase;}
				div#equip div.colonnes div.cat a,div#equip div.colonnes div.cat_s a,div#equip div.special a{text-decoration:none;color:black;font-style:italic;display:inline-block;}
				div#equip div.colonnes div.cat a.sorts{text-decoration:underline;}
					div#equip div.colonnes div.cat a:hover,div#equip div.colonnes div.cat_s a:hover,div#equip div.special a:hover{text-decoration:underline;font-style:normal;}
					div#equip div.colonnes div.cat sup{font-size:.5em;font-weight:bold;}
					div#equip div.colonnes div.cat a.obj::first-letter,div#equip div.colonnes div.cat_s a::first-letter,div#equip div.special a::first-letter{text-transform:uppercase;}
				div#equip div.colonnes div.cat a.util,div#equip div.colonnes div.cat_s a.util{text-decoration:none;color:white;border:1px solid black;font-style:normal;line-height:1em; padding:0 .2em;font-size:70%;background-color:black;}
					div#equip div.colonnes div.cat a.util:hover,div#equip div.colonnes div.cat_s a.util:hover{text-decoration:none;color:black;border:1px solid black;font-style:normal;background-color:white;}
		div#equip div.colonnes div.cat_s{display:table-cell;width:50%;padding:0;vertical-align:top;border:3px outset black;border-radius:10px;background-color:#F0E36B;}
			div#equip div.colonnes div.cat_s div{display:block;width:100%;margin:0;padding-bottom:1em;}
			div#equip div.colonnes div.cat_s div.titre{background-color:brown;border-radius:0 0 10px 10px;color:#F0E36B;font-weight:bold;text-align:center;padding-bottom:0;}
			div#equip div.colonnes div.cat_s div.titre p{font-size:120%;padding:1em;text-align:center;line-height:2em;}
			div#equip div.colonnes div.cat_s p{margin:0 0 0 2em;text-align:left;}
			div#equip div.colonnes div.cat_s p.nom_cont{margin:.5em 0 0 .5em;text-align:left;}
			div#equip div.colonnes div.cat_s p.nom_cont span{font-weight:bold;}
			div#equip div.colonnes div.cat_s p::first-letter{text-transform:uppercase;}
			div#equip div.colonnes div.cat_s a.sorts::first-letter{text-transform:initial;}
		div#equip div.colonnes div#epreuves{text-align:center;}
			div#equip div.colonnes div#epreuves table{width:85%;margin:1em auto;border-collapse: separate;border-spacing:.5em 0;}
			div#equip div.colonnes div#epreuves th{width:20%;text-align:right;padding:0 .5em 0 0;vertical-align:top;}
			div#equip div.colonnes div#epreuves td{text-align:justify;padding:0 .1em; border-bottom: 1px solid black;}
				div#equip div.colonnes div#epreuves td#ascen{border:1px solid black;padding:.5em;}
			div#equip div.colonnes div.cat table#info{width:85%;margin:1em auto;border-collapse:separate;border-spacing:0 1em;}
			div#equip div.colonnes div.cat table#info th{width:33%;text-align:right;padding:.1em .5em 0 0;vertical-align:top;}
			div#equip div.colonnes div.cat  table#info td{padding:0 0 0 .2em;vertical-align:top;}
				div#equip div.colonnes div.cat table#info td.pm{width:10%;text-align:center;}
					div#equip div.colonnes div.cat table#info td.pm span{display:inline-block;border:1px solid black;text-align:center;padding:.2em;}
				div#equip div.colonnes div.cat table#info td.descr p{font-style:italic;margin:0;text-indent:1em;text-align:justify;padding:0;}
				div#equip div.colonnes div.cat table#info td select,div#equip div.colonnes div#info td button{margin:0 0 0 .2em;width:6em;text-align: center;}
		div#equip div.colonnes div.cat span.boit,div#equip span.boit{display:block;border:2px solid black;float:right;width:3em;text-align:center;padding:.2em 0;margin:0 0 0 .5em;}
		div#equip div.colonnes div.cat hr,div#equip div.special hr{width:80%;text-align:center;color:#6b9aaf;}
		
		div#equip div.colonnes div#spec{text-align:justify;}
		div#equip div.colonnes div#spec ul{padding:0;margin:0;list-style:none;}
		div#equip div.colonnes div#spec li{font-style:italic;padding:0;margin:1em 1em 1em 2em;text-indent:-1em;}
		div#equip div.colonnes div#spec li span{font-style:normal;}
		div#equip div.colonnes div#spec li span.tit{font-weight:bold;}
		div#equip div.colonnes div#choix_niv table{width:90%;margin:0 auto;border-collapse:separate;border-spacing:.5em;}
		div#equip div.colonnes div#choix_niv th{width:25%;padding:0 0 0 .5em;text-align:left;}
		div#equip div.colonnes div#choix_niv td{padding:0 .5em;text-align:justify;vertical-align:top;}
		div#equip div.colonnes div#choix_niv td.tit{padding:0 .5em 0 0;text-align:right;}
		div#equip div.colonnes div#choix_niv td span{text-decoration:underline;}

div#campagne{margin:0;background-color:#cab2a3;color:black;border:3px outset #6e3300; border-radius:1em;text-align:center;padding:1em;}
	div#campagne p.stit{margin:1em 0 0 1em;font-size:1.5em;text-decoration:underline;text-align:justify;}
	div#campagne p.stit2{margin:.3em 0 0 0;font-size:1.3em;font-weight:bold;text-align:justify;margin-left:3em;font-variant:small-caps;color:darkblue;}
	div#campagne p.stitgen{margin:.5em 0;font-size:1.3em;font-weight:bold;text-align:center;}

	div#campagne div.tab{display:table;width:100%;margin:0;border-spacing:1em;background-image: url("pict/flammes.jpg");background-size:cover;}
	div#campagne div.vignette{display:table-cell;width:25%;border:1px solid black;padding:.3em;border-radius:1em;background-color:#cab2a3;}
	div#campagne div.vignette img{width:90%;border-radius:1em 1em 0 0;border-width:2px;border-style:solid;border-color: gold;}
	div#campagne div.vignette.actif{background-color:red;color:white;}
	div#campagne div.vignette table.medal{width:90%;margin:0 auto;border-collapse:collapse;border:2px solid gold;}
		div#campagne div.vignette table.medal td{width:16.67%;padding:0;background-color:white;}
		div#campagne div.vignette table.medal td img{width:100%;border-radius:0;border:none;}
	div#campagne div.vignette p{margin:0;font-size:1em;}
	div#campagne div.vignette p.nom{font-weight:bold;}
	div#campagne div.vignette p.jou{font-style:italic;}
	div.liste_pnj div.vignette p.funct{font-style:italic;}
	div#campagne div.vignette_vide{display:table-cell;width:25%;border:1px solid transparent;background-color:transparent;padding:.3em;}
	div#campagne div#recits{padding:.5em;}
	div#campagne div#recits p{margin:0;padding:0;font-size:1.2em;text-align:justify;text-indent:1em;}
	div#campagne div#recits p::first-letter{text-transform: uppercase;}
	div#campagne div#recits p.livre{font-size:1.3em;text-indent:0;}
	div#campagne div#recits p.livre span{font-style:italic;}
	div#campagne div#recits a{font-style:italic;color:blue;text-decoration:none;}
	div#campagne div#recits span.proepi{display:inline-block;border:1px solid #636F57;text-align:center;padding:0 .2em;text-indent:0;}

div#matrefi{margin:0;background-color:#cab2a3;color:black;border:3px outset #6e3300; border-radius:1em;text-align:center;padding:1em;}
	div#matrefi div.titresecondaire p::first-letter{text-transform:uppercase;}
	div#matrefi table{width:90%;margin:auto;border-collapse: collapse;}
	div#matrefi td{border:2px solid black;padding:.1em .5em;}
	div#matrefi td.nom{width:70%;background-color:#6e3300;color:white;text-transform:uppercase;font-size: 110%;}
		div#matrefi td.NLS{width:20%;background-color:white;}
	div#matrefi td.ENC{background-color:white;}
	div#matrefi td.prix{background-color:#ad8585;text-transform:uppercase; text-align:center;}
		div#matrefi td.prix p{margin:.2em 0;}
	div#matrefi td.empl{background-color:white;}
	div#matrefi td.aura{background-color:white;}
	div#matrefi td span{font-weight:bold;font-variant:small-caps;}
	div#matrefi td.txt p{margin:.2em 0;text-indent:1em;text-align:justify;}

	div#matrefi div#sousmed td{padding:.5em;border:1px solid black;border-left-color:white;vertical-align:top;}
	div#matrefi div#sousmed th{width:20%;padding:0;border:1px solid black;border-right-color:white;vertical-align:top;background-color: white;vertical-align:middle;}
	div#matrefi div#sousmed th img{width:6em;}
	div#matrefi td.txt p.nomed{font-size: 110%;font-style:italic;text-indent:0;}