.DIVFooterGeneral{
    position: fixed;
    bottom: 0;
    /* background-color: red; */
    width: 100%;
    max-height: 16vh;
    
}

.DIVBoutonHHCS{
    /* background-color: cyan; */
    float: right;
    /* margin-top: 5%; */
    margin-right: 0.2%;
    margin-bottom: 0.2%;
    transform: scale(1);
}

.DIVLogoMO{
    /* background-color: blueviolet; */
    float: left;
    /* margin: 10px; */
    margin-left: 1.2%;
}

#AcceuilLogoDS{
  height: 65px;
}

.BoutonHHCS{
  width: 65px;
  height: 66px;
  z-index: 5;
  vertical-align: bottom;
}


#BoutonFullScreenBack {
  background: url("../MissionOceanTemplates/ButtonFullscreenDeactivate.png"); 
 }

#BoutonFullScreenBack:hover {
  background: url("../MissionOceanTemplates/ButtonFullscreenActivate.png");
 }


 #BoutonCreditScreenBack {
  background: url("../MissionOceanTemplates/ButtonCreditDeactivate.png");
  }

 #BoutonCreditScreenBack:hover {
  background: url("../MissionOceanTemplates/ButtonCreditActivate.png");
 }


 #BoutonHelpScreenBack {
   background: url("../MissionOceanTemplates/ButtonHelpDeactivate.png");
  }

  #BoutonHelpScreenBack:hover{
    background: url("../MissionOceanTemplates/ButtonHelpActivate.png");
  }


 #BoutonHomeScreenBack {
   background: url("../MissionOceanTemplates/ButtonHomeDeactivate.png");
  }

  #BoutonHomeScreenBack:hover{
    background: url("../MissionOceanTemplates/ButtonHomeActivate.png");
  }

 
    

    /* The Modal (background) */
.modal {
  position: fixed;
    z-index: 1;
    /* padding-top: 9%; */
    left: 0;
    top: 0;
    width: 100%;
    min-width: 102px;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    text-align: center;

}

/* Modal Content */
.modal-horizontal-content {
  background: linear-gradient(180deg, rgb(70 152 209),rgb(0 72 120));
  box-shadow: 0 9px 25px 0px white, 0 -9px 25px 0px white, 12px 0 15px -4px rgb(31 73 125 / 80%), -12px 0 15px -4px rgb(31 73 125 / 80%);
  /* margin: auto; */
  padding: 20px;
  position: absolute;
    left: 0%;
    right: 0%;
    top: 50%;
    transform: translate(0%, -50%);
}

/* Modal Content */
.modal-vertical-content {
  position: absolute;
    background: linear-gradient(
180deg
, rgb(70 152 209),rgb(0 72 120));
    box-shadow: 0 9px 25px 0px white, 0 -9px 25px 0px white, 12px 0 15px -4px rgb(31 73 125 / 80%), -12px 0 15px -4px rgb(31 73 125 / 80%);
    /* margin: auto; */
    padding: 20px;
    left: 25%;
    width: 50%;
    /* height: 100%; */
    bottom: 0%;
    overflow: auto;
    top: 0%;
}




 
#BarHelp{
  display: none;
  z-index:5;
}
 
#BarBack{
  display: none;
  z-index:5;  
}
 
#BarBackMenuOUI{
  z-index:5; 
}

#BarBackMenuOUI:hover{
  cursor: pointer;
}
 

#BarBackMenuNON{
  z-index:5;
}
#BarBackMenuNON:hover{
  cursor: pointer;
}
 
#Credit{
  display: none;
  z-index:5;
}


#BarCreditFermeture{
  z-index:5;
  width: 20%;
}
#BarCreditFermeture:hover{
  cursor: pointer;
}