div p{
	margin:0;
}


#EntetePerso{
	width: 1520px;
	height: auto;
	position: relative;
}

#EntetePersoNom{
	background-image: url('/Images/EnteteNom.png');
	width: 621px;
	height: 233px;
	background-size: 100%;
	background-repeat: no-repeat;
	float: left;
}
#EntetePersoBis{
	position: relative;
	float: left;
	width: 870px;
	margin-top: 45px;
}

#EntetePersoBisHaut{
	background-image: url('/Images/EnteteCarHaut.png');
	width: 100%;
	height: 157px;
	background-size: 100%;
	background-repeat: no-repeat;
}
#EntetePersoBisCentre{
	background-image: url('/Images/EnteteCarCenter.png');
	background-repeat: repeat-y;
	width: 100%;
	position: relative;
	z-index: 1;
	display: flex;
	background-size: 100%;
}
#EnteteContent{
	margin-top: -110px;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: -20px;
}
#EntetePersoBisBas{
	background-image: url('/Images/EnteteCarBas.png');
	width: 100%;
	height: 44px;
	background-size: 100%;
	background-repeat: no-repeat;
}
#EditionPerso{
	top: 80px;
	left: 1400px;
}


#EditionCaract{
	margin-top: 25px;
	margin-left: 10px;
}
.CaractChange{
	position: absolute;
	top:88px;
	width: 96px;
	left:7px;
	display: none;
}
.ValBase{
	display: none;
}

.CaractChange .Moins{
	position:relative;
	width: 20px;
	float: left;
	cursor: pointer;
}
.CaractChange .Plus{
	position:relative;
	width: 20px;
	float: right;
	cursor: pointer;
}
.Nickname{
	position: absolute;
	top: 126px;
	left: 135px;
	width: 430px;
	height: 44px;
	display: table;
}

.Modificateur{
	width:calc(100% - 25px);
	height: calc(100% - 8px);
	margin-bottom: 0;
}

.Block{
	position: relative;
	float: left;
	width: calc(33% - 8px);
	height: 55px;
	margin-right: 10px;
}
.BlockVal{
	width: 100%;
	height:50%;
	position: relative;
	display: table;
}
.BlockLib{
	width: 100%;
	height:50%;
}
#Caracteristique{
	width: 126px;
	position: relative;
	margin-right: 12px;
	float:left;
}
#Compteur{
	background-image: url('/Images/Compteur.png');
	background-size: 100%;
	background-repeat: no-repeat;
	height: 44px;
	margin-left: 32px;
	position: absolute;
	width: 64px;
	z-index: 1;
	display: table;
}

#CorpsCaract{
	background: url('/Images/HautCaract.png') no-repeat top,
	linear-gradient(transparent 54px,rgba(219,220,222,1) 54px, rgba(219,220,222,1) calc(100% - 54px),transparent 100px),
     url('/Images/BasCaract.png') no-repeat bottom;
     
	background: url('/Images/HautCaract.png') no-repeat top,
	 -webkit-linear-gradient(transparent 54px,rgba(219,220,222,1) 54px, rgba(219,220,222,1) calc(100% - 54px),transparent 100px),
     url('/Images/BasCaract.png') no-repeat bottom;
     
	background: url('/Images/HautCaract.png') no-repeat top,
     -moz-linear-gradient(transparent 54px,rgba(219,220,222,1) 54px, rgba(219,220,222,1) calc(100% - 54px),transparent 100px),
     url('/Images/BasCaract.png') no-repeat bottom;
     
	background: url('/Images/HautCaract.png') no-repeat top,
	 -ms-linear-gradient(transparent 54px,rgba(219,220,222,1) 54px, rgba(219,220,222,1) calc(100% - 54px),transparent 100px),
     url('/Images/BasCaract.png') no-repeat bottom;
     
	background: url('/Images/HautCaract.png') no-repeat top,
	 -o-linear-gradient(transparent 54px,rgba(219,220,222,1) 54px, rgba(219,220,222,1) calc(100% - 54px),transparent 100px),
     url('/Images/BasCaract.png') no-repeat bottom;
	position: relative;
	float: left;
	margin-right: 12px;
	padding-top: 40px;
	padding-bottom: 40px;
	background-size: 126px;
	width: 126px;
}


.CaractV{
	background-image:url('/Images/ValCaract.png');
	background-size: 110px;
	background-repeat: no-repeat;
	height:148px;
	margin-left: 8px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}

