body {
    transition: all .3s ease-in-out;
}

main article {
    grid-column: 3/span 10;
    padding-top: 1em;
}

@media only screen and (995px < width <=1500px) {

    main article {
        grid-column: 2/ span 10;
        max-width: 80ch;
    }

}

summary span {
    text-decoration: underline;
}

.warning {
    margin: 0 .4em 1em .4em;
    padding: .4em;
    border: 1px solid black;

}

.warning a {
    transition: all .3s ease-in-out;
}

details {
    overflow: hidden;
}

details>summary {
    list-style: none;
}

details::details-content {

    block-size: 0;
    transition: block-size 300ms ease, content-visibility 300ms;
    transition-behavior: allow-discrete;
}

details[open]::details-content {

    block-size: auto;
}

details[open]>summary {
    cursor: n-resize;
}

details:not([open])>summary {
    cursor: s-resize;
}

details>summary::-webkit-details-marker {
    display: none;
}

section.more-infos {
    display: flex;
    grid-column: 3/7;


    flex-direction: row;
    align-content: space-between;
    align-items: center;
    justify-content: flex-end;
}

details section.direction {
    /* opacity: .5;
    grid-column: 4/7;
    text-align: right;
    padding-right: .2em; */
}

details section.etudiant {
    display: grid;
    grid-template-columns: repeat(6, 1fr);

}

section section.description {
    grid-column: 1/6;

}

section section.description p,
section.date {
    margin: .2em;
}

section section.infos {
    grid-column: 1/7;
    display: block;
}

section section.infos a.memoire:hover::before {
    content: 'Consulter « ';

}

section section.infos a.memoire:hover::after {
    content: " »";
}

section section.infos a.memoire:hover {}

hr {
    border-top: dotted 2px;
    grid-column: 1 / span 7;
    margin: 1em 5em;


}

section.date,
section.direction {
    font-family: "FL-Selectric";
    font-size: 16px;
    background-color: white;
    outline: 1px solid black;
    height: fit-content;
    width: fit-content;
    padding: .2em 1em;
}


@media only screen and (width <=995px) {

    h2.date_section {
        font-family: "FL-Selectric";
        font-size: 16px;
        background-color: white;
        outline: 1px solid black;
        height: fit-content;
        width: fit-content;
        padding: .2em 1em;
        text-decoration: none;
    }

    main article {
        grid-column: 1/ span 13;

    }

    section section.description {
        grid-column: 1 / span 7;
    }

    details>summary {
        text-align: center;
        padding-block: .2em;
    }

    section.more-infos {
        display: block;
    }

    section.more-infos,
    section.date {
        grid-column: 1 / span 7;
        grid-row: 1;
        width: auto;
        text-align: center;
        background: none;
        outline: none;
        padding: 0;
        margin-top: -5px;
    }

    details section.direction {
        display: none;
    }

    section section.infos {
        text-align: center;
    }

    section section.infos a.memoire::before {
        content: 'Consulter « ';

    }

    section section.infos a.memoire::after {
        content: " »";
    }
}