#regime{
    background: url(../img/bgregime.png) no-repeat;
    width: 1920px;
    height: 1080px;
    position: relative;
}

#img-bg{
  position: absolute;
  right: 0;
  top: 0;
  width: 879px;
  height: 1080px;
  z-index: 1;
}

#reg-boutonretour{
    margin-left: 1787px;
    margin-top: -7px;
    position: relative;
    z-index: 10;
    cursor: pointer;
}

#reg-boutonconnaitre{
    margin-left: 140px;
    margin-top: 0px;
}

#reg-poly{
    margin-left: 413px;
    margin-top: -125px;
}

#reg-polyregimeali{
    width: 193px;
    height: 167px;
    margin-left: 513px;
    margin-top: -449px;
    background-image: url(../img/polyregimeali.png);
    background-repeat: no-repeat;    
    overflow: hidden;
}

#reg-polyregimeali p{
  font-size: 25px;
  text-align: right;
  padding: 41px 50px 0px 0px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 27px;
  color: #ffffff;
}

#reg-polyphotos{
    margin-left: 514px;
    margin-top: -351px;
    animation: fadeIn 1s; 
    cursor: pointer;
}

#reg-polyvideos{
    margin-left: 514px;
    margin-top: -8px;
    animation: fadeIn 4s;
    cursor: pointer; 
}

  .wrapper {

    margin-top: -123px;
    margin-left: 705px;
    position: relative;
  }
  
  #container {
    width: 336px;
    height: 682px;
    padding-right: 27px;
    margin-top: 5px;
    overflow: auto;
    position: relative;
  }

  #container {
    scrollbar-width: thin;
    scrollbar-color: #757575 #ffffff;
  }
  
  /* Works on Chrome, Edge, and Safari */
  #container::-webkit-scrollbar {
    width: 22px;
  }
  
  #container::-webkit-scrollbar-track {
    background: ffffff;
  }
  
  #container::-webkit-scrollbar-thumb {
    background-color: #757575;
    border-radius: 0px;
    border: 3px solid ffffff;
  }
  
  
  /*
  .ssb_sb {
    background-color: #757575;
    cursor:pointer;
    position:absolute;
    right:0;

  }
  
  .ssb_sb_down {
    background-color: #757575;
  }
  
  .ssb_sb_over {
    background-color: #979797;
  }
  
  .ssb_st {
    background-color: #ffffff;
    cursor:pointer;
    height:100%;
    position:absolute;
    right:0;
    top:0;
  }

  .ssb_down {
    display: none;
    background-color: #757575;
    bottom:0;
    cursor:pointer;
    position:absolute;
    right:0;
  }
  .ssb_up {
    background-color: #757575;
    cursor:pointer;
    position:absolute;
    right:0;
    top:0;
    display: none;

  }
  */
  
  .parent {
    padding-right:10px;
    position:relative;
    color: #fff;
    text-align: justify;
    font-size: 16px;
    font-family: 'Khand', sans-serif;
  }
  
  #boutondessous{
    margin-top: 10px;
    margin-left: 10px;
  }


@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.overlay{
  position: absolute;
  top:0;
  left:0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.9);
  display: none;
  z-index: 100;
  overflow: hidden;
}


.close-overlay{
  width: 97px;
  height: 119px;
  background-image: url(../img/fermer.png);  
  position: absolute;
  top:0;
  right: 0;
  z-index: 1;
  text-align: right;
  padding-right: 10px;
  padding-top: 10px;
  cursor: pointer; 
}

#slider-photo{
  position: absolute;
  top:0;
  left: 0;
}

#slider-photo figure{
  position: relative;
}

#slider-photo figure img{
  max-width: 1920px;
  max-height: 1080px;
}

#slider-photo figure figcaption{
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 padding-left: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
 font-size: 28px;
 font-family: 'Khand', sans-serif;
 background-color: #b39b6f;

}


@media screen and (max-width :1334px){
  
  #regime{
    width: 1334px;
    height: 800px;  
    overflow: hidden;
    background-size: 950px;
  }

  #reg-boutonconnaitre{
      width: 376px;
      position: absolute;
      left: -13px;
      top: 227px;
  }

  #reg-polyregimeali {
    margin-left: 455px;
    margin-top: 144px;
  }


  .wrapper {
    margin-top: -123px;
    margin-left: 637px
  }

  #container {
    width: 310px;
  }

  #reg-polyphotos {
    margin-left: 493px;
    margin-top: -437px;
  }

  #reg-polyvideos {
    margin-left: 493px;
    margin-top: -8px;
  }

  #img-bg{
    width: 406px;
    height: 800px;
  }

  #img-bg img{
    max-width: none;
    object-fit: cover;
  } 


#reg-boutonretour{
    position: absolute;
    width: 88px;
    margin:0;
    right: 0;
    top:0;
    z-index: 10;
   
  }

}