body { background-color: rgb(200,200,200); left:0px; top: 0px; overflow: hidden; } #controlButtons{ background-color:rgba(20, 20, 20, 0.5); position: absolute; bottom: 10px; height:32px; border-radius: 20px; padding: 5px; z-index: 3; } #boutonsVersion { background-color:rgba(100, 100, 100, 0); position: absolute; right:0px; top: 30px; padding: 5px; z-index: 3; } #imgLeftArrowVers{ margin-right:9px; } #imgRightArrowVers{ margin-right:9px; } #buttonPlay{ margin-right:9px; } #buttonMute{ margin-right:9px; } #buttonAutorotate{ margin-right:9px; } #boutonModeNavigation{ margin-right:9px; } #boutonPlan2D{ margin-right:9px; } #bouton_Fullscreen{ margin-right:9px; } #logoDiv{ background-color:rgba(100, 100, 100, 0); position: absolute; padding: 5px; z-index:1; } #labelVignette { position : absolute; background-color:rgba(255, 255, 255, 1); margin-left:15px; text-align:center; z-index: 2; } #nomVignette { position : absolute; bottom: 0px; left:14px; height:20px; background-color:rgba(20, 20, 20, 0.5); margin:auto; text-align:center; font-weight: bold; color:white; z-index: 2; } #conteneurVignettes{ background-color:rgba(20, 20, 20, 0.5); position : absolute; bottom: 0px; left:0px; width: 100%; height:30%; min-height:50px; max-height:112px; text-align:center; overflow:hidden; white-space:nowrap; z-index: 2; } #vignettes { position : absolute; bottom: 0px; left:24px; height:100%; text-align:center; overflow:hidden; white-space:nowrap; z-index: 2; } #leftArrowVig{ float:left; margin-top:34px; margin-left:5px; z-index: 3; } #rightArrowVig{ float:right; margin-top:34px; margin-right:5px; z-index: 3; } #fenetrePlan { background-color:rgba(50, 50, 50, 0); position : absolute; margin:auto; overflow:hidden; white-space:nowrap; z-index: 2; } #leftArrow{ background-color:rgba(255, 255, 100, 0); float:left; top:0px; z-index: 3; } #lePlan{ background-color:rgba(255, 255, 100, 0); position:relative; border:5px solid white; z-index: 2; } #rightArrow{ background-color:rgba(255, 255, 100, 0); float:right; top:0px; z-index: 3; } #imgPlanCourant{ position:absolute; top:0px; left:0px; } #nomVignettePlan { position : absolute; left:38px; height:20px; background-color:rgba(50, 50, 50, 0.5); margin:auto; text-align:center; font-weight: bold; color:white; z-index: 2; } #vignettesPlan { background-color:rgba(50, 50, 50, 0.5); position : absolute; bottom: 0px; left:0px; width: 100%; height:0; min-height:0px; max-height:110px; margin:auto; text-align:center; overflow:hidden; white-space:nowrap; z-index: 2; } #fenetreAnnot { background-color:rgba(255, 255, 255, 0); position : absolute; top: 5%; left:10%; width: 80%; height:90%; border:5px solid rgba(0,0,0, 0.8); border-radius : 5px; z-index: 2; } #lesAnnot{ background-color:rgba(255, 255, 255, 0); position:relative; top:0px; left:0px; height:100%; z-index: 2; } #annotPage{ background-color:rgba(255, 255, 255, 1.0); border:none; } #figureAnnot { position : absolute; background-color:rgba(255,255,255, 1); border:5px solid rgba(0,0,0, 0.8); border-radius : 5px; padding:0px; z-index: 2; } #closeAnnot { background-color:rgba(100, 100, 100, 0); position: absolute; padding: 0px; z-index: 3; } #cnv3D{ position: absolute; left: 0; top: 0; z-index: 1; } #cnv2D{ font-family:"Times New Roman", Times, serif; color:black; font-size:18px; background-color:transparent; position: absolute; left: 0; top: 0; z-index: 2; }