font-face {font-family: 'Yu Gothic Medium'; src: url('../font/YUGOTHM_0.TTC'); }

/*----------------------------------------------------------------------------Menus------------------------------------------------
------------------------Barre de menus--------------------------*/
.test1 {
	background-color: aqua;
}
.test2 {
	background-color: fuchsia;
}
.test3 {
	background-color: lime;
}
#hauteurviewport {
	width: 100vw;
	height: 100vh;
	position: absolute;
}
#hauteurviewport2 {
	width: 400px;
	height: 700px;
	position: absolute;
	background-color: aqua;
}
.menugeneral {
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 10px;
}
.menumobile {
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 10px;
}
.taillemobile {
	width: 380px;
}

.jaunepale{
	background-color: #FFFFCC;
}

.titresort {
	text-align: center;
	text-decoration: underline;
	font-size: x-large;
	font-weight: bold;
}
.margegauche {
	margin-left: 55px;
}

.paire {
	background-image: url('images/bkgrdorange.png');
}

.texteinfo {
	font-size: large;
	background-image: url('images/bkgrdvert.png');
	border-style: solid;
	border-width: 3px;
	margin: 0px;
	padding: 12px;
	position: fixed;
	width: 200px;
}

.nomperso{
	font-size:xx-large;
}
.titreclasse{
	font-size:x-large;
}

.style1fp {
text-align: center;
font-size: xxx-large;
font-family: "Old English Text MT";
text-decoration: underline;
}



.titrepage {
	text-align: center;
	font-size: xx-large;
	font-family: "Old English Text MT";
	text-decoration: underline;
	margin-top: 10px;
}
.centrertexte {
	text-align: center;
	font-size: medium;
	color: #422100;
}
.centrer {
	text-align: center;
}
.centretableau {
	text-align: center;
}
.titre {
	text-align: center;
	font-size: 24px;
}
.titrearchives {
	color: #9900FF;
	text-align: center;
	font-size: 34px;
}
.imagearme {
	height: 50px;
	position: relative;
}
.divimagearmegrande {
	position: absolute;
}
.ca {
	border: medium;
	border-color: fuchsia;
	border-style: solid;
}
.roundtermine {
	background-image: url('images/bkgrdorange.png');
	font-family: Tolkien;
	font-size: x-large;
	text-align: center;
	border: 1px;
	border-color: black;
	border-style: solid;
}
.curseurmain {
	cursor: pointer;
}
.curseurhelp {
	cursor: help;
}
.image-clignote {
	animation-duration: .8s;
	animation-name: clignoter;
	animation-iteration-count: infinite;
	transition: none;
}
@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0; }
  100% { opacity:1; }
}
/*--------------------------------------------------*/
body {
	background-image: url('images/bkgrd.jpg');
}
.bodyplateau {
	background-image: url('images/bkgrdnoir.png');
}

.bodyfeuille {
	background-image:none;
}



