@charset "utf-8";

body{align-content: center;
	width: 1280px;
	max-height:auto;
	margin: auto;
	background-image: linear-gradient(45deg,#fcd586, #d0e3dd);
	background-color:#e9dcc0;

}


#mise_page{
	 white-space: 1280px;
	 height: auto;
}

				/* FLECHE bas de page vers le haut de page*/
				#scrollUp{
					position: relative;
					top:40px;
					left: 150px;
					width: 30px;
					opacity: 0.5;
					}
								
					
					/*POSITION devis gratuit sur les pages plomberie et electricite*/
					
					.devis_gratuit_position {
					z-index: 0;
					position:fixed;
					right: -15px;
					top:300px;
					transform: rotate(-90deg);	
					font-size:3em;
					color: red;
					font-weight: bold;
					}
/*PAGE ELECTRICIQUE*/
					.introduction{
						align-content: center;
						position: relative;
						width: 1200px;
						font-size: 1.05em;
						margin:30px 0px 0px 30px;
					}
					.titre-section{
						position: relative;
						left:30px;
					}
					/* section1*/
					#section_chambre{
						position: relative;
						width: 1280px;					
						height: auto;
						margin-left: 50px;
					}
					#chambre_avant{
						position: relative;
						width: auto;
						height: auto;    
					}
					.photo_elec_chambre{
						position: relative;						
						width: 100px;
						height: 150px;    
					}
					#position_text_chambre{
						position: relative;
						left: 30px;
						width: 750px;
					}
					.text_chambre{
						position:relative;
						font-size: 1.05em;
					}
					.position_text_condensateur{
						position: relative;
						left: 50px;
						width: 200px;
					}
				
					#chambre_apres{
					position: relative;
					left: 50px;
					
					}
					.photo_elec2_chambre{
						position: relative;
						width: 200px;
						height: 100px;    
					}
					/*fin section1*/
					/*Section2*/
					#tableau_elec{
						position: relative;
						white-space: normal;
						height: auto;
					
					}
					.text_tableau{
						width: 1200px;
						position: relative;
						font-size: 1.05em;
						margin:30px 0px 0px 30px;
					}
					.schema_tableau{
						position: relative;
						left: 15%;
						background-color: white;
					}
					/*section2 section tableau*/
					.tab_equipement{
						position:relative;
						background-color: white;
						top: 11px;
						left:32px;
						width: 600px;
						height: auto;
										
					}
					.tab_equipement1{
						position:relative;
						background-color: white;
						left:28px;
						width: 600px;
						height: auto;
					}
					.schema_tableau_info{
						position: relative;
					left: 15%;
					background-color: white;
					}
					.legende{
					position: relative;
					left: 15%;
					background-color: white;

					}
					#tab_prise_info{
						position:relative;
						left: 25%;
						
					}
					.prise_info_a_b{
						position: relative;
						width: 150px;
						height: auto;
					
					}
					.peince_rj45 {
						position: relative;
						width: 150px;
						height: auto;
					
					}
					.cordon_droit {
						position: relative;
						width: 200px;
						height: auto;
					
					}
					.fiche_rj45{
						position: relative;
						width: 100px;
					}
					.portail_coulis{
						position: relative;
						width: 150px;
						height: 100px;
						left: 30px;
					}
					.photo_logiciel{
						position: relative;
						left: 10px;
						width: 300px;
					}
					.tableau_volume_douche{
						position: relative;
						left:8%;
						width: 950px;

					}
					.legende_volume_douche{
						position: relative;
						left: 30px;
					}

	/*PAGE PLOMBERIE*/
				/* artcle presentation plomberie*/
					#article_plomberie_text_presentation{
						position: relative;
						width: 1280px;					
					}
					.text_presentation_plomberie{
						position: relative;
						margin-top: 40px;
						margin-left:25px;
						width: 1230px;
						font-size: 1.05em;
						text-align: left;
					}
					.enveloppe{
						position:relative;
						width:20px;
					}
				/*Tableau travaux réalise*/
					.travaux_realise_plomberie{
						position: relative;
						margin-top: 20px;
						margin-left:25px;
						width: 1230px;
						font-size: 1.05em;
						text-align: left;
					}
				/* Position des photo Plomberie*/
					.titre_tab_plomberie{
						margin-top: 100px;
						margin-left:100px;
						font-size: 1.6em;
						font-weight: bold;
						
					}
					.text_trav_real{
						position: relative;
						left: 20px;
						width: 300px;
						font-size: 1.05em;
						text-align: justify;
						padding-left: 10px;
						padding-right: 10px;
					}
					#ballon_tartre{
						position: relative;
						left: 400px;
					}
					#ballon_tartre .text_ballon_tartre{
						position: relative;
						left: 50px;
						width: 400px;
						font-size: 1.05em;
						text-align: justify;
						padding-left: 10px;
						padding-right: 10px;
					}
					#ballon_tartre .ballon_tartre{
						position: relative;
						left: 20px;
						top: 25px;
						width: 200px;
						height: auto;
					}
					#resistance{
						float:right;
						position: relative;
						right: 30px;
						top:-275px;
					}
					.mise_en_page_tab_plomberie{
						position:relative;
						left: 20px;
						width: 700px;
						font-size: 1.05em;
						text-align: justify;
						padding-left: 10px;
						padding-right: 10px;	
					}
					.mise_en_page_tab_SDB{
						position: relative;
						left: 20px;
						width: 310px;
						font-size: 1.05em;
						text-align: justify;
						padding-left: 40px;
						padding-right: 10px;
					}
					.dim_tab_photo_SDB1{
						position: relative;
						left: 80px;
						width: 400px;
						font-size: 1.05em;
						text-align: justify;
						padding-left: 10px;
						padding-right: 10px;
					}
					.dim_tab_photo_plomberie{
						position: relative;
						left: 20px;
						float:left;
						width: 200px;
						height: auto;
					}
				
				/*titre Norme Tuyauterie*/
					.Normes_diametre{
						position:relative;
						left:20px;
					}
				.mise_en_page{
					position: relative;
					left:30px;
					font-size: 1.05em;
				}
				
				

				/* dimensionnement tableau dimensionnement bollan eau chaude*/
				.dimensionnement{
					position:relative;
					margin-left:25px;
					margin-top: 100px;
				}
				.titre_3{
					position:relative;
					margin-left: 15px;
					margin-top: 100px;
				}
				/*taille image chauffe eau*/
				.img_chauffe_eau{
					position:relative;
					width: 10%;
					left:750px;
					top:-90px;
				}
				

