body{
	font-size: 15px;
	font-family: trebuchet ms;
	line-height: 17px;
	color:#2b2b2b;
}

.retour{
	clear: both;
}

/*--------------------- HEADER ---------------------*/
#topnav{
	margin: 20px;
	text-align: center;
	width: 800px;
}

	#menu a{
		float: left;
		display: block;
		line-height: 40px;
		color:#2b2b2b;
		text-decoration: none;
		padding: 0 15px 0 15px;
		text-transform: uppercase; 
	}

		#menu a:hover{
			color:#de833a;
			text-decoration: underline;

		}

/*--------------------- CONTAINER ---------------------*/
.container{
	width: 1140px;
	margin: auto;
	padding-top: 30px;
}
.col2{
	float: left;
	width:47%;
	margin:0 1.5% 0 1.5%;
}
	.col3{
		float: left;
		margin: auto;
		display: block;
		margin: 1% 1.5% 1% 1.5%;
		width: 30%;
	}

		.col4{
			float: left;
			margin: auto;
			display: block;
			margin: 0 1.5% 0 1.5%;
			width: 22%;
		}

	#logo{
		width:25%;
		float: left; 
	}

		#logo p{
		color:#2b2b2b;
		font-size: 15px; 
		}

		#titre{
			width: 50%;
			float: left;			
			margin:30px 0 0 0;
			text-align: center;
		}

		#titre h1{
			color: #de833a;
			font-size: 30px;
			margin-bottom: 10px;
		}

			#titre p{
				color: #2b2b2b;
				font-size: 18px;
			}

			#tel{
				width: 25%;
				float: left;
				margin-top: 50px;
			}

			#tel p{
				font-size: 16px;
				text-align: center;
				padding: 4px;
				margin-left: 10px;				
				border:1px solid #de833a;
				color: #de833a;
			}



	.container_imageheader{
		background: url(images/header.png);		
		height: 400px;
		margin: auto;
		text-align: center;
		margin-top: 30px;
	}

		.container_imageheader p{
			color: white;
			text-transform: uppercase;
			font-size: 17px;
			text-align: center;
			padding: 10px;
			/*border:1px solid white;*/
			
		}

			.container_imageheader h2{
				color: white;
				text-align: center;
				text-transform: uppercase;
				font-size: 26px;
				font-weight: bold;
				padding-top: 150px;
				line-height: 40px;
			}

.partenaires{
	text-align:center;
	padding-bottom: 20px;
}

	.partenaires h1{
		font-weight: bold;
		text-transform: uppercase;
		color: black;
		margin-bottom: 50px;

	}
/* ----------------------- FOND GRIS --------------- */

.fondgris{
	background-color: #d6d6d6;
	margin-bottom: auto;
}

	.fondgris a{
			text-align: center;
			text-transform: uppercase;
			color: white;
			border:1px solid white;
			padding: 4px;
			text-decoration: none;
		}

	/*.container-fondgris{
		margin: auto;
		width: 1140px;
		padding-bottom: 20px;
	}*/
	
		/*.container-fondgris a:hover{
			color: white;
			border-style: none;		
		}*/

	/* ------------------------- IMAGES ---------------------- */

	#mur{
		background: url(images/mur.png);
		text-align: center;
		color: white;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 12px;
		width: 330px;
		padding-top: 145px;
		height: 204px;
	}

		#solcopie{
			background: url(images/solcopie.png);
			text-align: center;
			color: white;
			font-weight: bold;	
			text-transform: uppercase;
			font-size: 12px;
			float: left;
			width: 330px;
			padding-top: 145px;
			height: 204px;
		}

			#plafond_tendu{
				background: url(images/plafond_tendu_copie.png);
				text-align: center;
				color: white;
				font-weight: bold;
				text-transform: uppercase;
				font-size: 12px;
				float: left;
				width: 330px;
				padding-top: 145px;
				height: 204px;
			}

	#plafond_suspendu{
		background: url(images/plafond_suspendu_copie.png);
		text-align: center;
		color: white;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 12px;
		float: left;
		width: 330px;
		padding-top: 145px;
		height: 204px;
	}

		#isolation{
			background: url(images/isolation_copie_2.png);
			text-align: center;
			color: white;
			font-weight: bold;
			text-transform: uppercase;
			font-size: 12px;
			float: left;
			width: 330px;
			padding-top: 145px;
			height: 204px;
		}

			#materiaux{
				background: url(images/plafond_suspendu_copie.png) no-repeat;
				text-align: center;
				color: white;
				font-weight: bold;
				text-transform: uppercase;
				font-size: 12px;
				float: left;
				width: 330px;
				padding-top: 145px;
				height: 204px;
				border:none;	
			}

				
/* ----------------------- FOND ORANGE --------------- */
.fondorange{
	background-color: #f5b950;
	margin: auto;
	text-align: center;
	padding: 0 0 30px 0;
}

		.fondorange h1{
			color: white;
			text-transform: uppercase;
			text-align: center;
			margin-bottom: 30px;
			padding-bottom: 30px;
			font-size: 18px;
			font-weight: bold;
		}

/* ---------------- FOOTER -------------- */
.fondnoire{
	background-color: #2b2b2b;
	/*margin-bottom: 30px;*/
	height: 200px;
	padding-top: 20px;
	margin-top: 20px;
}

	.fondnoire h1{
		font-size: 14px;
		font-weight: bold;
		color: #f5b950;
		text-transform: uppercase;
		margin-bottom: 10px
	}

		.fondnoire a{
			color: white;
			font-size: 14px;
			text-decoration: none;
			line-height: 18px
		}



/* ---------------- PRESTATION -------------- */
.prestation h1{
	text-transform: uppercase;
	color: grey;
	text-align: center;
	font-size: 18px;
	margin-bottom: 50px;
}

	.prestation ul{
	list-style: disc;
	line-height: 20px;
	color: grey;
	margin-top: 50px;
}

	.prestation img{
		width: 260px;
	}


/* ---------------- PRESTATION -------------- */
.contact h1{
	text-transform: uppercase;
	color: grey;
	text-align: center;
	font-size: 18px;
	margin-bottom: 30px;
}

	.contact h2{
		font-weight: bold;
		text-align: right;
		color: grey;
		margin-bottom: 15px;
		padding-top: 6px;
	}

		.contact ul{
			text-align: right;
			line-height: 20px;
			color: grey;
			text-align: right;
		}

.contact img{
	margin-right: 4px;
}
/*--------------------- CONTACT ---------------------*/


#form{
	font-size: 15px;
	margin: auto;
	color: grey;
	padding: 0px 0 50px 0;
}





#form input, #monform select{
	width: 100%;
	height: 40px;
	border: #de833a 1px solid;
}


#form label{
	display: block;
	letter-spacing: 1px;
	line-height: 30px;
	/*color: #de833a;*/
}

#form textarea {
	width: 100%;
	height: 224px;
	resize: none;
	border:#de833a 1px solid;
}

#form input[type="submit"] {
	border: #de833a 1px solid;
	width: 100px;
	background-color: white;
	border-color: #de833a;
	text-align: center;
	margin-top: 20px;
	color: #de833a;
	font-weight: bold;

	float: left;
	margin-left: 90px;
	margin-bottom: 100px;
}

.envoyer{
	text-align: center;
}


#form p{
	margin-bottom: 20px;
}