.centrerdansdiv {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}
.divcentral {
	border: 2px solid #F1B469;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.centrecell {
	text-align: center;
}
.divbarre {
	height: 10px;
	width: 100px;
}
.violet {
	background-image: url('images/bkgrdviolet.png');
}
a {
	color: #6600CC;
}
.flex {
	display: flex;
	flex-wrap: wrap;
}
.flexcentre {
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.flex_ecarte {
	display: flex;
	justify-content: space-between;
}

.flex_ecarte_demi {
	display: flex;
	justify-content: space-around;
}


.flex_ecart_vertical {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.flex_ecart_vertical2 {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.flextotal {
	display: flex;
	justify-content: center;
	align-items: center;
}
.flextotalvertical {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.p100 {
	width: calc(100% - 300px);
}
.divespace {
	padding: 1em;
}
.divdemiespace {
	padding: 0.5em;
}

.divquartespace {
	padding: 0.25em;
}

.divtiersespace {
	padding: 0.33em;
}


.nomgroupe {
	font-size: x-large;
	font-weight: bold;
	vertical-align: middle;
}
.champ {
	background-image: url('images/bkgrdclair.jpg');
}
.intitiative {
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 23px;
	background: yellow;
}
.intitiativerouge {
	color: #000000;
	font-family: "times New Roman", Times, serif;
	font-size: 23px;
	background-image: url('images/bkgrdrouge.png');
}
.initarmemini {
	font-size: small;
}
.initarmemoyen {
	font-size: large;
}
.initarmeminirouge {
	font-size: small;
	color: red;
	font-weight: bold;
}
.boutonpv {
	border-style: outset;
	font-family: tolkien;
	font-size: 50px;
	background-image: url('images/bkgrdclair.jpg');
	cursor: pointer;
	font-weight: bold;
}
.boutoncache {
	display: none;
	color: red;
	font-weight: bold;
	cursor: pointer;
}
.boutonperso {
	font-family: "times New Roman", Times, serif;
	font-size: 28px;
	background-image: url('images/bkgrdclair.jpg');
	font-weight: bold;
	cursor: pointer;
}
.boutonpersomort {
	font-family: tolkien;
	font-size: 28px;
	font-weight: bold;
	background-color: #000000;
	color: #FF0000;
	cursor: pointer;
}
.boutonpersocoma {
	font-family: "times New Roman", Times, serif;
	font-size: 28px;
	background-image: url('images/bkgrdclair.jpg');
	font-weight: bold;
	color: #FF0000;
	cursor: pointer;
}
.boutonpnj {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	background-image: url('images/bkgrdclair.jpg');
	cursor: pointer;
}
.boutonpnjrouge {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	background-image: url('images/bkgrdclair.jpg');
	color: red;
	cursor: pointer;
}
.bouton {
	font-family: Tolkien;
	font-size: 24px;
	background-image: url('images/bkgrdclair.jpg');
	cursor: pointer;
}
.boutonnoir {
	font-family: Tolkien;
	font-size: 28px;
	background-color: black;
	color: red;
	cursor: pointer;
}
.boutonpetit {
	border: 1px solid #000000;
	font-family: Tolkien;
	font-size: 14px;
	background-image: url('images/bkgrdclair.jpg');
	cursor: pointer;
}
.boutonmini {
	border: 1px solid #000000;
	font-size: 12px;
	background-image: url('images/bkgrdclair.jpg');
	cursor: pointer;
}
.boutonminiplus {
	border: 1px solid #000000;
	margin:5px;
	font-size: 14px;
	background-image: url('images/bkgrdclair.jpg');
	cursor: pointer;
}
.boutonminis {
	border: 1px solid #000000;
	font-size: 12px;
	cursor: pointer;
	background-image: url('images/bkgrdrose.png');
}
.boutonaffichage {
	border: 1px solid #000000;
	font-family: Tolkien;
	font-size: 24px;
	background-image: url('images/bkgrdvert.png');
	cursor: pointer;
}
.boutonmoyen {
	border: 1px solid #000000;
	font-family: Tolkien;
	font-size: 20px;
	margin: 5px;
	background-image: url('images/bkgrdclair.jpg');
	cursor: pointer;
}

.boutonmesurer{
	background-image: url('images/bkgrdorange.png');
	
}

.boutonorange {
	font-family: Tolkien;
	font-size: 24px;
	background-image: url('images/bkgrdorange.png');
	cursor: pointer;
}
.boutonvert {
	font-family: Tolkien;
	font-size: 24px;
	background-image: url('images/bkgrdvert.png');
	cursor: pointer;
}
.boutonrouge {
	font-family: Tolkien;
	font-size: 24px;
	background-image: url('images/bkgrdrouge.png');
	cursor: pointer;
}
.boutonpetit {
	font-family: Tolkien;
	font-size: 14px;
	background-image: url('images/bkgrdclair.jpg');
	cursor: pointer;
}
.boutongros {
	font-family: "old English Text MT";
	font-size: 64px;
	background-image: url('images/bkgrdclair.jpg');
	cursor: pointer;
}
.boutonlien {
	padding: 2px 7px 2px 7px;
	margin: 3px;
	border-style: solid;
	border-width: 2px;
	font-family:Tolkien;
	font-size: 18px;
	background-image: url('images/bkgrdclair.jpg');
	text-align: center;
	display: inline-block;
	cursor: pointer;
	border-top-color: #000000;
	color: black;
	text-decoration: none;
	cursor: pointer;
}
.boutonajuspv {
	margin: -7px;
	padding: 0px;
	font-family: "old English Text MT";
	font-size: 20px;
	background-image: url('images/bkgrdclair.jpg');
	height: 30px;
	width: 40px;
	cursor: pointer;
}
.boutonretcombat {
	background-image: url('images/bgboutretcomb.png');
	cursor: pointer;
}
.boutonmonstre {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	background: lime;
	cursor: pointer;
}
.boutonmonstrecoma {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	background-image: url('images/bkgrdclair.jpg');
	color: #FF0000;
	cursor: pointer;
}
.boutonmonstremort {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	background-color: #000000;
	color: #FF0000;
	cursor: pointer;
}
.grise {
	color: #CCCCCC;
}
.boutonpvmonstres {
	cursor: pointer;
	font-family: "Times New Roman", Times, serif;
	font-size: 23px;
	background-image: url('images/bkgrdclair.jpg');
}
.tiratt {
	font-size: 20px;
	font-weight: normal;
	padding: 7px 11px 7px 7px;
}
.tirattrouge {
	font-size: 20px;
	font-weight: normal;
	padding: 7px 11px 7px 7px;
	color: #FF0000;
}
.tirattviolet {
	font-size: 20px;
	font-weight: normal;
	padding: 7px 11px 7px 7px;
	color: #CC00CC;
}
.tagada {
}
.tagadazou {
}
.cadre {
	border: medium solid #FFFF00;
}
.seg {
	background-color: #E7F906;
	font-family: "old English Text MT";
	font-size: 24px;
	width: 100px;
}
.nouvround {
	background-color: #E7F906;
	font-family: "old English Text MT";
	font-size: 24px;
}
.textinit {
	font-family: "old English Text MT";
	font-size: 28px;
}
.moinspv {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	background-image: url('images/bkgrdrouge.png');
	width: 40px;
	text-align: center;
}
.pluspv {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	background-image: url('images/bkgrdvert.png');
	width: 40px;
	text-align: center;
}
.style2 {
	text-align: center;
}
.style3 {
	text-align: right;
	font-family: "old English Text MT";
	font-size: xx-large;
}
.style4 {
	text-align: left;
}
.aligndroite {
	text-align: right;
}
.titreOM {
	text-align: center;
	font-family: "old English Text MT";
	font-size: 20px;
	text-decoration: none;
	color: black;
}
.listeomtitre {
	text-align: center;
	font-family: "old English Text MT";
	font-size: 45px;
	text-decoration: none;
	color: black;
}
.listeom {
	font-size: 22px;
}
.listeommob {
	font-size: 16px;
}
.titremonstre {
	font-family: "comic Sans MS";
	font-size: 24px;
	font-weight: bold;
}
.boutonsselection {
	cursor: pointer;
	font-family: "comic Sans MS";
	font-size: 20px;
	background-color: aqua;
}
.borduretableau {
	border: 1px solid #F4C471;
}
.borduretableaupv {
	border: 1px solid #F4C471;
	font-family: "Times New Roman";
	font-size: 30px;
}
.ligneclaire {
	border: 2px solid #6200C0;
	background-image: url('images/bkgrdclair.jpg');
}
.inputdanscellecell {
	text-align: center;
	font-weight: bold;
	padding: 2px 10px 2px 5px;
	background-image: url('images/bkgrdtresclair.png');
}
.celltableaucentre {
	border: 1px solid #6400C6;
	text-align: center;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}
.celltableaucentrenorm {
	border: 1px solid #6400C6;
	text-align: center;
	padding: 2px 5px 2px 5px;
}
.bonustoucherdegats {
	text-align: center;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	background-image: url('images/bkgrdclair.jpg');
	font-size: 16px;
}
.bonustoucherdegatsrouge {
	text-align: center;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	background-image: url('images/bkgrdrouge.png');
	font-size: 16px;
}
.celltableaucentreeepais {
	border-style: solid;
	border-width: 1px 2px 1px 2px;
	border-color: #6400C6;
	text-align: center;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}
.celltableaucentreeepaisinit {
	border-style: solid;
	border-width: 1px 2px 1px 2px;
	border-color: #6400C6;
	text-align: center;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	background-image: url('images/bkgrdrouge.png');
}
.celltableaucentreeepaisd {
	border-style: solid;
	border-width: 1px 2px 1px 1px;
	border-color: #6400C6;
	text-align: center;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}
.celltableaucentregrand {
	border: 1px solid #6400C6;
	text-align: center;
	padding: 2px 5px 2px 5px;
	font-family: "Times New Roman", Times, serif;
	font-size: 35px;
}
.celltableaugauche {
	border: 1px solid #6400C6;
	margin: 0px;
	padding: 2px 4px 2px 3px;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
}
.celltableaugauchessbas {
	border: 1px solid #6400C6;
	border-bottom: 0px;
	margin: 0px;
	padding: 2px 4px 2px 3px;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
}
.celltableaugauchespe {
	border: 1px solid #6400C6;
	margin: 0px;
	padding: 2px 4px 2px 3px;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	background-image: url('images/bkgrdorange.png');
}
.tableau {
	font-size: 17px;
	font-family: "Times New Roman", Times, serif;
	background-image: url('images/bkgrdclair.jpg');
	border: 3px solid #6400C6;
	padding: 0px;
	margin: auto;
	border-collapse: collapse;
}
.tableaumobile {
	font-size: 17px;
	font-family: "Times New Roman", Times, serif;
	background-image: url('images/bkgrdclair.jpg');
	border: 3px solid #6400C6;
	padding: 0px;
	border-collapse: collapse;
}
.tableautitre {
	font-family: "Times New Roman", Times, serif;
	font-size: x-large;
	font-weight: bold;
	text-align: center;
	padding: 2px 4px 2px 1px;
}
.minicasesjp {
	border: 1px solid #6400C6;
	text-align: center;
	padding: 1px 10px 1px 10px;
	font-size: 12px;
	line-height: 10px;
	font-weight: bold;
}
.cellpasgras {
	font-weight: normal;
	font-size: 12px;
}
.affpv {
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: bold;
	background-image: url('images/bkgrd.jpg');
	border-style: none;
	border-width: 0px;
	padding: 0px;
}
.listepnjs {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bold;
	border-style: none;
	border-width: 0px;
	padding: 9px;
}
.groupespnj {
	border-collapse: collapse;
	border-left-style: dashed;
	border-left-width: medium;
	border-left-color: #FF00FF;
}
.inputcarac {
	font-size: x-large;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: center;
	background-image: url('images/bkgrdtresclair.png');
	width: 120px;
}
.fondpnj {
	background-image: url('images/bkgrdviolet.png');
}
.boutonpnjlargev {
	cursor: pointer;
	background-image: url('images/bkgrdviolet.png');
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	padding-left: 10px;
}
.boutonpnjlargeinit {
	cursor: pointer;
	background-image: url('images/bkgrdrouge.png');
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	padding-left: 10px;
}
.boutonpnjlarge {
	cursor: pointer;
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	padding-left: 10px;
}
.appliquergroupe {
	background-image: url('images/bkgrdorange.png');
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
}
.valmonstres {
	color: #9900CC;
	font-weight: bold;
}
.radc {
	background-color: red;
}
.fond {
	background-color: red;
}
.cpvneg {
	color: red;
	font-size: xx-large;
	font-weight: bold;
}
.titrelisteom {
	color: red;
	font-size: large;
	font-weight: bold;
	text-transform: uppercase;
}
#affichermonstreencombat {
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	background-image: url('images/bkgrdorange.png');
	border: thin;
	border-color: black;
	border-style: solid;
	padding: 5px;
}
.imgpnjcombat {
	max-height: 120px;
	max-width: 120px;
}
.imagemonstrepourvignette {
	max-width: 100px;
	max-height: 100px;
}
.monstrevignette {
	margin: 2px;
	width: 100px;
	height: 100px;
	border: thin;
	border-color: black;
	border-style: solid;
}
.vignette {
	position: relative;
}
.bloctextevignettes {
	margin-top: 10px;
	margin-left: 20px;
	font-size: x-large;
}
.numdansvignette {
	z-index: 1;
	bottom: 0px;
	width: 100px;
	position: absolute;
	color: black;
	text-align: center;
}
.vignettetransp {
	z-index: 1;
	top: 0px;
	width: 100px;
	height: 100px;
	position: absolute;
}
.caseptsdegvignette {
	width: 20px;
	height: 20px;
	border: 1px;
	border-color: black;
	border-style: solid;
	background-image: url('images/bkgrdrouge.png');
	font-size: 15px;
	font-family: "Times New Roman", Times, serif;
}
.caseptsdegvignettepersomoins {
	width: 20px;
	height: 20px;
	border: 1px;
	border-color: black;
	border-style: solid;
	background-image: url('images/bkgrdrouge.png');
	font-size: 15px;
	font-family: "Times New Roman", Times, serif;
	padding: 0;
	text-align: center;
}
.caseptsdegvignettepersoplus {
	width: 20px;
	height: 20px;
	border: 1px;
	border-color: black;
	border-style: solid;
	background-image: url('images/bkgrdvert.png');
	font-size: 15px;
	font-family: "Times New Roman", Times, serif;
	padding: 0;
	text-align: center;
}
.caseptsdegvignettepersomax {
	width: 30px;
	height: 20px;
	border: 1px;
	border-color: black;
	border-style: solid;
	background-image: url('images/bkgrdvert.png');
	font-size: 15px;
	font-family: "Times New Roman", Times, serif;
	padding: 0;
	text-align: center;
}
.ligneptsdegvig {
	cursor: pointer;
	max-width: 440px;
}
.photo200 {
	max-height: 200px;
	max-width: 200px;
}
.photo150 {
	max-height: 150px;
	max-width: 150px;
}
.photo100 {
	max-height: 100px;
	max-width: 100px;
	cursor: pointer;
}
.photo50 {
	max-height: 50px;
	max-width: 50px;
}
.textepnjmonstreattaque {
	background-color: maroon;
	color: white;
}
.textepjsattaque {
	background-color: black;
	color: white;
}
.cadresaisie {
	padding: 5px;
	border: thick solid #CC00CC;
}
/*
.pavesurgissant{

	background-image:url('images/bkgrdviolet.png');
		position:fixed;
}

*/
.decalagegauche {
	margin-left: 200px;
}
.largcle {
	width: 50px;
}
.largimage {
	width: 110px;
}
.taillemaxi {
	max-height: 200px;
	max-width: 200px;
}
.divconteneur {
	width: 150px;
}
.titredropzone {
	font-size: 22px;
	position: relative;
	top: 30px;
	z-index: 5;
}
.blocvignette {
	border: 1px solid #000000;
	margin: 2px;
	width: 160px;
	height: 210px;
}
.divvignette {
	width: 158px;
	height: 152px;
	margin: 1px;
}
.vignettestock {
	max-width: 150px;
	max-height: 150px;
}
.vignettechoix {
	max-width: 300px;
	max-height: 300px;
}
#photoclignote {
	animation-duration: .8s;
	animation-name: clignoter;
	animation-iteration-count: infinite;
	transition: none;
}
@keyframes clignoter {
  0%   { opacity:1; }
  50%   {opacity:0; }
  100% { opacity:1; }
}

.formboutonstock {
	cursor: pointer;
	height: 25px;
	padding: 0px;
	margin: 0px;
}
.divboutonspourstock {
	height: 50px;
}
.boutonfermer {
	position: absolute;
	top: 25px;
	right: 25px;
	cursor: pointer;
}
.pavesurgissant {
	background-image: url('images/bkgrdviolet.png');
	position: absolute;
}
.divcont {
	width: 100px;
	height: 100px;
}
#container {
	width: 150px;
	height: 150px;
	padding: 15px;
}
#divcontainer {
	width: 150px;
	height: 150px;
	padding: 15px;
	border: 3px double #000000;
	border-radius: 5px;
	background-image: url('images/bkgrdorange.png');
}
#imgtroppetite {
	background-color: red;
	font-size: xx-large;
	text-align: center;
}
.textfamille {
	font-size: xx-large;
	color: #9933FF;
	font-family: Tolkien;
	font-weight: bold;
}
.affichphoto {
	width: 150px;
	margin: 5px;
}
.rondjeton {
	border: 2px solid #000000;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	position: absolute;
}
.rondjetonselect {
	border: 1px solid #000000;
	width: 20px;
	height: 20px;
	border-radius: 10px;
}
.chiffrejeton {
	position: relative;
	font-weight: bold;
}
.jetonblanc {
	background: white;
}
.jetonjaune {
	background: yellow;
}
.jetonrouge {
	background: red;
}
.jetonvert {
	background: #00CC00;
}
.jetonbleu {
	background: #0099FF;
}
.croix {
	position: relative;
	font-weight: bold;
	width: 20px;
	height: 20px;
}
/*---------------------------- Gestion des stocks de photo  -*/
.gdimagestock {
	max-height: 600px;
	max-width: 600px;
}
.divgdimagestock {
	height: 600px;
	width: 600px;
}
.clicarme {
	padding: 0px;
	margin: 1px;
	cursor: pointer;
	background-image: url('images/bkgrdjaune.png');
}
.pavecarre {
	width: 500px;
	height: 500px;
}
.d12 {
	width: 100px;
}
.clignote {
	animation-duration: 1s;
	animation-name: clignoter;
	animation-iteration-count: infinite;
	transition: none;
}
@keyframes clignoter {
  0%   { opacity:1; }
  50%   {opacity:0.5; }
  100% { opacity:1; }
}
/*--------------------------  Chroniques ----------------------------*/
.datechroniques {
	font-weight: bold;
	font-size: large;
	font-family: Helvetica;
}
.textechroniques {
	font-size: large;
	font-family: Helvetica;
}
.mauvaisformat {
	font-size: x-large;
	color: red;
	font-weight: bold;
	text-align: center;
}
.pparch {
	color: red;
}
/*----------------------------------------------------*/
.calsaison {
	font-weight: bold;
	font-size: x-large;
	text-align: center;
}
.calmois {
	font-weight: bold;
	font-size: large;
	width: 10em;
	text-align: center;
}
.borduresaison {
	border: medium,black, solid;
}
.borduremois {
	border: thin,black, solid;
	margin: 0.5em;
	padding: 0.5em;
}
.titreannee {
	font-weight: bold;
	font-size: xx-large;
}
.celldate {
	width: 4.5em;
}
.celljour {
	width: 3.2em;
}
.celllune {
	width: 1.1em;
	text-align: center;
}
.lune {
	width: 1em;
}
.btnsannes {
	background-image: url('images/bkgrdorange.png');
	font-size: x-large;
}
.divdatemenu {
	font-size: xx-large;
}
#miniecran {
	width: 204px;
	height: 115px;
	background-color: black;
	border: 3px,fuchsia,solid;
	position: fixed;
}
.btnsplateau {
	background-color: black;
	border: 3px,fuchsia,solid;
	color: white;
	font-family: Tolkien;
	font-size: 24px;
}
#btninit {
	height: 2em;
}
.divgato {
	width: 1.5em;
}
.diveven {
	width: 1.5em;
}
.gato {
	width: 16px;
}
.even {
	width: 16px;
}
/*--------------OM-----------*/
.tabull {
	background-color: yellow;
}
.tablesom {
	border-collapse : collapse;
}
.tablesom tr td {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.centrecellule {
	text-align: center;
}
.cellgras {
	font-weight: bold;
}
.textdescrip {
	font-size: 18px;
}
.pavesurgissantdom {
	background-image: url('images/bkgrdviolet.png');
	position: absolute;
	max-width: 75%;
}
.centretable {
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.cadretableom {
	border: 1px solid #CC00CC;
}
.lignecouleur {
	background-color: rgb(204, 0, 204, 0.2);
}
.couleurd12 {
	filter: hue-rotate(90deg) drop-shadow(0px 0px 10px #FF3000);
}



#idaffichageinit{
	top:150px;
	right:10px;
	position:fixed;
}


.texterouge{
	color:red;
}

/*------------------------------------Plateau*/
#barremenuplateau {
	background-image:url('images/bkgrdjaune.png');
	height: 2.5em;
	z-index:10;
	position:absolute;
	width:100%;
}

.iconebarre{
	height:2em;
	cursor:pointer;
}

.iconeeclairage{
	height:45px;
	cursor:pointer;
}


#ligneeclairage{

	background-color:orange;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	padding-top:2px;
}

