#teiCommentContainer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
    margin-top: 1.5rem;
    padding: 0;
}

    #teiCommentContainer div {
        padding-left: 10%;
        padding-right: 10%;
    }

    #teiCommentContainer h4 {
        margin: 1.5rem 10%;
    }

    #teiCommentContainer a {
        text-decoration: underline !important;
    }

#descriptionContainer {
    width: 100%;
    box-sizing: border-box;
}

#descriptionTitleContainer {
    padding: 3rem 10%;
    padding-bottom: 0;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#descriptionTitleEtatSeparLine {
    flex-grow: 1;
    margin-left: 2rem;
    height: 1px;
    background-color: var(--bleuClair);
}

#descriptionEtat {
    background-color: var(--bleuClair);
    padding: 0.5rem 1rem;
    color: white;
    font-size: 0.8rem;
}

#descriptionFieldsContainer {
    background-color: var(--bleuClairTransparent);
    width: 100%;
    box-sizing: border-box;
    padding: 3rem 10%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: 1rem;
}

.descriptionSeparator {
    width: 100%;
    height: 1px;
    background-color: var(--bleuClair);
}

.descriptionTexteContainer, #descriptionTEIContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

.descriptionFieldContainer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.descriptionFieldLabel {
}

.descriptionFieldText {
}

#descriptionFieldsTable, #descriptionTEITable {
    width: 100%;
    box-sizing: border-box;
    font-size: 1rem;
}

    #descriptionFieldsTable thead, #descriptionTEITable thead {
        font-style: italic;
    }

#teiContainer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    background-color: white;
}

#toolsContainer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.5rem 10%;
    box-sizing: border-box;
    width: 100%;
}

.FullScreenMode #toolsContainer {
    padding: 1.5rem !important;
}

.toolsLine {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

#toolsCBContainer label {
    margin-left: 0.5rem;
}

#navigationContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    grid-gap: 0.7rem;
    margin-bottom: 2rem;
}

    #navigationContainer button {
        width: 2rem;
        height: 2rem;
    }

#teiExitFullScreen, #teiEnterFullScreen {
    height: 2rem;
    cursor: pointer;
    opacity: 0.7;
}

    #teiExitFullScreen:hover, #teiEnterFullScreen:hover {
        opacity: 1;
    }

#teiExitFullScreen, .FullScreenMode #teiEnterFullScreen {
    display: none;
}

.FullScreenMode #teiExitFullScreen {
    display: inline !important;
    height: 1rem;
}

#IFrameChapter {
    width: 100%;
    height: 70vh;
    box-sizing: border-box;
    border: none;
    padding: 0 10%;
    margin-bottom: 2rem;
    overflow: hidden;
}

.FullScreenMode #IFrameChapter {
    padding: 0 1.5rem !important;
}

#SelectNavigation {
    height: 2.777rem;
    width: 13rem;
    background-color: transparent;
    border-radius: 0.27rem;
    font-size: 1rem;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    padding: 0.5rem;
}

.italique {
    font-style: italic;
}

#ulTEILiensUtiles {
    list-style-type: square;
}