.space-title,
.space-headline,
.page-title,
.sidebar-block-title {
    font-family: var(--mediachimie-font-titles), sans-serif;
    letter-spacing: var(--mediachimie-font-titles-letter-spacing);
    font-weight: 500;
    font-optical-sizing: auto;
}

.page-title {
    align-items: flex-end;
    font-size: 1.25rem;
    margin-bottom: 20px;
    text-transform: uppercase;
    position: relative;
    gap: 3px;
    width: 100%;
    display: flex;
}
.page-title::after {
    content: "";
    height: 6px;
    flex-grow: 1;
    margin-top: 10px;
    margin-left: 5px;
}
.page-title a {
    text-decoration: none;
    color: inherit;
}

.page-colloques .page-title::after {
    background-color: var(--mediachimie-colloques-color);
}
.page-enseignants .page-title::after {
    background-color: var(--mediachimie-enseignants-color);
}
.page-mediatheque .page-title {
    color: var(--mediachimie-mediatheque-color);
}
.page-jeunes .page-title {
    color: var(--mediachimie-jeunes-color);
}
.page-jeunes .page-title::after {
    background-color: var(--mediachimie-jeunes-color);
}
.page-mediatheque .page-title::after {
    background-color: var(--mediachimie-mediatheque-color);
}
.page-metiers .page-title::after {
    background-color: var(--mediachimie-metiers-color);
}
.page-series .page-title {
    color: var(--mediachimie-series-color);
}
.page-series .page-title::after {
    background-color: var(--mediachimie-series-color);
}

.space-title,
.page-colloques h1 {
    font-size: 1.75rem;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-weight: 600;
    line-height: 1.25em;
    margin: 10px 0 20px;
}
.space-title::before,
.page-colloques h1::before {
    content: " ";
    min-width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.page-mediatheque .space-title,
.page-mediatheque .space-headline {
    color: var(--mediachimie-mediatheque-color);
}
.page-mediatheque .space-title::before {
    background-image: url('../../images/pictos/mediatheque-b493b2.svg');
    background-position-y: 14px;
}
.page-metiers .space-title,
.page-metiers .space-headline {
    color: var(--mediachimie-metiers-color);
}
.page-metiers .space-title::before {
    background-image: url('../../images/pictos/metiers-07b4bb.svg');
    background-position-y: 0;
}
.page-enseignants .space-title,
.page-enseignants .space-headline {
    color: var(--mediachimie-enseignants-color);
}
.page-enseignants .space-title::before {
    background-image: url('../../images/pictos/enseignants-de582b.svg');
    background-position-y: 6px;
}
.page-colloques h1,/* Cas particulier : espace colloques est une ressource, le h1 est ajouté par drupal */
.page-colloques .space-headline {
    color: var(--mediachimie-colloques-color) !important;
}
.page-colloques h1::before { /* Cas particulier : espace colloques est une ressource, le h1 est ajouté par drupal */
    background-image: url('../../images/pictos/colloques-143a63.svg');
    background-position-y: 10px;
}
.page-series .space-title,
.page-series .space-headline {
    color: var(--mediachimie-series-color);
}
.page-series .space-title::before {
    background-image: url('../../images/pictos/series-fab319.svg');
    background-position-y: 16px;
}

.page-jeunes .space-title,
.page-jeunes .space-headline {
    color: var(--mediachimie-jeunes-color);
}
.page-jeunes .space-title::before {
    background-image: url('../../images/pictos/jeunes-9e4f75.svg');
}

.space-headline {
    float:right;
    display: inline-block;
    color: var(--mediachimie-color-white);
    max-width: fit-content;
    font-size: 26px;
    width: 100%;
    height: 26px;
    margin: 26px 26px 0 0;
}

.page-colloques .space-headline {
    margin-top: 32px;
}

.page-title-welcome {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    letter-spacing: inherit;
    text-transform: none !important;
    color: var(--mediachimie-color-black) !important;
}