#gestionpleinecran {
	background-color:black;
	position: absolute;
	top: 0px;
	left: 0px;
}

#contenantimage{
position:relative;
z-index:1;
}

#cadreecran{
	width:1360px;
	height:768px;
	border:thin,red,solid;
	position: absolute;
	z-index:20;
	user-select: none;
}

#lignevert{
	width:680px;
	height:768px;
	border:thin,red,solid;
	position: absolute;
	z-index:5;
}


#bloczonecache{
	width:1400px;
	height:808px;
	position: absolute;
	z-index:19;
}

.zonecache{
	background-color:blue;
	opacity:0.3;
	z-index:20;
	position:fixed;
}

#bloccachepolygone{
	width:1360px;
	height:768px;
	position: absolute;
	z-index:19;
}

#bloccachetenebre{
	width:1360px;
	height:768px;
	position: absolute;
	z-index:19;
}

#blocaffichelumiere{
	width:1360px;
	height:768px;
	position: absolute;
	z-index:19;
}

.minilampe{
	width:30x;
	height:30px;
	z-index:25;
}

.divminilampe{
	width:30x;
	height:30px;
	position: absolute;
	z-index:25;
}

.zonetenebres{
	background-color:black;
	width:240px;
	height:240px;
	border-radius:120px;
	position: absolute;
	z-index:20;
	opacity:0.5;

}

