* {
    margin: 0px;
    padding: 0px;
}

body {
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.page {
    width: 215.9mm;
    min-height: 279.4mm;
    margin: 1cm auto;
    position: relative;
    outline: 1px solid cyan;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-content:flex-start;
}

.card {
    position: relative;
    width: 63.5mm;
    height: 44mm;
    background-image: url("parchemin.jpg");
    float: left;
    outline: 1px dashed #000;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 12px;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    font-size: 10px;
    font-family: BlackChancery;

    border-color: #800000;
    border-width: 5px;
    border-style: solid;
}

.card>div {
    border-bottom: solid black 1px;
    padding: 2px 0;
}

.card>div:last-of-type {
    border-bottom: none;
}

.card .entete {}

.card .entete h1 {
    color: #6D071A;
    text-align: center;
}

.card .valeur {
    display: flex;
    justify-content: space-between;
}

.card .ingredient {}

.card .ingredient ul {
    list-style-position: outside;
    padding-left: 15px;
}

.card .info {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
}

.card .nopage {
    position: absolute;
    right: 0;
    top: 0;
}

.icon {
    color:gray;
    text-align: center;
}

.alchimie {
    border-color: transparent;
    border-width: 5px;
    border-style: solid;
}

.alchimie>.icon::before {
    content: "\f55c";
}

.artisanat {
    border-color: transparent;
    border-width: 5px;
    border-style: solid;
}

.artisanat>.icon::before {
    content: "\f6e3";
}

.enchantement {
    border-color: transparent;
    border-width: 5px;
    border-style: solid;
}

.enchantement>.icon::before {
    content: "\e05d";
}

.abstracteur {
    border-color: #FFF59B;
    border-width: 5px;
    border-style: solid;
}

.alkahest {
    border-color: #DFC5DE;
    border-width: 5px;
    border-style: solid;
}

.apothicaire {
    border-color: #87E990;
    border-width: 5px;
    border-style: solid;
}

.artisanducuir {
    border-color: #AE8964;
    border-width: 5px;
    border-style: solid;
}

.bijoutier {
    border-color: #FFD700;
    border-width: 5px;
    border-style: solid;
}

.bricoleur {
    border-color: #AFAFAF;
    border-width: 5px;
    border-style: solid;
}

.forgeron {
    border-color: #B36700;
    border-width: 5px;
    border-style: solid;
}

.menuisier {
    border-color: #F5F5DC;
    border-width: 5px;
    border-style: solid;
}

.tailleur {
    border-color: #318CE7;
    border-width: 5px;
    border-style: solid;
}

.eclectiste {
    border-color: #FEC3AC;
    border-width: 5px;
    border-style: solid;
}

.implemancien {
    border-color: #FD4626;
    border-width: 5px;
    border-style: solid;
}

.protectomancien {
    border-color: #2BFAFA;
    border-width: 5px;
    border-style: solid;
}

@page {
    size: 215.9mm 279.4mm;
    margin: 0;
}

@media print {
    .page {
        margin: 0;
        border: initial;
        width: 215.9mm;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        outline: none;
        page-break-after: always;
        break-after: always;
    }

    .card {
        outline: none;
    }
}