@charset "UTF-8";
/* CSS Document */
body, html {
	height: 100%;
	background-color: orange;
}
.lienChoisi{
    color: #D18830;
}
.textes{
    position: absolute;
    color: antiquewhite;
    width: 250px;
    font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
 }
.textesLien{
    position: absolute;
    color: antiquewhite;
    width: 250px;
    font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    cursor: pointer;
}
.sqre{
	position: absolute;
	color: white;
	border-radius: 50%;
	object-fit:fill;
	border-width: thick;
	border-color: grey;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}
.allumeVert{
    color:lightgreen;
    opacity: 1;
}
.allumeGris{
    color: lightgray;
    opacity: 0.2;
}
.plageResults {
    background-color: #0F2E0F;
}
.classeListe{
	list-style-type:none;
	text-align:left;
	padding-left: 0;
	margin-left: 0;
	border-color: grey;
	border-style: none;
	background-color:#0F2E0F;
	color:white;
	font-size: 24;
	height: 650px; 
	width: 260px;
	overflow:hidden;
	overflow-y:scroll;
	scrollbar-track: brown;
}
.divergenceListe{
	list-style-type:none;
	text-align:left;
	padding-left: 0;
	margin-left: 0;
	background-color:black;
	color:yellowgreen;
	font-size: 24;
	overflow:hidden;
	overflow-y:scroll;
	scrollbar-track: brown;
}
.noteOval{
	position: absolute;
	color: white;
	border-radius: 30%;
	object-fit:fill;
	border-width: thick;
	border-color: grey;
	cursor: pointer;
}
.noteCarre{
	position: absolute;
	color: white;
    border-radius: 20%;
	object-fit:fill;
	border-width: thick;
	border-color: grey;
	cursor: pointer;
	text-align: center;
	vertical-align: super;
}


.content {
   	max-width: 500px;
    margin: auto;
    background: black;
    padding: 0px;
}
.selectedBord{
	border-width: "4px";
}
.unSelectedBord{
	border-width: "1px";
}
.graphNote{
	cursor: pointer;
}
.bouton{
	position: absolute;
	object-fit:fill;
	border-width: thick;
	border-color: grey;
	background-color: chocolate;
	cursor: pointer;
	border-radius: 50%;
	color: white;
	text-align: center;
	vertical-align: middle;
}
.soundSequence{
	position: absolute;
	object-fit:fill;
	border-width: thick;
	border-color: grey;
	cursor: pointer;
}
.draggable{}
.sonEnLigne{}
.sonEntendu{}
.stock{}
.zoneFond{}