#cerclezoneeffet{
	background-color:red;
	position: absolute;
	z-index:20;
	opacity:0.5;

}

#conezoneeffet{
	position: absolute;
	z-index:20;
}

#imgconezoneeffet{
	opacity:0.5;
}

.zonetenebresvign{
	background-color:black;
	width:240px;
	height:240px;
	border-radius:120px;
	position:absolute;
	z-index:15;
	opacity:0.5;

}


.imagepolygone{
	position: absolute;
	opacity:0.3;
}



#fondblanc{
	width:1360px;
	height:768px;
	background-image:url('images/transparent.png');
	position: absolute;
	z-index:2;
}

#cachesombre{
	width:1360px;
	height:768px;
/*	background-color:black;
	opacity:0.7;*/
	position: absolute;
	z-index:4;
}


#cachezoneeffet{
	width:1360px;
	height:768px;
	position: absolute;
	z-index:30;
}

#zonemesure{
	width:1360px;
	height:768px;
	position: absolute;
	z-index:30;
}


#divcanevas{
	width:2000px;
	height:1000px;
	position: absolute;
	z-index:19;
}

#divcanevas2{
	width:2000px;
	height:1000px;
	position: absolute;
	z-index:19;
}




#blocselectlumiere{
	width:1360px;
	height:768px;
	position: absolute;
	z-index:20;
}


