.introp ,.intropex {
    box-sizing: border-box;
    min-height: 100vh;
    padding: 30vw 0 5vw;
    transform-style: inherit;
    width: 100vw;
}
.introp h1, .introp h2,.intropex h1, .intropex h2,.introppr h1, .introppr h2 ,.introcuivre h1, .introcuivre h2{
    margin-top: -50px;
	text-shadow: 0 2px 2px #000 ;
	letter-spacing: -0.03em;
	vertical-align: baseline;
	text-transform: uppercase;
	font-family: Nunito;
	text-align: center;
	font-size: 60px;
	color: rgb(255 255 255);
} 
.introp{
    background: 100% 100% / cover;
	top: -100px;
	margin:-500px auto;
}
.introp {
    position: sticky;
    background-image: url('../images/plomberie.png') ;
	transform:  translateZ(-1px) scale(1.3);
	animation: 50s para infinite linear ; 
	/* height: 110vh; */
}
/* animation image qui bouge sur les intro*/
@keyframes para {
	50% {
		background-position: 
			/* -5000px 20%, */
			/* -800px 95%, */
			-50px 50%,
			/* 1000px 100%, */
			-50px 0;
		}		
	}
.contentpex {
  /* margin:100px auto; */
 width:100%;
  position: relative;
  z-index: 1;
  /* background:#fff; */
   background:rgba(19, 20, 23,0.8);
   /* background:rgb(209,224,235); */
   /* padding:100px 0; */
 /*  padding:60px 0; */
  font-family: OpenSans, sans-serif;
  font-size: 16px;
  line-height:1.5em;
  height: 195vh;
  margin-top:115px;
}
@keyframes slideIn {
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
/*bloc------------------------------------------------------*/
#bloc_pex_img{
  margin-top:10px;
  margin-left:110px;
  /* border:1px solid yellow; */
  height:105%;
  width:85.5%;
  /* margin:20px 0px 20px 20px; */
  /* background-color:rgb(244, 245, 249); */
}

#bloc_pex_img_l1{
  /* height:250px; */
  /* width:1045px; */
  float:left;
  position:relative;
  margin:20px 0px 0px 22px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  /* border:1px solid yellow; */
}
#bloc_pex_img_l_img1,#bloc_pex_img_l_img6,#bloc_pex_img_l_img11,#bloc_pex_img_l_img16,#bloc_pex_img_l_img21{
  height:250px;
  width:250px;
  float:left;
  background-size:250px;
  box-shadow: black 0.1em 0.1em 0.3em;
  overflow:hidden;
  background-color:white;
}
#bloc_pex_img_l_img2,#bloc_pex_img_l_img3,#bloc_pex_img_l_img4,#bloc_pex_img_l_img5,#bloc_pex_img_l_img7,#bloc_pex_img_l_img8,#bloc_pex_img_l_img10,#bloc_pex_img_l_img9,#bloc_pex_img_l_img12,#bloc_pex_img_l_img13,#bloc_pex_img_l_img14,#bloc_pex_img_l_img15,#bloc_pex_img_l_img17,#bloc_pex_img_l_img18,#bloc_pex_img_l_img19,#bloc_pex_img_l_img20,#bloc_pex_img_l_img22,#bloc_pex_img_l_img23,#bloc_pex_img_l_img24,#bloc_pex_img_l_img25,#bloc_pex_img_l_img26,#bloc_pex_img_l_img27,#bloc_pex_img_l_img28,#bloc_pex_img_l_img29,#bloc_pex_img_l_img30{
  /* background-size:250px; */
  height:250px;
  width:245px;
  float:left;
  margin:0px 0px 0px 20px;
  /* border:1px solid rgb(110,164,202); */
  box-shadow: black 0.1em 0.1em 0.3em;
  overflow:hidden;
  background-color:white;
}

#bloc_pex_img_l_img1:hover,#bloc_pex_img_l_img2:hover,#bloc_pex_img_l_img3:hover,#bloc_pex_img_l_img4:hover,#bloc_pex_img_l_img5:hover,#bloc_pex_img_l_img6:hover,#bloc_pex_img_l_img7:hover,#bloc_pex_img_l_img8:hover,#bloc_pex_img_l_img9:hover,#bloc_pex_img_l_img10:hover,#bloc_pex_img_l_img11:hover,#bloc_pex_img_l_img12:hover,#bloc_pex_img_l_img13:hover,#bloc_pex_img_l_img14:hover,#bloc_pex_img_l_img15:hover,#bloc_pex_img_l_img16:hover,#bloc_pex_img_l_img17:hover,#bloc_pex_img_l_img18:hover,#bloc_pex_img_l_img19:hover,#bloc_pex_img_l_img20:hover,#bloc_pex_img_l_img21:hover,#bloc_pex_img_l_img22:hover,#bloc_pex_img_l_img23:hover,#bloc_pex_img_l_img24:hover,#bloc_pex_img_l_img25:hover,#bloc_pex_img_l_img26:hover,#bloc_pex_img_l_img27:hover,#bloc_pex_img_l_img28:hover,#bloc_pex_img_l_img29:hover,#bloc_pex_img_l_img30:hover{
/* -webkit-transform:rotate(-360deg); */
transform:rotate(0deg);
border:5px solid  rgba(125,202,218);
/* z-index:999; */
/* box-shadow: black 0.2em 0.2em 1.9em; */
}

