.conteneur-global {
	background-color: white;
	padding: 30px 0px;
	margin: auto;
	font-family: Montserrat, 'sans serif';
	line-height: 1.625rem;
	font-size: 1rem;
	/* display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: auto 1fr; */
	display: flex;
	/* flex-wrap: nowrap; */
	/* max-width: 1100px; */
}

#seance {
	/* grid-column: 1/10;
	grid-row: 1; */
	/* width: 800px; */
	order: -1;
	flex: 75%;
	max-width: 825px;
	min-width: 600px;
}

.conteneur-global.notebook #seance {
	max-width: 925px;
	min-width: 700px;
}

#right-panel {
	flex: 20%;
	word-break: break-word;
	height: 90vh;
	position: sticky;
	top: 20px;
	margin-left: 2em;
	overflow-y: scroll;
}

#right-panel::-webkit-scrollbar {
	display: none; /* WebKit-based browsers */
}

#right-panel {
	-ms-overflow-style: none; /* Edge et IE */
	scrollbar-width: none; /*Firefox */
}

#toc #toc-title {
    color: rgba(0,0,0,0.7);
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.sidenav {
	margin-bottom: 0;
	margin-top: 1em;
	list-style-type: none;
	padding-left: 0;
	font-size: 0.8rem;
	line-height: 1.3;
	border-left: 0.2rem solid #ccc;
	/* border-bottom: 1px solid #e6e6e6; */
}

.sidenav a:hover {
    background-color: #f0f0f0;
    text-decoration: none;
}

.sidenav .current {
	position: relative;
	color: #005ea2;
    font-weight: 600;
	background-color: #fcfcfc;
}

.sidenav .current a:visited {
	color: #005ea2;
}
.sidenav .current::after {
    background-color: #005ea2;
    border-radius: 0rem;
    content: "";
    display: block;
    position: absolute;
    bottom: 0rem;
    top: 0rem;
    width: .2rem;
    left: -.2rem;
}

/* .sidenav__sublist .current::after {
    display: none;
}
 */
.sidenav a:not(.current) {
    color: #222;
}

.sidenav a {
	display: block;
	padding: .5rem 1rem;
	text-decoration: none;
}

/* .sidenav__item {
	border-top: 1px solid #e6e6e6;
} */

.sidenav__sublist {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
	font-size: 0.8rem;
}

/* .sidenav__sublist li {
	border-top: 1px solid #e6e6e6;
} */

.sidenav__sublist a {
    padding-left: 2rem;
}

.sidenav__sublist .sidenav__sublist a {
    padding-left: 3rem;
}

.sidenav__sublist .sidenav__sublist .sidenav__sublist a {
    padding-left: 4rem;
}

.conteneur-global.notebook div.input,
.conteneur-global.notebook div.output_area {
	page-break-inside: avoid;
	/* display: -webkit-box; */
	-webkit-box-orient: horizontal;
	-webkit-box-align: stretch;
	display: -moz-box;
	-moz-box-orient: horizontal;
	-moz-box-align: stretch;
	display: box;
	box-orient: horizontal;
	box-align: stretch;
	display: flex;
	flex-direction: row;
	align-items: first baseline;
	position: relative;
	left: -85px;
  	width: calc(100% + 85px);
}

@media all and (max-width: 1280px) {
	.conteneur-global.notebook {
		width: auto;
		font-size: 1rem;
		padding: 15px 15px 0 15px;
		margin: 0;
	}

	#seance,
	.conteneur-global.notebook #seance {
		min-width: 0;
	}
	
	.conteneur-global.notebook div.input,
	.conteneur-global.notebook div.output_area {
		/* Old browsers */
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-box-align: stretch;
		display: -moz-box;
		-moz-box-orient: vertical;
		-moz-box-align: stretch;
		display: box;
		box-orient: vertical;
		box-align: stretch;
		/* Modern browsers */
		display: flex;
		flex-direction: column;
		align-items: stretch;
		position: initial;
		width: initial;
		left: initial;
	}
}

@media all and (max-width: 1150px) {
	.conteneur-global {
		width: auto;
		font-size: 1rem;
		padding: 15px 15px 0 15px;
		margin: 0;
	}
	#seance,
	.conteneur-global.notebook #seance {
		min-width: 0;
	}
}

@media all and (max-width: 960px) {
    .conteneur-global,
	.conteneur-global.notebook {
		display: block;  /* remet le right-panel (TOC) au-dessus */
	}
	#right-panel {
		display: none;  /* efface le right panel (TOC) */
		margin-left: 0;
		margin-bottom: 3em;
	}
	/* .conteneur-global h1,
	.conteneur-global h2,
	.conteneur-global h3,
	.conteneur-global h4,
	.conteneur-global h5,
	.conteneur-global h6 {
		font-size: 2em;
	} */
}


@media all and (max-width: 600px) {
	.conteneur-global,
	.conteneur-global.notebook {
		font-size: 0.9em;
	}
}



@media all and (max-width: 1100px) {
    .pdf-responsive {
        overflow: hidden;
        padding-bottom: 75%; /* pour format 4/3 */
        position: relative;
        
    }

    .pdf-responsive iframe {
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }
}



@media print {
	.conteneur-global,
	.conteneur-global.notebook {
		display: block;
		width: auto;
	}
	#seance,
	.conteneur-global.notebook #seance {
		max-width: none;
	}
	#right-panel {
		display: none;
	}
}