.cardBlock
	{
		width: 188mm;
		height: 136mm;
		display:inline-block;
		position:relative;
		vertical-align:top;
		cursor:pointer;
		margin-bottom:3px;		
		background: #762215;
	}

	.card
	{
		background:url('images/card_bg.png') no-repeat center center;
		background-size: contain;
		display:inline-block;
		position:relative;
		vertical-align:top;
		-webkit-print-color-adjust: exact; 
		-mox-print-color-adjust: exact; 
		cursor:pointer;
		padding: 9px;
		text-align: center;
	}

	.cardBlock .body
	{
		background: url(images/fond-mm-effet.png), url(images/fond-mm.jpg);
	    border-radius: 4px;
	    padding: 0 0px;
	    height: 100%;
	    overflow: hidden;
	    background-repeat: no-repeat;
	    position: relative;
	}	

	.body h2 b
	{
		padding-right: 7px;
	}

	.card *
	{
		text-align: left;
	}
	
	        
            .cardBlock .card, 
            .cardBlock .cardBack {
              display: block;              
			  width:94mm;
			  height: 136mm;
			  position: absolute;
            }
            
           .cardBlock .card {
              -webkit-transition: opacity 1s;
                 -moz-transition: opacity 1s;
                   -o-transition: opacity 1s;
                      transition: opacity 1s;
            }
            
            .cardBlock .cardBack {
              -webkit-transform: rotateY( 0deg );
                 -moz-transform: rotateY( 0deg );
                   -o-transform: rotateY( 0deg );
                      transform: rotateY( 0deg );				
			  right: 0;
			  padding: 10px;                      
            }
            
            .flipped.cardBlock .card {
              opacity:0!important;
            }


    html .mirror .page
    {
        transform: scale(1, 1)!important;
        -moz-transform: scale(1, 1)!important;
        -webkit-transform: scale(1, 1)!important;
        -o-transform: scale(1, 1)!important;
        -ms-transform: scale(1, 1)!important;
    }
    html .mirror .page .cardBack
    {
        transform: scale(1, 1)!important;
        -moz-transform: scale(1, 1)!important;
        -webkit-transform: scale(1, 1)!important;
        -o-transform: scale(1, 1)!important;
        -ms-transform: scale(1, 1)!important;
    }                
              	

	.editing .card:hover
	{
	    opacity:0.7;
	}
	.editing .card.select, .editing .card.select+.cardBack{
        opacity:1;
	}
	
	.level-t, .level-b
	{
	    position: absolute;
        font-size: 54px;
	}
	
	.level-t
	{
        top: 24px;
        right: 26px;
	}
	.level-b
	{
        bottom: 24px;
        left: 26px;
	}	
	
	.color-1 .card, .color-1 .card .mat{ background-image:none;}
	
	.color-1 .cardBack{ background-image:none; color:#000; }
	
	
	.card h1, .card h2, .cardBack h1, .cardBack h2
	{
		padding: 0;
		margin: 0;
	}
	
	.card .body>h1, .cardBack .body>h1,
	.card .info>h1, .cardBack .info>h1
	{
        color: #000;
        font-size: 17px;
        padding: 0;
        text-align: left;
        text-transform: capitalize;
        height: auto;
        line-height: normal;
        overflow: hidden;        
		padding: 1px 5px 0;
		position: relative;
		padding-right: 50px;
	}
	
	.card .body>h1 small
	{
		display: block;
		color: #000;
		font-size: 9px;
		line-height: normal;
		font-weight: normal;
		padding:0px;
		text-align: left;
		min-height: 0;        
		font-style: italic;
		background: none;		
		padding: 0 0px 0px;
		margin-bottom: 5px;
	}

	.card .body>h1 span
	{
		display: block;
		position: absolute;
		right:0;
		top:0px;
		padding-right: 5px;
		background: none;		
		font-size: 19px;
		text-align: center;
		text-transform: none;
	}
	.card .body>h1 span small
	{
		font-size: 10px;
		font-style: italic;
		text-align: center;
	}
	
	.card .body>h2, .cardBack .body>h2
	{
		display: block;
		color: #000;
		font-weight: normal;
		font-size: 12px;
		padding: 0;
		text-align: left;
		width: auto;
		height: auto;
        margin: 0;
        line-height: normal;
        background: transparent;
        padding: 1px 0 2px 0px;
        margin:0 2px 0 5px;
	}

	.card .body>div.first	
	{
		margin-top: 3px;
	}

	.card .body>div.second
	{
		border-top: 3px solid #762215;
	}	

	.card .body>ul
	{
		display: inline-block;
		list-style: none;
		padding: 8px 0;		
		font-size:12px;
		vertical-align: top;
		width: 100%;
		text-align: center;
        border-top: 2px solid rgb(88,23,13);
        color: rgb(88,23,13);
        margin: 0;		
	}	

	.card .body>ul.second
	{
		margin-top: 2px;
        border-bottom: 2px solid rgb(88,23,13);
        border-top: 0;
        padding-top: 0;
	}	
	.card .body>ul li
	{
		display: inline-block;		
		text-align: center;
		vertical-align: top;
		white-space: nowrap;
		margin:0 4px;		
	}
	.card .body>ul li b
	{
		display: block;
		text-align: center;
	}
	.card .body>ul li strong
	{
		display: block;
		text-align: center;
		font-weight: normal;
		font-size: 20px;
		white-space: normal;
	}
	.card .body>ul li strong small
	{
		font-size: 10px;		
		font-style: italic;
		display: block;
		text-align: center;
	}	

	.card .body>ul li.speed
	{
		width: 114px;
	}
	.card .body>ul li.speed strong
	{
		font-size: 13px;
		font-style: italic;
	}
	.card p, .cardBack p
	{
		padding: 1px 5px 0;
		margin: 0;
		font-size: 12px;
		height: auto;
		overflow: hidden;
		line-height: 11px;
	}	

	.cardBack p {
		line-height: 12px;
		padding: 0px 5px 0 10px;
	}

	.cardBack p b
	{
		margin-left:-5px;
	}

	.card p.first
	{				
		border-top: 2px solid #762215;
	}	

	.cardBlock .picture,
	.cardBack .picture
	{
		position: absolute;
		top:0px;
		left:0px;
		right: 0px;
		bottom: 0px;
		opacity: .7;
		pointer-events:none;
		background-size: contain;
		background-color: #fff;
		background-position: 50% 100%;
		background-repeat: no-repeat;
	}
	.cardBack .info
	{
		position: absolute;
		top:0px;
		left:0px;
		right: 0px;
		bottom: 0px;
		z-index: 1;
	}	

.selectedSearch
{
	background:#deedff; 
}

@media print {	

	.selectedSearch
	{
		background:transparent; 
	}

    .spellbook .page, 
    .page {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
    }	

	.card .body>ul.second
	{
		margin-top:4px;
	}	

	.cardBack
	{
	    display:block!important;
	}

	body .card h2
	{		
		padding: 1px 5px 2px;
	}	

    html body .page
    {
        transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
    }
    html body .page .cardBack
    {
        transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
    }        


}    


.mon-ed .page input
{
	padding:0;
	margin: 1px 0;
}

.mon-ed h1
{
	padding-top: 1px!important;
}

.mon-ed h1 small
{
	margin-bottom: 1px!important;
}

.mon-ed .card .body>ul
{
	padding: 6px 0;
}

.mon-ed .card .body>ul.second
{
	padding: 6px 0 4px;
}

.mon-ed .card .body>h2, .mon-ed .cardBack .body>h2
{
	padding: 0;
}

.mon-ed h1 input
{
	width:250px;
}

.mon-ed small input
{
	height:13px;
	font-size: 10px;
	width:120px;	
}

.mon-ed ul input
{
	width:17px;
	font-size: 12px;
}

.mon-ed ul strong input
{
	width:50px;
	font-size: 14px;
}

.mon-ed ul .speed strong input
{
	width:100px;
}

.mon-ed ul strong small input
{
	width:80px;
	font-size: 10px;
}

.mon-ed .card .body>h2 input, .mon-ed .cardBack .body>h2 input 
{
	height: 15px;
	margin-left: 5px;
	width:200px;
}

.mon-ed .body>h2.chal  input
{
	width:80px;
}

p textarea
{
	width:100%;
	height: 85px;
}

p.first textarea
{
	width:100%;
	height: 80px;
}

.cardBack p textarea
{
	width:100%;
	height: 220px;
}

.clear .cardBlock .body
{
	background: #fff;
}
.clear .picture
{
	display: none;
}


.subpage.tokens
{
	display: flex; 
	flex-wrap: wrap;
}

.tokens .token
{
	height: 264px; 
	width: 95px; 
	box-sizing: border-box; 
	border-radius: 10px; 
	border:3px solid black;
}

.tokens .token.large
{
	height: 492px; 
	width: 190px; 	
	border-radius: 15px;	
}

.tokens .token.huge
{
	height: 607px;
    width: 299px;    
    border-radius: 20px;	
}

.tokens .token .body
{
	background-repeat: repeat-x;    
	z-index: 1; 
	height: 50%; 
	width: 100%; 
	border-bottom: 3px solid black; 
	position: relative;	
}

.tokens .token .body .picture
{
	height: calc(100% - 14px);
    width: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;	
}

.tokens .token .body i
{
	font-size: 10px;
    margin-top: -20px;
    position: absolute;
    z-index: 100;
    width: 100%;
    left: 0;
    background: #fff;
    bottom: 0;	
}