html {
	scroll-behavior: smooth;
}

.toctoc-jump-link {
	scroll-margin-top: 3em;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

.eac-table-of-content {
	position: relative;
	display: block;
}

#toctoc {
	position: relative;
	display: block;
	inline-size: 500px;
	block-size: auto;
	margin-block: 0;
	margin-inline: auto;
}

#toctoc a {
	text-decoration: none;
}

#toctoc #toctoc-head {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	inline-size: 100%;
	padding-block: 5px;
	padding-inline: 20px;
	background-color: #FFFFFF;
	border: 5px double #1569AE;
	cursor: pointer;
}

#toctoc #toctoc-head,
#toctoc #toctoc-head .toctoc-title,
#toctoc #toctoc-head span {
	color: #1569AE;
}

#toctoc #toctoc-head *:is(h2, h3, h4, h5, h6) {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: unset;
	font-family: inherit;
	font-style: inherit;
	line-height: initial;
}

#toctoc #toctoc-head .toctoc-title {
	font-size: 1.5rem;
	font-weight: 600;
}

#toctoc #toctoc-head #toctoc-head__toggler {
	display: inline-block;
}

#toctoc #toctoc-body {
	position: relative;
	display: none;
	inline-size: 100%;
	padding: 10px;
	font-size: 1.1rem;
	background-color: #FFFFFF;
	border: 5px double #1569AE;
}

/* Le bloc est en position absolue au-dessus des autres widgets */
.toctoc-block-no #toctoc #toctoc-body {
	position: absolute;
	inset-inline-start: 0;
	z-index: 10002;
}

#toctoc #toctoc-body ol {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.6;
}

#toctoc #toctoc-body ol li,
#toctoc #toctoc-body li ol {
	margin: 0;
	padding: 0;
}

/*****/
#toctoc #toctoc-body__list:not(.not-numbered)>li {
	counter-increment: level-1;
}

#toctoc #toctoc-body__list:not(.not-numbered)>li::before {
	content: counter(level-1) " ";
}

#toctoc #toctoc-body__list:not(.not-numbered)>li>ol {
	counter-reset: level-2;
}

#toctoc #toctoc-body__list:not(.not-numbered)>li>ol>li {
	counter-increment: level-2;
}

#toctoc #toctoc-body__list:not(.not-numbered)>li>ol>li::before {
	content: counter(level-1) "." counter(level-2) " ";
}

/*--*/
#toctoc #toctoc-body__list:not(.not-numbered)>li>ol>li>ol {
	counter-reset: level-3;
}

#toctoc #toctoc-body__list:not(.not-numbered)>li>ol>li>ol>li {
	counter-increment: level-3;
}

#toctoc #toctoc-body__list:not(.not-numbered)>li>ol>li>ol>li::before {
	content: counter(level-1) "." counter(level-2) "." counter(level-3) " ";
}

/*--*/
#toctoc #toctoc-body__list:not(.not-numbered)>li>ol>li>ol>li>ol {
	counter-reset: level-4;
}

#toctoc #toctoc-body__list:not(.not-numbered)>li>ol>li>ol>li>ol>li {
	counter-increment: level-4;
}

#toctoc #toctoc-body__list:not(.not-numbered)>li>ol>li>ol>li>ol>li::before {
	content: counter(level-1) "." counter(level-2) "." counter(level-3) "." counter(level-4) " ";
}

/*--*/
#toctoc #toctoc-body__list:not(.not-numbered)>li>ol>li>ol>li>ol>li>ol {
	counter-reset: level-5;
}

#toctoc #toctoc-body__list:not(.not-numbered)>li>ol>li>ol>li>ol>li>ol>li {
	counter-increment: level-5;
}

#toctoc #toctoc-body__list:not(.not-numbered)>li>ol>li>ol>li>ol>li>ol>li::before {
	content: counter(level-1) "." counter(level-2) "." counter(level-3) "." counter(level-4) "." counter(level-5) " ";
}

/*--*/
#toctoc #toctoc-body__list:not(.not-numbered)>li>ol>li>ol>li>ol>li>ol>li>ol {
	counter-reset: level-6;
}

#toctoc #toctoc-body__list:not(.not-numbered)>li>ol>li>ol>li>ol>li>ol>li>ol>li {
	counter-increment: level-6;
}

#toctoc #toctoc-body__list:not(.not-numbered)>li>ol>li>ol>li>ol>li>ol>li>ol>li::before {
	content: counter(level-1) "." counter(level-2) "." counter(level-3) "." counter(level-4) "." counter(level-5) "." counter(level-6) " ";
}

/*****/
#toctoc #toctoc-body__list li,
#toctoc #toctoc-body__list .link i,
#toctoc #toctoc-body__list li a,
#toctoc #toctoc-body__list li a span {
	color: #1569AE;
}

#toctoc #toctoc-body__list .eac-icon-svg svg {
	font-size: inherit;
}

#toctoc #toctoc-body__list .link {
	position: relative;
	margin-block: 0;
	margin-inline: 0;
}

/* Les texte est coupé avec ellipsis */
.toctoc-word-wrap #toctoc #toctoc-body__list li {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#toctoc #toctoc-body__list .eac-icon-svg i,
#toctoc #toctoc-body__list .eac-icon-svg svg {
	margin-inline-end: .5em;
}

#toctoc #toctoc-body__list li:has(span[class*='link-h1']) {
	margin-inline-start: 0;
}

#toctoc #toctoc-body__list li:has(span[class*='link-h2']) {
	margin-inline-start: 1em;
}

#toctoc #toctoc-body__list li:has(span[class*='link-h3']) {
	margin-inline-start: 2em;
}

#toctoc #toctoc-body__list li:has(span[class*='link-h4']) {
	margin-inline-start: 3em;
}

#toctoc #toctoc-body__list li:has(span[class*='link-h5']) {
	margin-inline-start: 4em;
}

#toctoc #toctoc-body__list li:has(span[class*='link-h6']) {
	margin-inline-start: 5em;
}

#toctoc #toctoc-body__list li:has(>a[class*='link-h']) {
	margin-inline-start: 1em;
}

#toctoc #toctoc-body__list li:has(>a[class*='link-h1']) {
	margin-inline-start: 0;
}