.max{
    max-width: 1000px;
    margin:0 auto;
}
.flex-col{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.flex-row{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.width50{ width:50%;}
.overflow_y{
     overflow-y:hidden ;
 }
 .overflow_clip{
    overflow-y:clip ;
 }

.boutonensavoirplus{
  background-color:rgb(163, 202, 173) ;
  border-radius: 100px;
  min-width: 100px;
  min-height: 45px;
  box-sizing: border-box;
  cursor: pointer;
  padding: 8px 18px;
  margin: 10px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  word-break: break-word;
}

.boutonensavoirplus:hover{
    box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
}
.titreh1style{
    margin-block-end: 0em;
  
}

/*intro*/
.carousel-container {
    width: 700px;
    overflow: hidden;
    margin: 0 auto;
}
.carou_texte{
    width: 50%;
}
.defile_dimages {
  display: flex;
  width: 2100px;
  animation: sliding 9s infinite; 
}
.imgcaroussel{
    background-size: cover;
    background-position: center;
}
@keyframes sliding {
    30% { transform: translateX(0);}
    35% { transform: translateX(-700px);}
    65% { transform: translateX(-700px);}
    70% { transform: translateX(-1400px);}
    98% { transform: translateX(-1400px);}
    100% { transform: translateX(0);}
}
/*sacs*/

.creations{
  padding-bottom: 4%;
}
.conteneur {
  position: relative;
  height: 420px;
  z-index: 10;
  border-width: .2em;
}
.black{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    opacity: 0.75;
    filter: brightness(50%);
}
.black1{ background-color: rgb(149, 220, 167);}
.black2{ background-color: rgb(81, 176, 104);}
.black3{ background-color: rgb(3, 112, 30);}

.surimage{
    position: absolute;
    bottom:30%;
}

.h2sacs{
    position: absolute;
    bottom:0;
    color:white;
    margin-bottom: 8px;
}
.h2sacs:first-letter{
    color:white;
    font-size:60px
}

/*luminaires*/
.section_lumi {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
 }
.section_lumi .animate{
    transition: 2s;
    opacity:1;
 }
.sec-1{
    position: relative;
    height:600px;
    margin: 0 auto;
}
.animate:nth-child(2){
    width:280px;
    height: 350px;
}
 /* position img avant animation*/
.sec-1 .animate:nth-child(1){ transform: translate(-170px,150px);}
.sec-1 .animate:nth-child(2){ transform: translateY(-450px);}   
.sec-1 .animate:nth-child(3){ transform: translate(450px, +150px);}
.sec-1 .animate:nth-child(4){ transform: translate(300px, -320px);
                              z-index:1;}
.sec-1 .animate:nth-child(5){ transform: translate(200px, -250px);}

 /* position img après animation*/
.show-animate .animate:nth-child(1) { transform: translate(100px,120px);}
.show-animate .animate:nth-child(2) { transform: translateY(-70px);}
.show-animate .animate:nth-child(3) { transform: translate(-10px, +70px);}
.show-animate .animate:nth-child(4) { transform: translate(-30px, -30px);}
.show-animate .animate:nth-child(5) { transform: translate(-60px, 70px);}

.texte_lumi_accueil{
    font-size: calc(1vmin + 10px);
    text-align: justify;
    max-width: 850px; 
    margin: 0 auto;
    padding-bottom: 4%;
}

/*surmesure*/
.accueil_surmesure{
    max-width: 1000px;
    margin: 0 auto;
    text-align: left;
}
.img_acsurmesure{
    max-width:40%;
}

/*background spéciaux*/
.aveyron,.coussins,.surmesure{
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
}
.aveyron{
     padding: 4%;
      background-image:linear-gradient(
			rgba(247, 251, 247, 0.7),
			rgba(244, 249, 245, 0.8)
		), url(/images/bg3-2.webp) ;
}
.coussins{
      background-image:linear-gradient(
			rgba(247, 251, 247, 0.85),
			rgba(244, 249, 245, 0.85)
		), url(/images/fondeleonore.jpg) ;  
}
.surmesure{
          background-image:linear-gradient(
			rgba(247, 251, 247, 0.8),
			rgba(244, 249, 245, 0.8)
		), url(/images/bg1.webp) ;
}