.charsheet
{
	font-family:"Arno Pro";
	font-size:14px;
	min-width:843px;
}

.sheet-logo
{
	width:406px;
	vertical-align:top;
	margin-top:40px;
}

button[type="roll"]::before
{
	content:"" !important;
	font-family:"Arno Pro" !important;
}

button[type="roll"].sheet-roll
{
	font-family:"Arno Pro" !important;
	text-align:left;
	font-size:13px !important;
}

button[type="roll"].sheet-roll2
{
	font-family:"Arno Pro" !important;
	text-align:center;
	font-size:17px !important;
}

h2
{
	font-variant:small-caps;
	display:inline-block;
	font-size:20px;
}

div.sheet-column
{
	display:inline-block;
	vertical-align:top;
}

div.sheet-line
{
	display:block;
}

div.sheet-margeLine
{
	margin-bottom:2px;
}

input[type=text]
{
	width:150px;
}

div.sheet-clair
{
	background-color:rgb(238, 223, 203);
	padding:10px;
	border-radius:1em;
}

div.sheet-fonce
{
	background-color:rgb(177, 151, 133);
	padding:10px;
	border-radius:1em;
	border:1px solid black;
	width:820px;
}

input[type="number"] 
{
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance:textfield;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input
{
	border:none;
	background-color:rgb(224, 208, 183);
}

textarea
{
	border:none;
	background-color:rgb(224, 208, 183);
	padding:0px;
	margin:0px;
}

.sheet-center
{
	text-align:center;
}

input.sheet-tab
{
	height: 22px;
    position: relative;
    top: 5px;
    left: 7px;
    margin: -1.5px;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
	margin-top:-12px;
	margin-left:-7px;
	width:102px;
}

input.sheet-tab + span::before
{
    content: attr(title);
   
    text-align: center;
    display: inline-block;
    height: 20px;
    
    
    font-size: 14px;
    font-weight:bold;
    border:1px solid black;
    border-top-left-radius: 3em 3em;
    
    position: relative;

	background-color:rgb(177, 151, 133);

	margin-bottom:-1px;
	margin-left:-94px;
	width:100px;
	padding-top:2px;
	
	z-index:-1;
}

input.sheet-post-tab + span::before
{
	border-top-left-radius:0px;
}

input.sheet-tab:checked + span::before
{
    border-bottom:none;
	z-index:1;
}

input.sheet-tab1:checked ~ div.sheet-tab1,
input.sheet-tab2:checked ~ div.sheet-tab2,
input.sheet-tab3:checked ~ div.sheet-tab3
{
    display:block;
}

.sheet-hide
{
	display:none;
}

.sheet-title
{
	font-weight:bold;
}

.sheet-heroisme
{
	border-radius:1em;
	width:30px !important;
	height:30px !important;
	padding:0px;
}

.sheet-buttonExpand
{
	opacity:0;
	float:left;
	width: 16.15px;
	height: 18px;
	margin-top:2px;
	margin-left:-8px;
}

.sheet-buttonExpand + span::before
{
	font-family: "pictos";
	content: 'y';
	float: left;
	font-size: 18px;
	margin-left: -17px;
	opacity:0;
	margin-top:2px;
}

div:hover > span::before
{
	opacity:1;
}

.sheet-buttonExpand:checked + span::before
{
	opacity:1;
	text-shadow: 2px 2px 2px rgb(177, 151, 133);
}

div.sheet-expand
{
	display:none;
	background-color:rgb(177, 151, 133);
	padding-right:5px;
	padding-left:5px;
	padding-bottom:5px;
	border-bottom-left-radius:1em;
	border-bottom-right-radius:1em;
	margin-right:-5px;
}

div.sheet-expandInline
{
	display:none;
}

.sheet-buttonExpand:checked ~ div.sheet-expand
{
	display:block;
}

.sheet-buttonExpand:checked ~ select.sheet-expandCorrect
{
	margin-left:-5px !important;
}

.sheet-buttonExpand:checked ~ div.sheet-expandInline
{
	display:inline-block;
}

.sheet-buttonExpand:checked ~ .sheet-expandHide
{
	display:none;
}

select.sheet-carac
{
	width:calc(100% - 7px);
}

input.sheet-button
{
	opacity:0;
	width:100px;
	height:22px;
	margin-top: -1px;
}

input.sheet-button + span::before
{
	content: attr(title);
	width: 100px;
	margin-left: -101px;
	height: 20px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	border: 1px solid black;
	border-radius: 1em;
	background-color: rgb(238, 223, 203);
	padding-top: 2px;
}

input.sheet-button:checked + span::before
{
	box-shadow: 0px 0px 7px 0px #000000 inset;
}