#fondVoile{
  	filter: alpha(opacity = 25);
	opacity: 0.25;
	-moz-opacity: 0.25;
	background-color:#000000;
	width:100%;
	height:100%;
}

#txtVoile {
	top:50%;
	width:100%;
	text-align:center;
	color:#ffffff;
	font:30px arial, sans-serif;
}

#playpause {
	filter: alpha(opacity = 1);
	opacity: 0.01;
	-moz-opacity: 0.01;
	background-color:#ffffff;
}


:root { 
	--hollow-box-size: 3em;
	--hollow-light: #ECECEC;
	--hollow-dark: #34495e;
	--hollow-timing: 1.25s;
}

body { 
  background-color: var(--hollow-dark); 
}

#transition {
	z-index: 1000000000;
}

.loaderDiv {
	background-color: var(--hollow-dark);
	visibility: visible !important;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100vw;
	margin: 0;
}
  
.hollowLoader {
	width: var(--hollow-box-size);
	height: var(--hollow-box-size);
	animation: loaderAnim var(--hollow-timing) infinite ease-in-out;
	outline: 1px solid transparent;
}
  
.hollowLoader .largeBox {
    height: var(--hollow-box-size);
    width: var(--hollow-box-size);
    background-color: var(--hollow-light);
    outline: 1px solid transparent;
    position: fixed;
}
  
.hollowLoader .smallBox {
    height: var(--hollow-box-size);
    width: var(--hollow-box-size);
    background-color: var(--hollow-dark);
    position: fixed;
    z-index: 1;
    outline: 1px solid transparent;
    animation: smallBoxAnim var(--hollow-timing) alternate infinite ease-in-out;
}

@keyframes smallBoxAnim {
  0% {transform: scale(0.2);}
  100% {transform: scale(0.75);}
}

@keyframes loaderAnim {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(90deg);}
}