/*Références à double sens (comme wikipedia).
Utilisable sans footnotes.js en respectant la syntaxe suivante :

	HTML :
	*Dans le corps de page :
	La fonction <a class='footnote' id='carre' href='#carre-target'>carré</a> est connue pour ....
	La fonction <a class='footnote' id='cube' href='#cube--target'>cube</a> est connue aussi pour ....

	*en bas de page :
	<footnotes>
		<ol>
			<li id="carre">
				explication sur la fonction carré <a class='return-to-content' id="carre-target" href='#carre' >↩</a>
			</li>
			<li id="cube">
				explication sur la fonction cube <a class='return-to-content' id="cube-target" href='#cube' >↩</a>
			</li>
		</ol>
	</footnotes>

Utilisable avec footnotes.js sans les réf "à la latex". L'id n'est pas obligatoire et sera créé automatiquement s'il est absent :
	HTML :
	*Dans le corps de page :
	La fonction carré <footnote id="carre">explication sur la fonction carré</footnote> est connue pour ....
	La fonction carré <footnote>explication sur la fonction cube</footnote> est connue pour ....
*/

html{
	--font-size-footnotes:calc(3em + 0.25vw);
	counter-reset: f;
}

footnote{
	display:inline;
	padding:0;
	margin:0;
}

.footnote{
	text-decoration: none;
    cursor: pointer;
	margin-left:4px;
}

.footnote::before {
  counter-increment: f;
  content: "(" counter(f) ")"; 
  vertical-align: super;
  font-size: 0.7em; 
  color: #5c8f6d;
  text-decoration: none;
  cursor: pointer;
}

.footnote:focus::before {
  outline: thin dotted;
  outline-offset: 2px;
  text-decoration: none;
}

footnotes{
	padding:20px;
	background-color:#FFF;
}

footnotes ol{
	padding-left:-10px;
}

footnotes li, .footnotes li{
	
}

.footnotes_container{
	position:fixed;
	bottom:0;
	width:100%;
	padding:0;
	margin:0;
}
.footnotes_scroll{
	display:none;
	position:relative;
	background-color:#FFF;
	margin: auto;
	padding:10px 15px 15px 0px;
	border-top-style:solid;
	border-top-color:#CCC;
	border-top-width:1px;
	box-sizing:border-box;
	font-size:var(--font-size-footnotes);
	font-family:prociono;
	width:1000px;
	max-width:100%;
}

.footnotes_scroll li[visible="true"]{
	visibility:visible;
}

.footnotes_scroll li[visible="false"]{
	visibility:hidden;
	height:0px;
}