/*PAGE SOLAIRE*/

					#ballon_solaire{
						position: relative;
						width: 1280;
					}
					#ballon_solaire .solaire3{
						position: relative;
						right: -285px;
						float:right;
						width: 200px;
						height: auto;
					}
					#douche .text_bac_douche{
						position: relative;
						left: 125px;
						width: 300px;
					}
					#douche .photo_douche_n{
						position: relative;
						float: right;
						right: -428px;
						width: 200px;
						height:auto;
					}
					/* tab photo coté droit*/
					.dim_tab_photo_plomberie1{
						position: relative;
						float: right;
						right: -128px;
						width: 200px;
						height:auto;
						
					}
					.dim_tab_photo_SDB1{
						position: relative;
						left:45px;
						width: 200px;
						height:auto;
					}
				/*Mise en place schema Ballon solaire page plomberie*/
					.schema_panneau_solaire{
						position:relative;
						left:400px;
						width: 400px;
					
					}
					.tab_diam_tuyau{
						position:relative;
						/*background-color: white;*/
						top: 40px;
						left:40px;
						width: 600px;
					}
					.tab_diam_tuyau1{
						position:relative;
						/*background-color: white;*/
						top: 40px;
						right:-50px;
						width: 600px;
					}
					.tab_diam_tuyau2{
						position:relative;
						/*background-color: white;*/
						top: 40px;
						left:40px;
						width: 600px;
					}

	/*CLIMATISATION*/
				/*schema pompe a chaleur page climatisation*/
					.schema_pompe{
						position:relative;
						left:300px;
						width: 600px;	
						
					}
					
	
/*Pages PUBLICITE*/
/*Imagesflyer publicité faite*/
					.dim_tab_pub{
						position: relative;
						height:auto;
					}
					.flyer{
						position:relative;
						left:150px;
						width: auto;
						height: 300px;
					}
					.titre_pub_flyer{
						margin-left: 380px;
					}

/* page qui nous sommes*/
		/* Titre page qui somme nous formulaire contact*/
					.titre_page_some{
						position: relative;
						align-content: center;
						justify-content: center;
					}
					.sect_qui_nous_somme{
						position:relative;
						width:800px;
						height: auto;
						left:250px;
					}
					.titre_qui_nous_somme{
						position: relative;
						padding-top:25px;
						font-size:1.6em;
					}
					aside{
						position: relative;
						width:100%;	
					}
					.mr_marques{
						position: relative;
						left:400px;	
					}
								
				
/*fin de page qui nous somme*/



/*PAGES DIVERS*/
		/* mise en page photo et texte de la page*/
	
					/*section sdb*/
					#salle_de_bain{
						position:relative;
						height: auto;
						top: 25px;
						
					}
					.text_sdb_divers{
						position: relative;
					left: 20px;
					width: 310px;
					font-size: 1.05em;
					text-align: justify;
					padding-left: 40px;
					padding-right: 10px;
				
					}
					/*1er ranger de photos*/
					.photo_centree{
						position:relative;
						left:250px;
					}
					.photo_sdb_divers{
						position:relative;
						left:35px;
						width: 200px;
						height: auto;
					}
					.photo_sdb_divers3{
						position:relative;
						margin-left:5px;
						left: 305px;
						width: 200px;
						height: auto;
					}
					
					.photo_sdb_divers1{
						position: relative;
						margin-left:5px;
						left: 35px;
						width: 200px;
						height: auto;
					}
					/* Mise en place titre Avant et Apres sur cuisine*/
				.titre_2{
						position:relative;
						margin-left: 15px;
					}
				.avant, .apres{
					position: relative;
					margin-left: 65px;				}
				
/*formulaire contact*/
					#contenu {
						display: flex;
						margin-top: 80px;
						margin-left: 300px;
						margin-bottom: 10px;
						width: 800px;
						height: 300px;
						border: 1px solid #222222; 
						


					}
					#contenu h1{
						position:relative;
						top:5px;
						left: 10px;
						font-size:1.2em;
						
					}
					#contenu fieldset{
						position: relative;
						top: 50px;
						max-height: 245px;
					}

					label {
					display:block; /*La balise devient de type block*/
					width:150px; /*Cette largeur sert d'exemple, vous pouvez la modifier si vous voulez*/
					float:left;
					text-align:left;
					padding-right:5px;
					margin-bottom:2px; 
					}
					#formulaire_contact> textarea{
						position: relative;
						width:380px;
						max-height:50px;
						max-width: 40px;
					}
					#pseudo, #email,#site{
						position: relative;
						width: 380px;
					}
/* Fin mise en page formulaite contact*/

.referencement{
	visibility: hidden;
	display: none;
}