/* N'affiche que le bloc "tendance" correspondant au skin actif (Dragon / Fatalité / Homme) */
body:not(.skin-dragon) .tendance-set-dragon { display: none; }
body:not(.skin-humanite) .tendance-set-humanite { display: none; }
body:not(.skin-fatalite) .tendance-set-fatalite { display: none; }

@font-face {
	font-family: "Tempus Sans ITC";
	src: url('../fonts/TEMPSITC.TTF') format('truetype');
	font-display: swap;
}

:root {
	--prophezine-font-body: Verdana, Arial, Helvetica, Geneva, sans-serif;
	--prophezine-font-heading: 'Trebuchet MS', Verdana, Arial, Helvetica, Geneva, sans-serif;
	--prophezine-font-tendance: "Tempus Sans ITC", Georgia, serif;
	--prophezine-font-size-body: 0.8em;
	--prophezine-font-size-meta: 0.8em;
	--prophezine-font-size-h1: 2em;
	--prophezine-font-size-h2: 1.5em;
}

body {
	font-family: var(--prophezine-font-body);
	font-size: var(--prophezine-font-size-body);
	margin: 0;
	padding: 0;
	background: white;
	/*width: 740px;*/
}

h1, h2, h3, h4, h5, .filtre {
	font-family: var(--prophezine-font-heading);
}

h1 {
	font-size: var(--prophezine-font-size-h1);
	letter-spacing: 0.3em;
	font-variant: small-caps;
	margin-left: 1em;
}

h2 {
	font-size: var(--prophezine-font-size-h2);
	font-style: italic;
	font-weight: bold;
}

h3, .filtre {
	font-size: 1.3em;
	font-weight: normal;
	margin: 0 0 0 1em;
}

li h3 {
	margin: 0;
}

h4 {
	font-size: 1.1em;
	margin: 0 0 0 2em;
}

h5 {
	font-size: 1em;
	font-weight: bold;
}

hr {
	height: 1px;
	border: 0;
	border-bottom: 1px dashed black;
	margin: 0;
	padding: 0;
}

p {
	text-align: justify;
	margin: 1em 0;
}

img {
	border: 0;
}

a:link, a:visited {
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: underline;
}

h3 a:link, h3 a:visited {
	font-weight: normal;
}

#titre {
	padding: 0;
	margin: 0;
}

#titre h1 {
	display: none;
}

#corps {
	padding: 0 20px 2px 20px;
	margin: 105px 2em 5px 2em;
	border-width: 1px;
	border-style: solid;
}

#tendance, #tendance-presentation {
	margin: 1em;
	padding: 0;
}

p.tendance-D, p.tendance-F, p.tendance-H, p.tendance-N {
	font-family: var(--prophezine-font-tendance);
	font-size: 1.2em;
	padding: 0 0 0 30px;
	line-height: 22px;
	margin: 0 0 0.2em 0;
}

span.tendance-N {
	font-family: var(--prophezine-font-tendance);
	font-size: 1.2em;
}

p.tendance-D {
	background: url('../images/draco.gif') no-repeat 0 1px;
}

p.tendance-F {
	background: url('../images/fata.gif') no-repeat 0 1px;
}

p.tendance-H {
	background: url('../images/huma.gif') no-repeat 0 1px;
}

p.tendance-N {
	margin-left: -2em;
}

p.tendance-N:first-letter {
	font-weight: bold;
}

#skin {
	padding: 1em 2em;
}

#skin div {
	display: inline-block;
	padding: 0.5em;
	width: auto;
	text-align: center;
}

#skin div p {
	font-size: var(--prophezine-font-size-meta);
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	margin: 0.3em 0;
}

#skin input.submit {
	font-size: var(--prophezine-font-size-meta);
	font-weight: bold;
}

#footer-right {
	font-size: var(--prophezine-font-size-meta);
	text-align: right;
	padding: 0;
	margin-right: 2em;
}

#footer-left {
	font-size: var(--prophezine-font-size-meta);
	text-align: left;
	padding: 0;
	float: left;
	margin-left: 2em;
}

/*
* LUM
*/

.lumActive {
	color: red;
}

.lumLinks {
	text-align: center;
}

/*
* COLONNE DE DROITE (WIDGETS)
*/

#content-columns {
	display: flex;
	align-items: flex-start;
	gap: 2em;
}

#content-main {
	flex: 1 1 auto;
	min-width: 0;
}

#content-sidebar {
	flex: 0 0 230px;
	width: 230px;
	font-size: var(--prophezine-font-size-meta);
}

#content-sidebar .widget {
	margin-bottom: 1.5em;
}

#content-sidebar .widget h3 {
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.1em;
	margin: 0 0 0.5em 0;
}

#content-sidebar b {
	text-decoration: underline;
}