#bloc_pex_img_l_img1 span,#bloc_pex_img_l_img2 span,#bloc_pex_img_l_img3 span,#bloc_pex_img_l_img4 span,#bloc_pex_img_l_img5 span,#bloc_pex_img_l_img6 span,#bloc_pex_img_l_img7 span,#bloc_pex_img_l_img8 span,#bloc_pex_img_l_img9 span,#bloc_pex_img_l_img10 span,#bloc_pex_img_l_img11 span,#bloc_pex_img_l_img12 span,#bloc_pex_img_l_img13 span,#bloc_pex_img_l_img14 span,#bloc_pex_img_l_img15 span,#bloc_pex_img_l_img16 span,#bloc_pex_img_l_img17 span,#bloc_pex_img_l_img18 span,#bloc_pex_img_l_img19 span,#bloc_pex_img_l_img20 span,#bloc_pex_img_l_img21 span,#bloc_pex_img_l_img22 span,#bloc_pex_img_l_img23 span,#bloc_pex_img_l_img24 span,#bloc_pex_img_l_img25 span,#bloc_pex_img_l_img26 span,#bloc_pex_img_l_img27 span,#bloc_pex_img_l_img28 span,#bloc_pex_img_l_img29 span,#bloc_pex_img_l_img30 span{
display: block;
position:absolute;
/* display: none; */
left:0;
bottom:0;
width:100%;
height:0;
color:#fff;
text-align:center;
/* background:rgba(0,0,0,0.8); */
background:rgba(12,60,96,0.8);
opacity:0;
}
#bloc_pex_img_l_img1:hover span,#bloc_pex_img_l_img2:hover span,#bloc_pex_img_l_img3:hover span,#bloc_pex_img_l_img4:hover span, #bloc_pex_img_l_img5:hover span,#bloc_pex_img_l_img6:hover span,#bloc_pex_img_l_img7:hover span,#bloc_pex_img_l_img8:hover span,#bloc_pex_img_l_img9:hover span,#bloc_pex_img_l_img10:hover span,#bloc_pex_img_l_img11:hover span,#bloc_pex_img_l_img12:hover span,#bloc_pex_img_l_img13:hover span,#bloc_pex_img_l_img14:hover span,#bloc_pex_img_l_img15:hover span,#bloc_pex_img_l_img16:hover span,#bloc_pex_img_l_img17:hover span,#bloc_pex_img_l_img18:hover span,#bloc_pex_img_l_img19:hover span,#bloc_pex_img_l_img20:hover span,#bloc_pex_img_l_img21:hover span,#bloc_pex_img_l_img22:hover span,#bloc_pex_img_l_img23:hover span,#bloc_pex_img_l_img24:hover span,#bloc_pex_img_l_img25:hover span,#bloc_pex_img_l_img26:hover span,#bloc_pex_img_l_img27:hover span,#bloc_pex_img_l_img28:hover span,#bloc_pex_img_l_img29:hover span,#bloc_pex_img_l_img30:hover span {
/* display: inline; */
display: block;
height:20%;
 /* border:1px solid red; */
 /* width:200px; */
 font-weight: bold;
 text-transform: uppercase;
 /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
  -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
	 margin:0px auto;
	 opacity:1;
}
/*-----------------------------------------------*/
#bloc_pex_img_l_img1 img,#bloc_pex_img_l_img2 img,#bloc_pex_img_l_img3 img,#bloc_pex_img_l_img4 img,#bloc_pex_img_l_img5 img,#bloc_pex_img_l_img6 img,#bloc_pex_img_l_img7 img,#bloc_pex_img_l_img8 img,#bloc_pex_img_l_img9 img,#bloc_pex_img_l_img10 img,#bloc_pex_img_l_img11 img,#bloc_pex_img_l_img12 img,#bloc_pex_img_l_img13 img,#bloc_pex_img_l_img14 img,#bloc_pex_img_l_img15 img,#bloc_pex_img_l_img16 img,#bloc_pex_img_l_img17 img,#bloc_pex_img_l_img18 img,#bloc_pex_img_l_img19 img,#bloc_pex_img_l_img20 img,#bloc_pex_img_l_img21 img,#bloc_pex_img_l_img22 img,#bloc_pex_img_l_img23 img,#bloc_pex_img_l_img24 img,#bloc_pex_img_l_img25 img{
     width:100%;
     height:100%;
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}
#bloc_pex_img_l_img1:hover img,#bloc_pex_img_l_img2:hover img,#bloc_pex_img_l_img3:hover img,#bloc_pex_img_l_img4:hover img,#bloc_pex_img_l_img5:hover img,#bloc_pex_img_l_img6:hover img,#bloc_pex_img_l_img7:hover img,#bloc_pex_img_l_img8:hover img,#bloc_pex_img_l_img9:hover img,#bloc_pex_img_l_img10:hover img,#bloc_pex_img_l_img11:hover img,#bloc_pex_img_l_img12:hover img,#bloc_pex_img_l_img13:hover img,#bloc_pex_img_l_img14:hover img,#bloc_pex_img_l_img15:hover img,#bloc_pex_img_l_img16:hover img,#bloc_pex_img_l_img17:hover img,#bloc_pex_img_l_img18:hover img,#bloc_pex_img_l_img19:hover img,#bloc_pex_img_l_img20:hover img,#bloc_pex_img_l_img21:hover img,#bloc_pex_img_l_img22:hover img,#bloc_pex_img_l_img23:hover img,#bloc_pex_img_l_img24:hover img,#bloc_pex_img_l_img25:hover img{
     transform:scale(1.2);
}
h3{
  color:white;
  /* text-shadow: 0 2px 2px #000; */
}
#colonnePlomb1{
  float:left;
  position:relative;
  margin:0px 0px 0px 580px;
}
#colonnePlomb2{
  float:left;
  position:relative;
  margin:0px 0px 0px 85px;
}
#colonnePlomb3{
  float:left;
  position:relative;
  margin:0px 0px 0px 60px;
}