/* rubriques */
.rubrique .intitule {
    text-transform: uppercase;
}

.rubrique {
    padding: var(--padding-droit);
    border: var(--border-width) solid var(--page-color);
    border-radius: 2px;
    text-align: center;
}

.quoi {
    text-align: left;
}

.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 */
.ou::after {
    content: "Où ?";
    --rotate: rotate(3deg);
}

.avec_qui::after {
    content: "AVEC QUI ?";
    --rotate: rotate(-3deg);
}

.quand::after {
    content: "QUAND ?";
    --rotate: rotate(3deg);
}

.quoi::after {
    content: "QUOI ?";
    --rotate: rotate(-3deg);
}

.fond_couleur::after {
    background: var(--blanc);
    color: var(--page-color);
    border-color: var(--page-color);
    font-family: var(--bold_lucky)
}

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