.CaracLibelle{
	position: absolute;
	top: 10px;
	left: 12px;
	width: 74%;
	text-align: center;
	
}

.CaracValeur{
	position: absolute;
	top: 42px;
	left: 12px;
	width: 71%;
	height: 26%;
	display: table;
}

.CaracModificateur{
	position: absolute;
	top: 88px;
	left: 38px;
	height: 36px;
	width: 32px;
	display: table
}


#Col2{
	position: relative;
	float: left;
	width: 250px;
	margin-left: 12px;
}

#Inspiration{
	background-image:url('/Images/Inspiration.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 64px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}

#ValInspiration{
	position: absolute;
	width: 42px;
	height: 42px;
	top: 10px;
	left: 10px;
	display: table;
}

#LibelleInspiration{
	position: absolute;
	width: 166px;
	height: 30px;
	top: 16px;
	left: 70px;
	display: table;
}

#Maitrise{
	background-image:url('/Images/Maitrise.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 76px;
}

#ValMaitrise{
	position: absolute;
	width: 42px;
	height: 42px;
	top: 16px;
	left: 14px;
	display:table;
}

#LibelleMaitrise{
	position: absolute;
	width: 166px;
	height: 30px;
	top: 22px;
	left: 72px;
	display: table;
}

#Sauvegarde{
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}

.HautSauvegarde{
	background-image:url('/Images/Haut-Sauvegarde.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100px;
	position: relative;
}

.CorpsSauvegarde{
	background-image:url('/Images/Milieu-Sauvegarde.png');
	background-size: 100%;
	background-repeat: repeat-y;
	width: 100%;
	position: relative;
	z-index: 1;
	display: flex;
}

.ValSauvegarde{
	position: relative;
	margin-top: -80px;
	margin-bottom: -70px;
}
.ValSauvegarde ul{
	margin: 0px;
}

.BasSauvegarde{
	background-image:url('/Images/Bas-Sauvegarde.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100px;
	position: relative;
}

.LibelleSauvegarde{
	position: absolute;
	width: 100%;
	bottom: -90px;
	display: table;
}

.Column{
	position: relative;
	float: left;
	width: 400px;
	margin-left: 40px;
	margin-right: 40px;
}

#CA_IN_VIT{
	height: 140px;
	display: table;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#CA{
	background-image:url('/Images/CA.png');
	background-size: 90%;
	background-repeat: no-repeat;
	height:100%;
	margin-left: 8px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 30%;
	display: table-cell;
	background-position: center;
}

#CAVal{
	Position: relative;
	width: 50%;
	height: 50%;
	top: 25px;
	left: 34px;
	display: table;
}

#CALib{
	Position: relative;
	width: 25%;
	height: 25%;
	top: 20px;
	left: 50px;
	display: table;
}

#Initiative{
	background-image:url('/Images/Initiative.png');
	background-size: 90%;
	background-repeat: no-repeat;
	height:100%;
	margin-left: 8px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 30%;
	display: table-cell;
	background-position: center;
}

#InitVal{
	Position: relative;
	width: 50%;
	height: 50%;
	top: 25px;
	left: 34px;
	display: table;
}

#InitLib{
	Position: relative;
	width: calc(100% - 36px);
	height: 25%;
	top: 20px;
	left: 18px;
	display: table;
}

#Vitesse{
	background-image:url('/Images/Initiative.png');
	background-size: 90%;
	background-repeat: no-repeat;
	height:100%;
	margin-left: 8px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 30%;
	display: table-cell;
	background-position: center;
	
}

#VitVal{
	Position: relative;
	width: 50%;
	height: 50%;
	top: 25px;
	left: 34px;
	display: table;
}

#VitLib{
	Position: relative;
	width: calc(100% - 36px);
	height: 25%;
	top: 20px;
	left: 18px;
	display: table;
}

#Vie{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.vieVal{
	position: relative;
	width: 100%;
	display: table;
	margin-bottom: -30px;
	margin-top: 12px;
}
.VieMax, .VieMaxNecrosé{
	position: absolute;
	margin-top: -20px;
	margin-bottom: -40px;
	width: 100%;
	padding: 10px;
}

.libelleCanvasInvert{
  margin-bottom: -20px;
  position: absolute;
  width: 100%;
  bottom: 0px;
  display: table;
}