#content-sidebar img {
	max-width: 100%;
	height: auto;
}

.news {
	border: 1px solid black;
	width: auto;
	margin: 0;
	padding: 0.5em;
}

#content-sidebar .news ul {
	margin: 0.5em 0 0 1.2em;
	padding: 0;
}

/*
* CARNET DE ROUTE
*/

legend {
	font-family: 'Trebuchet MS',Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}
.note {
	font-size: 0.8em;
	font-weight: bold;
}

div.carnet {
	margin-bottom: 10px;
}

form.carnet fieldset {
	width: 32em;
}

form.carnet p {
	margin: 0.5em 1em;
}

form.carnet label {
	font-size: 0.9em;
	font-weight: bold;
}

textarea {
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 1em;
}

div a.hide {
	display: none;
}

div.carnet p {
	margin:0 0 1em 1em;
	padding: 0.5em 0.5em;
	border: 1px solid black;
}

div.carnet p span.nouvelle {
	font-family: 'Courier New',Arial,Helvetica,Geneva,sans-serif;
	font-size: 1.1em;
}

/*
* LIENS
*/

li.lien {
	/*margin-bottom: 1em;*/
	list-style: none;
}

li.lien img {
	border:1px solid black;
}

span.lien {
	font-family: var(--prophezine-font-tendance);
	font-size: 1.2em;
	font-style: italic;
}

/*
* ARCHIVES
*/

ul.cat {
	margin: 0 0 1.5em 0;
}

ul.cat li {
	display: inline;
	list-style: none;
}

form fieldset {
	padding: 0.5em;
}

#keywords {
	margin: 0 0.5em 0 0.5em;
}

/*
* EQUIPE
*/

ul.equipe li {
	margin: 1em 0 1em 0;
}

/*
* ZINE
*/

#sommaire {
	margin: 0 0 1.5em 0;
}

#sommaire ul li {
	margin-bottom: 1em;
}

#sommaire-aplat {
	margin: 0.5em 0 0.2em 0;
	text-align: center;
	/*border: 1px solid black;*/
}

p.credits {
	text-align: right;
	font-size: 0.8em;
	font-weight: bold;
}

ul.dialogue {
	margin: 0;
	padding: 0;
}

ul.dialogue li {
	/*list-style: none;*/
	margin: 0 0 0.3em 1em;
	font-style: italic;
	text-align: justify;
	line-height: 1.4em;
}

ul.articles li {
	margin-bottom: 0.5em;
}

p.narration {
	margin: 1.5em 0;
}

p.narration:first-letter, span.lettrine {
	font-size: 1.3em;
	font-weight: normal;
	color: none;
}

.citation {
	font-style: italic;
	border-left: 1px solid black;
	padding-left: 1em;
	margin-left: 3em;
}

.encadre {
	float:right;
	padding:0 1em;
	margin:0 0 0 2em;
	border:1px solid black;
	width:40%;
}

/*
* LEXIQUE
*/

ul.lexique-form li {
	margin-bottom: 1em;
}

ul.lexique li {
	list-style: none;
	border-bottom: 1px solid #ddd;
	margin-bottom: 1em;
}

ul.lexique li b {
	font-size: 1.2em;
}

ul.lexique li p {
	margin-left: 1em;
}

/*
* GRIMOIRE
*/

ul.grimoire li {
	/*list-style: url("/images/carnet_plus.gif");*/
	list-style: none;
	border-bottom: 1px solid #ddd;
	margin-bottom: 1em;
}

ul.grimoire li b {
	font-size: 1.2em;
}

ul.grimoire li p b {
	font-size: 1em;
}

ul.grimoire li p {
	margin-left: 1em;

}

.filtre {
	margin: 0;
}

/*
* LIVRE D'OR
*/

legend {
	font-family: 'Trebuchet MS',Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}
.note {
	font-size: 0.8em;
	font-weight: bold;
}

div.livredor {
	margin-bottom: 10px;
}

form.livredor fieldset {
	width: 22.5em;
}

form.livredor p {
	margin: 0.5em 1em;
}

form.livredor label {
	font-size: 0.9em;
	font-weight: bold;
}

textarea {
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 1em;
}

div.livredor p {
	margin:0 0 1em 1em;
	padding: 0.5em 0.5em;
	border: 1px solid black;
}

div.livredor p span.message {
	font-family: 'Courier New',Arial,Helvetica,Geneva,sans-serif;
	font-size: 1.1em;
}

/*
* SONDAGE
*/

form.sondage p {
	clear : left;
	margin-top : 1.1em;
}

form.sondage p label {
	display: block;
	float: left;
	width: 10em;
	margin-bottom: 1em;
}

form.sondage p.long label {
	display: inline;
	float: none;
	width: auto;
}

form.sondage fieldset {
	margin-bottom: 1em;
}