:root {
    --block-height: 50px;
    --padding: 15px;
    --grid-gap: 5px 5px;
    --grid-block-gap: 5px 0;
}

.row-2 p.important {
    margin: var(--grid-block-gap);
}

.ages {
    margin: 20px 0;
}

.ages div {
    text-align: center;
}

.ages div {
    font-size: 8px;
    color: var(--blue-100);
}

.ages div span:nth-child(2), .ages div span:nth-child(3)  {
    display: block;
}

.ages div span:nth-child(3) {
    margin: 3px 0;
    font-size: 11px;
    font-weight: bold;
}

.grid-4 > div {
    margin: 10px auto;
}

.competences > div, .capacite > div {
    margin-top: 10px;
}

.competences div div, .capacite div div {
    margin-top: 5px;
    width: 100%;
}

.competences div div a, .capacite div div a {
    text-decoration-color: var(--red-500);
    display: inline-block;
    width: 55%;
    padding-left: 20%;
}

.double-line {
    display: inline-block;
    width: 49%;
}

.general {
    margin-top: 30px;
}

.plus {
    content: url(/images/svg/plus.svg);
    margin: 0 2px;
    width: 8px;
}

.minus {
    content: url(/images/svg/minus.svg);
    margin: 0 2px;
    width: 8px;
}

.caracteristiques_nom {
    width: 50%;
    display: inline-block;
    padding-left: 20%;
}

.caracteristiques div, .capacite div, .competences div, .info-detail div {
    color: var(--blue-100);
    margin-bottom: 5px;
}

.age_adulte {
    content: url(/images/svg/age_adulte.svg);
}

.age_mur {
    content: url(/images/svg/age_mur.svg);
}

.age_grand {
    content: url(/images/svg/age_grand.svg);
}

.age_venerable {
    content: url(/images/svg/age_venerable.svg);
}

.age_max {
    content: url(/images/svg/age_max.svg);
}

.bonusAtt {
    content: url(/images/svg/bonusAtt.svg);
}

.bonusCA {
    content: url(/images/svg/bonusCA.svg);
}

.deplacement {
    content: url(/images/svg/deplacement.svg);
}

.taille {
    content: url(/images/svg/taille.svg);
}

span.general {
    text-align: center;
    display: block;
    margin: 20px auto;
    color: var(--blue-100);
}