#VieTemp{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.vieValTemp{
	position: relative;
	width: 100%;
	display: table;
	margin-top: -30px;
}
.CanvasHautInvert{
	background-image:url('/Images/Bas-Canvas-Invert.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 52px;
}

.CanvasCorpsInvert{
	background-image:url('/Images/Milieu-Canvas-Invert.png');
	background-size: 100%;
	background-repeat: repeat-y;
	width: 100%;
	display: flex;position: relative;
	z-index: 1;
}

.CanvasBasInvert{
	background-image:url('/Images/Haut-Canvas-Invert.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 25px;
}

.DesVie_JDSMort{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 120px;
	display: table;
	border-spacing: 5px 0;
}

.Armes{
	width: 100%;
}

.Arme{
	border: 1px solid black;
	width: auto;
	margin: 10px;
}

.ListCombattant{
		width: auto;
	margin: 10px;
}

.NomArme{
	border-bottom: 1px solid Black;
	padding-left: 5px;
}

.Stats {
	display: list-item;
	width: 100%;
	list-style-type: none
}

.StatsArmes{
	display: flex;
}

.ArmeCol{
	margin-left: 5px;
	margin-right: 5px;
	font-size: 90%;
}

.ArmeCol div{
	display: table;	
}

.SepCol{
	border-left: 1px solid Black;
	padding-left: 5px;
}


.Enchantement{
	border-top: 1px solid Black;
	padding-left: 5px;
}

.DesVie{
	background-image: url('/Images/EncarsDVie.png');
	background-size: 100%;
	background-repeat: no-repeat;
	height: 100%;
	position: relative;
	width: 50%;
	display: table-cell;
	background-position: left;
	border-collapse: expression('separate', cellSpacing='10px');
	background-position: center;
}


.DesVieTotal{
	position: relative;
	width: calc(100% - 13px);
	padding-top: 10px;
	padding-left: 8px;
	display: table-cell;
}

.DesVieVal{
	position: relative;
	width: 100%;
	display: table;
	margin-top:10px;
	margin-bottom:10px;
}
.DesVielibelle{
	Position: absolute;
	width: 100%;
	height: 25%;
	display: table;
	bottom: -4px;
}

.JDS{
	background-image: url('/Images/EncarsDVie.png');
	background-size: 100%;
	background-repeat: no-repeat;
	height: 100%;
	position: relative;
	width: 50%;
	display: table-cell;
	border-spacing: 10px;
	border-collapse: expression('separate', cellSpacing='10px');
	background-position: center;
}
#JDSSucces{
	position: relative;
	width: 100%;
	display: table;
	padding-left: 5px;
}

#JDSEchec{
	position: relative;
	width: 100%;
	display: table;
	padding-left: 5px;
}

#JDSlibelle{
	Position: absolute;
	width: 100%;
	height: 25%;
	display: table;
	bottom: -8px;
}

#perceptionPassiveVal{
	position: relative;
	width: 100%;
	display: table;
	margin-top: 10px;
	margin-bottom: 10px;
}

#perceptionPassivelibelle{
	Position: absolute;
	width: 100%;
	height: 25%;
	display: table;
	bottom: -8px;
}

.ValSauvegarde ul{
	padding-left: 40px;
}



.CanvasHautInscr{
	background-image:url('/Images/Haut-Canvas.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 40px;
}

.CanvasCorpsInscr{
	background-image:url('/Images/Milieu-Canvas.png');
	background-size: 100%;
	background-repeat: repeat-y;
	width: 100%;
	display: flex;
	position: relative;
	z-index: 1;
}

.CanvasBasInscr{
	background-image:url('/Images/Bas-Canvas.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 84px;
}


#Champs{
	width: 650px;
}

.ButtonEdition{
  position: absolute;
  display: table;
  z-index: 1;
}

#EditionCompetence{
	top: 5px;
	right: 20px;
}

#EditionArmes{
right: 10px;
top: -15px;	
}

#EditionMaitrise{
	top: -15px;
	right: 10px;
}
.ButtonEdition img{
	display: table-cell;
	width: 15px;
	vertical-align: middle;
	margin-right: 5px;

}
.CompetenceEdition{
	display: none;
}

#SelectMaitrise{
	margin-left:10px;
}

#SelectMaitrise input {
	  border: 1px solid red;
}

.Maitrises{
	margin-left: 60px;
	min-height: 250px;
}
.ColArgent{
	width: 99px;
	display: table;
	position: absolute;
	left: -35px;
}
.ColArgent .Etiquette {
	background-image:url('/Images/Etiquette.png');
	background-size: 100%;
	background-repeat: no-repeat;
	display: table-row;
	height: 60px;
}
.Money{
	height: 15px;
	width: 15px;
	position: relative;
	top: 11px;
	left: 4px;
	font-size: 10px;
}