#contenantgrille{
	width:1360px;
	height:768px;
	position: absolute;
	z-index:10;
}

	
#lignehoriz{
	width:1360px;
	height:384px;
	border:thin,red,solid;
	position: absolute;
	z-index:5;
}

#pointerrond{
	width:30px;
	height:30px;
	position: absolute;
	z-index:14;
}


#imageencours{
	position:absolute;
	z-index:3;
}

.grillevert{
	width:1px;
	height:768px;
	border-left-style: solid;
	border-left-width: 1px;
	position: absolute;
	z-index:10;
}


.grillehoriz{
	width:1360px;
	height:1px;
	border-top-style: solid;
	border-top-width: 1px;
	position: absolute;
	z-index:10;
}

.couleurgrille{
	border-top-color: ;
	border-left-color: ;

}



#grillenoir{
	background-color:black;
}

#grillemarron{
	background-color:#996633;
}

#grillerouge{
	background-color:#FF6600;
}

#grillegris{
	background-color:gray;
}

#grilleblanc{
	background-color:white;
}

#grillesans{
	font-family:"Yu Gothic Medium";
	font-size:1em;
}



.btngrille{
	border-radius: 5px;
	width:1.5em;
	height:1.5em;
	margin:2px;
	cursor:pointer;
}

.btngrilleselect{
border:2px,fuchsia,solid;
}

