/*.page-content h1 {*/
/*    text-transform: uppercase;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    font-weight: 600;*/
/*    line-height: 1.25em;*/
/*    margin: 10px 0 20px;*/
/*}*/

/*.page-content h1::before {*/
/*    content: " ";*/
/*    min-width: 50px;*/
/*    height: 50px;*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    margin-right: 10px;*/
/*}*/

.body-content ul {
    list-style-type: square;
}

.page-content .line {
    height:6px;
}

.page-content .views-row {
    padding-right:25px;
}

.page-content .views-row.clearfix {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 colonnes de taille égale */
    gap: 20px;
    width: 100%;
}

.page-content .views-field-title {
    font-weight: 500;
}

.page-content .field-keywords {
    margin: 10px 0;
}

.page-content .field-field-ressource-resume {
    display: none;
}

.page-content .field-title a {
    font-family: var(--mediachimie-font-titles);
    letter-spacing: var(--mediachimie-font-titles-letter-spacing);
    text-decoration: none;
    font-size: 1.2rem;
}

.page-content.page-mediatheque .field-title a {
    color: var(--mediachimie-mediatheque-color);
}
.page-content.page-metiers .field-title a {
    color: var(--mediachimie-metiers-color);
}
.page-content.page-enseignants .field-title a {
    color: var(--mediachimie-enseignants-color);
}
.page-content.page-series .field-title a {
    color: var(--mediachimie-series-color-title);
}
.page-content.page-jeunes .field-title a {
    color: var(--mediachimie-jeunes-color);
}

.page-content .ressource-media-info {
    position: relative;
    text-align: center;
    vertical-align: middle;
    height: 150px !important;
    margin-bottom: 10px;
}

.page-content .ressource-media-info img {
    width: max-content;
    height: 150px !important;
}

.page-content .ressource-media-info .field-duree {
    position:absolute;
    top: 0;
    right: 0;
    font-weight: 600;
    width:100%
}

.page-content .ressource-media-info .field-duree {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    color: white;
    padding: 0 10px;
    width: calc(100% - 20px);
    text-align: right;
}

.page-content .rubrique-section h2 {
    align-items: flex-end;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 0;
    text-transform: uppercase;
    position: relative;
    gap: 3px;
    width: 100%;
    display: flex;
}

.page-content .rubrique-section h2::after {
    content: "";
    height: 6px;
    flex-grow: 1;
    margin-bottom: 1px;
}

.page-content .rubrique-section h2.rubrique-section__title__parent {
    font-size: 1.5em;
    margin-bottom: 0;
    text-transform: uppercase;
    position: relative;
    gap: 3px;
    width: 100%;
}

.page-content .rubrique-section h2.rubrique-section__title__parent::after {
    display:none;
}

.page-content .rubrique-section h2 span {
    padding-right: 5px;
}

@supports (-webkit-appearance: none) and (not (-moz-appearance: none)) {
    .page-content .space-headline {
        margin: 16px 26px 0 0;
    }
}

.page-content .rubrique-section {
    background-color: var(--mediachimie-color-white);
    padding: 0;
    margin: 20px 0;
}

.page-content .rubrique-section > .rubrique-section__links {
    clear: both;
    margin: 20px 20px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.page-content .rubrique-section > .rubrique-section__links .content {
    position: relative;
    margin: 0;
    padding: 0;
    border-top-right-radius: 70px;
    overflow: hidden;
}

.page-content .rubrique-section > .rubrique-section__links .content img {
    width: 100%;
    height: auto;
    display: block;
}

.page-content .rubrique-section > .rubrique-section__links .content.no-radius {
    border-top-right-radius: 0;
}

.page-content .rubrique-section > .rubrique-section__links .content .text {
    font-family: var(--mediachimie-font-titles); letter-spacing: var(--mediachimie-font-titles-letter-spacing);
    position: absolute;
    width:100%;
    box-sizing: border-box;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    background-color: rgba(0, 0, 0, 0.35);
    padding: 10px 20px;
    min-height:80px;
}

.page-content .rubrique-section > .rubrique-section__links a .content .text ,
.page-content .rubrique-section > .rubrique-section__links a:hover .content .text {
    color: white;
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.25em;
}

.page-content img.align-left {
    margin: 0 0 1em;
    padding-right: 0.625em;
    max-width: 175px;
}

.page-content img.field-video-icon,
.page-content img.field-page-icon,
.page-content img.field-conference-icon {
    width: 25px;
    margin-right: 5px;
}

.page-content ul.pager__items {
    padding-left: 0;
}