.MoneyValue{
	height: 100%;
	width: 50px;
	position: relative;
	top: -9px;
	left: 32px;
}
.MoneyValue input{
	width: 80%;
	border: none;
}

.Moins{
	width: 15px;
	height: 15px;
	cursor: pointer;
	margin: 2px;
}

.Plus{
	width: 15px;
	height: 15px;
	cursor: pointer;
	margin: 2px;
}

.Stats input{
	border: none;
height: 10px;
margin-bottom: auto;
margin-top: auto;
width: 25px;
margin-right: 5px;
}

.ChoixList{
	margin-left: 10px;
	margin-top: 10px;
}

.CanvasSortHaut{
	background-image:url('/Images/Haut-CanvasSort.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 112px;
}

.CanvasSortHautA{
	background-image:url('/Images/Haut-CanvasSortA.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 112px;
}
.CanvasSortCorps{
	background-image:url('/Images/Milieu-CanvasSort.png');
	background-size: 100%;
	background-repeat: repeat-y;
	width: 100%;
	display: flex;
	position: relative;
	z-index: 1;
}

.CanvasSortBas{
	background-image:url('/Images/Bas-CanvasSort.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 8px;
}

.CanvasEnteteSort{
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	display: table;
	position: absolute;
	right: 14px;
	top: 64px;
}

.CanvasSortHaut .CanvasEnteteSort{
	width: 72%;
}

.CanvasSortHautA .CanvasEnteteSort{
	width: 62%;
}

.Sorts{
	position: relative;
	float: left;
	width: 400px;
	margin-left: 40px;
	margin-right: 40px;
	margin-top:10px;
}
img.icon{
	width: 15px;
	margin: 0px 1px;
}

.Sort{
	width: 100%;
}

.Sort img{
	width: 15px;
	margin: 2px;
}

.EnteteSort{
	background-image:url('/Images/EnteteSort.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 85px;
}

.SortEnteteVal{
	position:absolute;
	top: 32px;
	left: 50px;
}

.SortEnteteLibelle{
	position: absolute;
	top: 32px;
	left: 112px;
}

#MaitriseLangues{
	width: 100%;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}

.CanvasScoreSort{
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  display: table;
  position: absolute;
  left: -130px;
  top: 64px;
}

#Dons{
	margin-top: 10px;
}

.AddTrait{
	margin-left:10px;
}

.AddTrait a{
	cursor:pointer;
}
.AddFamillier{
	margin-left:10px;
}
.AddFamillier a{
	cursor:pointer;

}
.AddBonusMalus{
	margin-left:10px;
}
.AddBonusMalus a{
	cursor:pointer;

}


#ActualLife{
	margin-bottom: 0px;
 	margin-top: 0px;
	border: none;
	height: 32px;
	font-size: 35px;
	text-align: center;
	font-weight: bold;
	color: black;
}

#ActualTemporaryLife{
	margin-bottom: 0px;
 	margin-top: 0px;
	border: none;
	height: 32px;
	font-size: 35px;
	text-align: center;
	margin-top: 15px;
	font-weight: bold;
	color: black;
}

#ActualInspiration{
	width: calc(100% - 15px);
	height: 23px;
	margin-top: 5px;
	font-size: 30px;
	text-align: center;
	color: black;
	font-weight: bold;
	border: none;
}

.Repos{
	width: 40px;
	position: relative;
	top: 99px;
	left: 93px;
}

.Repos img{
	cursor: pointer;
}

.EditionSortPrep{
	top: 49px;
	left: 46px;
}

.SuppArchetype{
	position: absolute;
	left: -17px;
	top: 4px;
}
.AddArchetype{
	  position: absolute;
	  left: -17px;
	  top: 25px;
}

#ActualMaxLife, #ActualMaxLifeNecrose{
	margin-bottom: 0px;
	margin-top: 0px;
	border: none;
	height: 15px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: black;
	width: 24px;
}

#ItemManquant{
	margin-bottom: -30px;
	position: relative;
	text-align: right;
	padding-right: 10px;
}
#ItemManquant a{
	cursor: pointer;
}
.LanceDe{
	cursor: pointer;
}

.Edition{
	right: 30px;
	position: absolute;
}

.PreDisplay{
	white-space: pre-line;
	display: block;
	min-width: 500px;
}

#InfoPerso{
	margin-left: 0px;
}