.btngrillenoir{
border:1px,black,solid;
}

.divslider{
	width:5em;
}



.baseimage{
	width:48px;
	height:48px;
	z-index:25;
	background-color:maroon;
	user-select: none;
}

.baseimage2{
	width:48px;
	height:48px;
	z-index:25;
	background-color:maroon;
	user-select: none;
}

.baseimage4{
	width:48px;
	height:48px;
	z-index:25;
	background-color:maroon;
	user-select: none;
}


.baseimage7{
	width:96px;
	height:96px;
	z-index:25;
	background-color:maroon;
	user-select: none;
}

.baseimage9{
	width:144px;
	height:144px;
	z-index:25;
	background-color:maroon;
	user-select: none;
}






.miniimgselect{
	border:3px,red,solid;
}

.iconelumiereselect{
	border:3px,yellow,solid;
}

.contminilumiere{
	width:20px;
	height:20px;
	position:absolute;
	bottom:0;
	right:0;
	z-index:23;
	user-select: none;
}

.minilumiere{
	width:20px;
	position: relative;
}

.miniimage{
	max-width:48px;
	max-height:48px;
	z-index:22;
	user-select: none;
}

.miniimage2{
	max-width:48px;
	max-height:48px;
	z-index:22;
	user-select: none;
}

.miniimage4{
	max-width:48px;
	max-height:48px;
	z-index:22;
	user-select: none;
}

