html:fullscreen {
    background-color: white; /* Ajout Clem le 13/101/2023 pour éviter le fond noir en Fullscreen lorsque BackgroundColor n'est pas spécifié : -1 */
}
body {
    margin: 0px;
    overflow: hidden;
    cursor: move;
}

#spinner {
	position:absolute;
    z-index:100;
	left:50%;
	top:50%;
	width:90px;
	height:90px;
	margin-left:-45px;
	margin-top:-50px;
	display:none;
}
        
#spinner span {
	position:absolute;
    z-index:100;
	top:50%;
	width:100%;
	color:#333;
	font:0.8em Arial, Verdana, sans;
	text-align:center;
	line-height:0.6em;
	margin-top:-0.3em;
}

#divinfo {
    position: absolute;
    z-index:100;
    top:50%;
    width:100%;
    height:50px;
	margin-top:-25px;
    text-align:center;
    display: none;
}

.save3dAsImage {
    background: url(../Images/Download.png);
    background-size: contain;
    position: absolute;
    z-index: 100;
    bottom: 0px;
    left: 0px;
    width: 24px;
    height: 24px;
    cursor:pointer;
}
.save3dAsImage:hover {
    background: url(../Images/Download_highlight.png);
}
@media (max-width: 640px) {
    .save3dAsImage {
        display: none;
    }
}

#divbuttons {
    position: absolute;
    bottom: 5px;
    right:5px;
    width: 24px;
    z-index: 100;
    display: none;
}

.VueVerticale{
    background:url(../images/VueVerticale.png) no-repeat;
    cursor:pointer;
    border:none;
    width: 24px;
    height: 24px;
    margin-bottom: 15px;
}
.VueVerticale:hover {
        background:url(../images/VueVerticale_highlight.png) no-repeat;
}
.VueCote{
    background:url(../images/VueCote.png) no-repeat;
    cursor:pointer;
    border:none;
    width: 24px;
    height: 24px;
    margin-bottom: 15px;
}
.VueCote:hover {
        background:url(../images/VueCote_highlight.png) no-repeat;
}
.VueTop{
    background:url(../images/VueTop.png) no-repeat;
    cursor:pointer;
    border:none;
    width: 24px;
    height: 24px;
    margin-bottom: 15px;
}
.VueTop:hover {
        background:url(../images/VueTop_highlight.png) no-repeat;
}
.VuePerspective{
    background:url(../images/VuePerspective.png) no-repeat;
    cursor:pointer;
    border:none;
    width: 24px;
    height: 24px;
    margin-bottom: 15px;
}
.VuePerspective:hover {
    background:url(../images/VuePerspective_highlight.png) no-repeat;
}
.VueBack{
    background:url(../images/VueArriere.png) no-repeat;
    cursor:pointer;
    border:none;
    width: 24px;
    height: 24px;
    margin-bottom: 15px;
}
.VueBack:hover {
    background:url(../images/VueArriere_highlight.png) no-repeat;
}

.FlipBoard{
    background:url(../images/FlipBoard.png) no-repeat;
    cursor:pointer;
    border:none;
    width: 24px;
    height: 24px;
    margin-bottom: 15px;
}
.FlipBoard:hover {
        background:url(../images/FlipBoard_highlight.png) no-repeat;
}

.VueWorld{
    background:url(../images/VueWorld.png) no-repeat;
    cursor:pointer;
    border:none;
    width: 24px;
    height: 24px;
    margin-bottom: 15px;
}
.VueWorld:hover {
        background:url(../images/VueWorld_highlight.png) no-repeat;
}

.FullScreen{
    background:url(../images/FullScreen.png) no-repeat;
    cursor:pointer;
    border:none;
    width: 24px;
    height: 24px;
}
.FullScreen:hover {
        background:url(../images/FullScreen_highlight.png) no-repeat;
}
.ExitFullScreen{
    background:url(../images/FullScreenExit.png) no-repeat;
    cursor:pointer;
    border:none;
    width: 24px;
    height: 24px;
}
.ExitFullScreen:hover {
        background:url(../images/FullScreenExit_highlight.png) no-repeat;
}