/* rubriques */
.rubrique {
    position: relative;
    padding: var(--padding-droit);
    border: var(--border-width) solid var(--page-color);
    border-radius: 2px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
}

/* liste interne */
.rubrique ul {
    position: relative;
}

.rubrique ul::after {
    font-family: var(--NRpictos);
    content: "\21b2";
    position: absolute;
    top: calc(var(--marge) * -1.5);
    right: calc(var(--marge) * -2);
    transform: rotate(-20deg);
    padding: 8px 12px 4px 12px;
    background: var(--blanc);
    color: var(--page-color);
    border: var(--border-width) solid var(--page-color);
    border-radius: 100vmax;
}

.rubrique li {
    margin-top: calc(var(--marge) / 2);
}

/* content rubriques */
.rubrique.description {
    text-align: left;
    background: var(--page-color);
    color: var(--blanc);
    border-color: var(--page-color);
    font-family: var(--semibold_lucky);
    justify-content: start;
    align-self: start;
}

.rubrique.description .label {
    background: var(--blanc);
    color: var(--page-color);
    border: var(--border-width) solid var(--page-color);
    font-family: var(--bold_lucky);
}

.projets_similaires::after {
    content: "Projets similaires";
    transform: var(--translate) rotate(3deg);
}