form[name=abonnement] {
    order: 2;
}

form[name=abonnement] .fr-btn {
    color: #fff;
}

.static-tiles {
    background-color: var(--candidats-color);
}

.static-tiles .fr-tile {
    box-shadow: none !important;
}

body.portail-candidats .static-tiles {
    background-color: var(--candidats-color);
}

body.portail-etablissements .static-tiles {
    background-color: var(--etablissements-color);
}

body.portail-inspecteurs .static-tiles {
    background-color: var(--inspecteurs-color);
}

body.portail-intervenants .static-tiles {
    background-color: var(--inspecteurs-color);
}

@media (min-width: 62em) {
    form[name=abonnement] .fr-label {
        display: inline;
    }

    form[name=abonnement] .fr-select-group {
        display: inline-block;
        margin-bottom: 0;
        width: 100%;
    }

    form[name=abonnement] .fr-input,
    form[name=abonnement] .fr-select {
        margin-left: 1rem;
        display: inline;
        width: auto;
    }

    form[name=abonnement] .fr-input[name="abonnement[email]"] {
        width: calc(100% - 130px);
    }

    form[name=abonnement] .fr-select[name="abonnement[specialite]"] {
        width: calc(100% - 101px);
    }

    form[name=abonnement] .fr-btn {
        margin-left: 1.2rem;
    }
}