.miniimage7{
	max-width:96px;
	max-height:96px;
	z-index:22;
	user-select: none;
}

.miniimage9{
	max-width:144px;
	max-height:144px;
	z-index:22;
	user-select: none;
}

#lignedessus{
	width:100%;
	height:50px;
	top:2.6em;
	position: absolute;
	z-index:25;
	background-color:#333333;
	user-select: none;
}



#lignephotosmonstres{
	width:100%;
	height:100px;
	position: absolute;
	z-index:25;
	background-color:#333333;
	bottom:-30px;
	user-select: none;
}

.fondactif{
	background-image:url('images/bkgrdvert.png');
}

.contnummini{
	width:48px;
	height:48px;
	position:absolute;
}

.contnummini2{
	width:48px;
	height:48px;
	position:absolute;
}

.contnummini4{
	width:48px;
	height:48px;
	position:absolute;
}

.contnummini7{
	width:96px;
	height:96px;
	position:absolute;
}

.contnummini9{
	width:144px;
	height:144px;
	position:absolute;
}

.numimgmini{
	width:20px;
	height:20px;
	position:absolute;
	background-color:white;
	font-weight:bold;
	z-index:26;
	margin:1px;
	border-radius: 10px;

}

.carrenoir{
	background-color:black;
	position:absolute;
	z-index:5;
}

