/* formulaire ---*/

input, textarea, select {
    border: none;
	border-radius:5px;
    outline: none;
}
input, textarea { width: 100%; padding: 10px; margin: 5px 0 15px 0; }
        input[type=submit] { background-color: #4CAF50; color: white; border: none; cursor: pointer; }

.text-cont {
	margin-bottom: 65px;
	position: relative;
	display:flex;
	width:100%;
	text-align:center;
	flex-direction: column;
	}
 .text-cont-bas   {
	margin-bottom: 65px;
	position: relative;
	display:flex;
	width:100%;
	text-align:center;
	flex-direction: column;
	}



#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;	
	background: linear-gradient(#fff,#eaeff6);
	border-bottom:#CCC solid 1px;border-radius:25px;
	}
#cont-text-e {
	max-width:1170px;
    height:auto;
	text-align:left;
    margin: 0 auto;
    border-top:#CCC solid 1px;
    padding-top:30px;border-radius:25px;padding-right:45px;padding-left:45px;
	
   }
 

 
text-cont img {display:block;position:absolute:right:150px;} 
 
#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:#555;margin-left:0px;line-height:35px;width:100%;}
#text-elec p strong{font-weight:600;} 

/* Pour la plupart des navigateurs modernes */
input::placeholder {color:#999; /* Remplacez red par la couleur désirée */opacity: 1; /* Force la couleur à être opaque sur Firefox */}
/* Pour Internet Explorer 10-11 */
input:-ms-input-placeholder {color:#999;}
/* Pour Edge (anciennes versions) */
input::-ms-input-placeholder {color:#999;}

#text-elec input {height:auto;width:100%;font-size:16px;color:#333;}
#text-elec select {height:35px;width:auto;font-size:16px;color:#333;}
#text-elec form {position:relative;width:100%;height:auto;font-size:16px;}
#text-elec textarea {height:200px;width:100%;font-size:16px;}
.label-c {width:20%;}

option {color:#555;}

#cont-text-e #envoyer-c input{width:100px;height:40px;border-radius:25px;color:#fff;background:#CCC;}

#cont-text-e #envoyer-c {position:relative;display: flex;max-width:1170px;margin: 0 auto;height:auto;
 justify-content: flex-end; /* Aligne tous les enfants à droite */}

.pol {right:0px;text-align:left;margin:0px 0px 20px 190px;font-family:Calibri, Verdana, Geneva, sans-serif;font-size:16px;color:#555;position:relative;top:-30px;
      width:1170px;height:60px;
}

.champ {
	width:100%;gap: 25px;
	display: flex;
    justify-content: center; /* Aligne les enfants horizontalement au centre */
	}

.nom-pre {
	display:flex;
	width:100%;
	height:auto;
	margin:0px;padding:0px;
    justify-content: center; /* Aligne les enfants horizontalement au centre */
	}   
   


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

 @media (max-width: 800px) {
	.nom-pre {
	width:100%;
	height:auto;
	margin:0px;padding:0px;
	display: flex;
	flex-direction: column;
	}  
	.champ {
	width:100%;gap: 25px;
	display: flex;
	flex-direction: column;
	}
	.pol {width:100%;right:0px;text-align:center;margin:15px 0px 50px 0px ;font-family:Calibri, Verdana, Geneva, sans-serif;font-size:16px;color:#555;}
 }
 
@media (max-width: 600px) {
#text-elec {margin-bottom:50px;}

#cont-text-e {
	max-width:1170px;
    height:auto;
	text-align:left;
    margin: 0 auto;
    border-bottom:#CCC solid 1px;
    border-top:#CCC solid 1px;
    padding-top:30px;border-radius:25px;padding-right:15px;padding-left:15px;	
   }
#cont-text-e .text-cont-bas p {font-size:18px;}
}