
#OptMenu{
	background-color: rgba(255,255,255,0.4);
	width:50vw;
	height:34vw;
	left:25vw;
	top : 12vh;

 user-select:none;
	border-radius :5.6vw;


	 font-family: 'FredokaOne-Regular';
	 font-size:1.5vw;
	 text-align:center;
	color:rgba(255,255,255,1);
	 position:absolute;
}





#OptMenu text{
	width:50vw;
	display:block;

}

#OptMenuTxt{
	margin-top:1vw;
	font-size:3vw;
	color:rgba(255,132,20,1);
}

#OptMenuTxt::-moz-selection {
    background: none;
	color:rgba(255,132,20,1);
}
#OptMenuTxt::selection {
    background: none;
	color:rgba(255,132,20,1);
}



#OptMusMenu, #OptBruMenu{
	width:45vw;
	left:2.5vw;
	height:11.2vw;
}

#OptMusMenu{
	top:6.2vw;
}
#OptBruMenu{
	top:10.4vw;
}

#OptMusLbl, #OptBruLbl{
	top:1.5vw;
	margin-left: 2vw;
}



#OptParMenu{
	top:15.6vw;
}


#OptMusTxt, #OptBruTxt{
	margin-left:-2.5vw;
}

#OptHBTxt{
	top:20.6vw;
	text-align:left;
	left:16vw;
	position:absolute;
}

#OptHBLbl{
	top:20.3vw;
	margin-left:30vw;
	position:absolute;
}


#OptChgMus{
top:23.6vw;

}

#OptDeco{
top:27.6vw;
}

#OptMenu input[type="button"]{
width:30vw;
height:3vw;
left:10vw;
border:none;
background-color:rgba(255,132,20,1);
color:rgba(255,255,255,1);
cursor:url(../curseur.cur),pointer;
font-family: 'FredokaOne-Regular';
font-size:1.5vw;
	position:absolute;
}

#OptMenu input[type="button"]:hover{
	background-color : rgba(255,90,10,1);
	cursor:url(../curseur.cur),pointer;
}

#OptMenu input[type="button"]:focus{
	outline:none;
}



#OptMenu input[type=checkbox] {
	visibility: hidden;

}

#OptMenu input[type="checkbox"]+ label {
  position: relative;
  cursor: url(../curseur.cur),pointer;

 left: 4vw;
}

#OptMenu input[type="checkbox"]+ label {
  content: '';
  position: absolute;
  width: 1.5vw; height: 1.5vw;
  border: 0.5vw solid #fff;
  background: none;
  border-radius: 2vw;
}


#OptMenu input[type="checkbox"]:checked+ label {
  background: #FF8414;
}

#OptMenu input[type="checkbox"]:hover:not(:checked) + label {
background-color : rgba(255,255,255,0.4);
}

#OptMenu input[type="checkbox"]:hover:checked + label {
background-color : rgba(255,90,10,1);
}

/*
#OptMenu input[type="checkbox"]+ label:after {
/*content: '✔';
 position: absolute;
 font-size: 3.3vw;
 color: #ff0000;
 padding-left:0.5vw;


}


#OptMenu input[type="checkbox"]:not(:checked) + label:after {
  /* opacity: 0;

}

#OptMenu input[type="checkbox"]:checked + label:after {
  /*opacity: 1;

}*/






#OptMenu input[type=range] {
	margin-top:0px;
  height: 1vw;
  -webkit-appearance: none;
  padding:0px;
  margin: 0px;
  width: 30vw;
  margin-left:3vw;
  cursor: url(../curseur.cur),pointer;
}
#OptMenu input[type=range]:focus {
  outline: none;
}
#OptMenu input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.8vw;
  cursor: url(../curseur.cur),pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #FFFFFF;
  border-radius: 3vw;
  border: 0px solid #000000;
}
#OptMenu input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 0px solid #000000;
  height: 2vw;
  width: 2vw;
  border-radius: 3vw;
  background: #FF8414;
    cursor: url(../curseur.cur),pointer;
  -webkit-appearance: none;
  margin-top: -0.6vw;
}
#OptMenu input[type=range]:hover:enabled::-webkit-slider-thumb{
	background-color : rgba(255,90,10,1);
}

#OptMenu input[type=range]:focus::-webkit-slider-runnable-track {
  background: #FFFFFF;
}
#OptMenu input[type=range]::-moz-range-track {
  width: 100%;
  height: 0.8vw;
    cursor: url(../curseur.cur),pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #FFFFFF;
  border-radius: 3vw;
  border: 0px solid #000000;
}
#OptMenu input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 0px solid #000000;
  height: 2vw;
  width: 2vw;
  border-radius: 3vw;
  background: #FF8414;
    cursor: url(../curseur.cur),pointer;
}

#OptMenu input[type=range]:hover:enabled::-moz-range-thumb {
	background-color : rgba(255,90,10,1);
}


#OptMenu input[type=range]::-ms-track {
  width: 100%;
  height: 0.8vw;
    cursor: url(../curseur.cur),pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
#OptMenu input[type=range]::-ms-fill-lower {
  background: #FFFFFF;
  border: 0px solid #000000;
  border-radius: 100vw;
  box-shadow: 0px 0px 0px #000000;
}
#OptMenu input[type=range]::-ms-fill-upper {
  background: #FFFFFF;
  border: 0px solid #000000;
  border-radius: 100vw;
  box-shadow: 0px 0px 0px #000000;
}
#OptMenu input[type=range]::-ms-thumb {
  margin-top: 0px;
  box-shadow: 0px 0px 0px #000000;
  border: 0px solid #000000;
  height: 2vw;
  width: 2vw;
  border-radius: 3vw;
  background: #FF8414;
    cursor: url(../curseur.cur),pointer;
}
#OptMenu input[type=range]:hover:enabled::-ms-thumb {
	background-color : rgba(255,90,10,1);
}


#OptMenu input[type=range]:focus::-ms-fill-lower {
  background: #FFFFFF;
}
#OptMenu input[type=range]:focus::-ms-fill-upper {
  background: #FFFFFF;
}
