body{
  font-family: Arial;
}

#linePicture1{

  overflow-y: hidden;

}

.swiper-container-gallery{
  overflow-x: hidden;
}

.swiper-button-next,.swiper-button-prev{
    position: absolute;
    bottom: 28px;
    width:27px;
    height:44px;
    margin-top:-84px;
    z-index:10;
    cursor:pointer;
    background-size:27px 44px;
    background-position:center;
    background-repeat:no-repeat
}

.txtLumiere{
  margin-top: 36px;
}


#linePicture2{
  display: inline-block;

}





.slider img{
  margin-bottom: 20px;
}



.title{
  font-weight: bold;
	font-family: Arial;
	color: #9C8760;
  margin-bottom: 20px;
}

.pTitle{
  margin-top: 20px;
  font-weight: bold;
  font-family: Arial;
  color: #9C8760;
  margin-bottom: 20px;
  display: inline-block;

}


.sculName{
  float: right;
  color: #808080;
  font-size: 14px;
}





@media (max-width: 730px) {
  .slider{
    margin-top: 20px;
    max-height: 0px;
    overflow-y: hidden;
    transition: 0.4s max-height;

  }

  #linePC{
    display: none;
  }

  #linePicture1 img{
    width: calc(100% / 4);
    float: left;
    padding: 1%;

  }

  .imgLine{
    height: 100%;
    width: 30%;
    cursor: pointer;
  }

  .autoScrollx{
      overflow-y: hidden;
      overflow-x: auto;
  }





}

@media (min-width : 730px ) {
  #linePhone{
    display: none;
  }

  .divImg{
    width: 15%;
    float: left;
    padding: 0.5%;
    overflow-y: scroll;

  }

  .imgLine{
    height: 100%;
    width: 100%;
    cursor: pointer;
  }


  .slider{
    width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto;

    margin-top: 20px;



  }

  .slider img{
    padding-left: 8%;
    padding-right: 8%;
    width: 100%;
  }


}