.btnecrannoir{
	background-color:black;
	color:white;
	background-image:none;
}

.btnclignote {
	animation-duration: 1s;
	animation-name: btnclignoter;
	animation-iteration-count: infinite;
	transition: none;
}
@keyframes btnclignoter {
  0%   { opacity:0; }
  50% { opacity:1; }
  100% { opacity:0; }
}

/*--------------------------------------Dieux------------------------*/


.nomdieu{
	height:50px;
	cursor:pointer;
}


.textdescripdieux {
	font-size: 18px;
	width:calc(100% - 300px);
}

.symboledieux{
	max-width:200px;
	text-align:center;
}

.texttitresdieux {
	font-size: 18px;
	width:150px;
	font-weight:bold;
}

.listeautresnoms {
	font-size: 16px;
}

.imgconstell{
	
	max-width:400px;
}

.titredieux{
	text-align: center;
	font-size: 30px;
	font-weight:bold;

}

/*---------------------Messages MJ------------*/


.divinfomj{
	position:fixed;
	width:500px;
}


.paveinfojoueur{
	background-color:lime;
	width:500px;
	padding:1em;
}

/*---Messagerie---*/

.pavemessagerie{
	width:95%;
}

#divmessages{
	width:100%;
	height:100px;
	background-color:black;
	overflow:auto;
}

.textespanmessage{
	color:fuchsia;
}

#textmessages{
	width:90%;
	height:50px;
	background-color:black;
	overflow:auto;
	color:white;
}


.messageblanc{
color:white;
}
.messagevert{
color:lime;
}

#pavemessagerie{
left:-3000px;
}