/* * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-weight: 400;
    line-height: inherit;
} */

/* body {
    display: flex;
    justify-content: center;
    align-items: center;
} */

.carte {
    position: relative;
    /* Permet de faire respecter le position: absolute des éléments enfants */
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    height: 88.9mm;
    width: 63.5mm;
    background: url("../sources/fond.png");
    background-position: center;
    background-size: cover;
    border-radius: 2mm;
    color: white;
    font-family: 'Surt', sans-serif;
    font-size: 8pt;
    line-height: 9pt;
    break-inside: avoid;
}

.cadre1 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 81.9mm;
    width: 56.5mm;
    border: .75pt solid white;
}

.cadre2 {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    flex-direction: column;
    position: absolute;
    height: 74.9mm;
    width: 49.5mm;
}

.cadreImage {
    height: 41.25mm;
    width: 49.5mm;
    border: .75pt solid white;
    background-color: black;
}

.cadreTexte {
    height: 26.812mm;
    width: 49.25mm;
    border: .75pt solid white;
    background-color: black;
    padding: 2mm;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
}

.titreCarte {
    position: absolute;
    left: -1.75mm;
    text-transform: uppercase;
    font-size: 12pt;
    text-shadow: 1px 1px black;
    line-height: 1;
}

.groupe .titreCarte {
    font-family: 'Ancial', serif;
    top: -5.7mm;
}

.ephemere .titreCarte {
    font-family: 'Garamondt', serif;
    top: -5.1mm;
}

.enchantement .titreCarte {
    font-family: 'Tribalium Neue', serif;
    top: -5.2mm;
}

.rituel .titreCarte {
    font-family: 'Zara', serif;
    top: -5.7mm;
}

.groupe .titreLong {
    font-size: 10pt;
    top: -5.3mm;
}

.groupe .titreTresLong {
    font-size: 8pt;
    top: -5mm;
}

.ephemere .titreLong {
    font-size: 10pt;
    top: -4.9mm;
}

.ephemere .titreTresLong {
    font-size: 8pt;
    top: -4.6mm;
    ;
}

.enchantement .titreLong {
    font-size: 10pt;
    top: -5mm;
}

.enchantement .titreTresLong {
    font-size: 8pt;
    top: -4.6mm;
}

.rituel .titreLong {
    font-size: 10pt;
    top: -5.3mm;
}

.rituel .titreTresLong {
    font-size: 8pt;
    top: -5mm;
}

.typeCarte {
    position: relative;
    font-size: 12pt;
    left: -1.75mm;
    top: -2pt;
    text-shadow: 1px 1px black;
}

.groupe .typeCarte {
    font-family: 'Ancial', serif;
}

.ephemere .typeCarte {
    font-family: 'Garamondt', serif;
    top: 1pt;
}

.enchantement .typeCarte {
    font-family: 'Tribalium Neue', serif;
    top: 1pt;
}

.rituel .typeCarte {
    font-family: 'Zara', serif;
    top: 0pt;
}


.cadreImage {
    display: grid;
    grid-template-columns: 1fr 5fr;
    align-items: stretch;
    justify-content: stretch;
}

.nomGroupe {
    /* width: 16.667%; */
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    border-right: .75pt solid white;
}

.nomGroupe>div {
    /* transform: rotate(-90deg); */
    writing-mode: sideways-lr;
}

.pochette {
    background-size: cover;
    background-position: center;
    /* height: 100%;
    width: 83.33%; */
}

.rarete {
    align-self: center;
    position: absolute;
    bottom: -2mm;
    width: 12mm;
    height: 4mm;
    background-size: cover;
    border: 1px solid white;
    border-radius: 100%;
    image-rendering: pixelated;
    background-position: center;
}

/* #print {
    position: fixed;
    right: 24pt;
    bottom: 24pt;
} */