/* Entete */

#entete {
	position:relative;
	width:100%;
	height:100vh;
	background-image:url(../../Images/hifi/iStock-177100713.jpg);
	background-repeat:no-repeat;
	background-size: cover;  
	background-position: center;
	border-radius: 20px;
	z-index:10;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
	}
/*fenetre --*/
     .slide-text2 {
      position: absolute;
      top: 0px;
      left: 50%;
	  background-color: rgba(0, 0, 0, 0.0);
      transform: translateY(58px) translateX(-50%);
      transition: opacity 0.8s ease-out, transform 0.8s ease-out;
	  width:100%;
	  max-width: 1170px !important;
	  min-width: 344px !important;
	  height:258px;
      box-sizing: border-box;
	  z-index: 0;
      color: #fff;
      display: flex;
	  align-items: center; 
      flex-direction: column;
      justify-content: center;
	  border-bottom-left-radius: 10px; /* Arrondi pour le coin en bas à gauche */
      border-bottom-right-radius: 10px; /* Arrondi pour le coin en bas à droite */
    }	
	.slide-text2.is-visible {
     background-color: rgba(0, 0, 0, 0.7);
     transform: translateY(202px) translateX(-50%);
    }	
    .slide-text2 h2 {
	  position: relative;
      margin: 0 0 10px;
      font-size: 38px;
	  font-family:Calibri, Verdana, Geneva, sans-serif;
	  font-weight:100;     
    }
    .slide-text2 p {
	  position: relative;
      margin: 0;
      font-size: 28px;
	  font-family:Calibri, Verdana, Geneva, sans-serif;
      line-height: 5.5;
	  color: #ee2f2e;
	  font-weight:bold;
    }
/* texte service ---*/

#text-elec {
	font-family:Calibri, Verdana, Geneva, sans-serif;
	padding-top:25px;margin-bottom:0px;margin-top:230px;
	position:relative;
	background:#fff;
	width:100%;
	overflow:hidden;
	height:auto;
	display:block;
	text-align: center;
	z-index:9;
	

	}
#cont-text-e {max-width:1170px;height:auto;margin: 0 auto;border-bottom:#CCC solid 1px;border-top:#CCC solid 1px;padding-top:30px;border-radius:25px;}
#text-elec h2, .serv-im h2 {font-size:30px;font-weight:600;color:#ee2f2e;margin: 0px auto 30px auto;}
#text-elec h4, .serv-tex h4, .serv-tex2 h4{font-size:22px;font-weight:550;color:#ee2f2e;margin: 0px auto 25px auto;}
#text-elec p {font-size:21px;font-weight:500;color:#666;margin: 0px auto 45px auto;line-height: 35px;}
#text-elec p strong{font-weight:600;}

 @media (max-width: 1170px) {
	 #cont-text-e {margin-right:25px;margin-left:25px;height:auto;margin-bottom:35px;}
	 #text-elec {height:auto;}
	 }


/* service nouvelle instalation*/

#serv-elec1 {
	position:relative;
	font-family:Calibri, Verdana, Geneva, sans-serif;
	width:100%;
    height: auto;
    overflow:hidden; /* Active le défilement vertical */
    display:flex;
	background: linear-gradient(#fff,#e9ebed);
	margin-bottom:35px;margin-top:25px;
	border-bottom:#CCC solid 1px;padding-bottom:30px;border-radius:25px;
	padding-left:50px;
	padding-right:50px;padding-bottom:100px;
	}
.serv-im {
    width:40%;
    height:auto;
    /*overflow:hidden;*/
    margin-top:50px;margin-left:25px;
	}	
.serv-im img{
     margin-bottom:20px;margin-top:25px;margin-right:50px;border-radius: 7px 7px 7px 7px; display: flex;width:100%;
    flex-direction: column;box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.1);max-width:650px;
	}
.serv-tex {
    position: -webkit-sticky; /* Pour Safari */
    position: sticky;
	width:60%;
    top: 0;
	margin-top: 120px;
	margin-left:50px;
	margin-right:25px;
	right: 0;
	display:block;
	}
.serv-im h2, .serv-im2 h2 {position:relative;left:0px;font-size:30px;font-weight:550;color:#ee2f2e;margin:0;width:345px;}
.serv-tex p, .serv-tex2 p {line-height: 1.7;font-size:20px;color:#333;}
.ligne {position:relative;left:35px;top:0px;margin:0;height:20px;width:100px;border-bottom:2px solid #CCC;}

#serv-elec2 {
	position:relative;
	font-family:Calibri, Verdana, Geneva, sans-serif;
	width:100%;
	background-color:#fff;
    height: auto;
    overflow:hidden; /* Active le défilement vertical */
    display:flex;
	border-bottom:#CCC solid 1px;padding-bottom:30px;border-radius:25px;
    padding-left:50px;
	padding-right:50px;
	}
.serv-im2 {
    max-width:40%;
    height:auto;
    /*overflow:hidden;*/
    margin-top:50px;margin-right:25px;
	}	
.serv-im2 img{
    margin-top:25px;margin-right:auto;border-radius: 7px 7px 7px 7px; display: flex;width:100%;
    flex-direction: column;box-shadow: -8px 8px 10px rgba(0, 0, 0, 0.1);max-width:650px; margin-bottom:20px;
	}
.serv-tex2 {
    position: -webkit-sticky; /* Pour Safari */
    position: sticky;
	width:60%;
    top: 0;
	margin-top: 120px;
	margin-left:25px;
	margin-right:50px;
	margin-bottom:45px;
	right: 0;
	display:block;
	}
  @media (max-width: 800px) {
#serv-elec1 {
	position:relative;
	flex-direction:column;
	padding-left:25px;
	padding-right:25px;
	}
.serv-im {
    height:auto;
	width:100%;
	max-width:608px;min-width:280px;
    /*overflow:hidden;*/
    margin-top:50px;margin-left:auto;margin-right:auto;
	}	
.serv-im img{
     margin-bottom:0px;margin-top:25px;margin-right:auto;margin-left:auto;border-radius: 7px 7px 7px 7px; display: flex;width:100%;
	}
.serv-tex {
    position:relative;text-align: center;
	width:100%; top: 0;
	margin-top: 60px;margin-left:auto;margin-right:auto;
	display:block;
	}
.serv-im h2, .serv-im2 h2 {position:relative;left:0px;font-size:30px;font-weight:550;color:#ee2f2e;margin:0;width:345px;}
.serv-tex p, .serv-tex2 p {line-height: 1.7;font-size:20px;color:#333;}
.ligne {position:relative;left:35px;top:0px;margin:0;height:20px;width:100px;border-bottom:2px solid #CCC;}

#serv-elec2 {
	position:relative;
	width:100%;
    display:flex;flex-direction: column-reverse;
    padding-left:25px;
	padding-right:25px;
	}
.serv-im2 {
    height:auto;
	width:100%;
	max-width:608px;min-width:280px;
    /*overflow:hidden;*/
    margin-top:50px;margin-left:auto;margin-right:auto;
	}	
.serv-im2 img{
    margin-bottom:0px;margin-top:25px;margin-right:auto;margin-left:auto;border-radius: 7px 7px 7px 7px; display: flex;width:100%;
	}
.serv-tex2 {
    position:relative;text-align: center;
	width:100%; top: 0;
	margin-top: 60px;margin-left:auto;margin-right:auto;
	display:block;
	}