body{
	font-family: sans-serif;
}
.container{
	width: 1140px;
	margin: auto;
}
#logo{
	margin-top: 20px;
	width: 25%;
	float: left;
}
.retour{
	clear: both;
}
#titre{
	text-align: center;
	width: 50%;
	float: left;
	margin-top: 20px;
}
#titre h1{
	font-family: sans-serif;
	margin-top: 15px;
	color: #db7e20;
	font-size: 42px;
	margin-bottom: 10px;
	font-weight: bold;
}
#tel{
	width: 25%;
	float: left;
	margin-top: 63px;
}
#tel p{
	color: #de833a;
	font-weight: bold;
	text-align: center;
	margin-top: 8px;
	
}
#teltel{
	margin: auto;
	border: solid 1px #db7e20;
	width: 150px;
	height: 30px;
}
#logotel{
	height: 30px;
	width: 23px;
	float: left;
	background: url("images/pictotel.png")center no-repeat;
	margin-top: 0px;
	margin-left: 8px;
}
.bg_gris{
	background: #e0e0e0;
	float: left;
	width: 100%;
}
#header{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background: url("images/header.jpg")center no-repeat;
	width: 100%;
	height: 600px;
	float: left;
}
#header h1{
	color: white;
	text-align: center;
	font-size: 20px;
	margin-top: 200px;
	line-height: 30px;
	letter-spacing: 2px;
	margin-bottom: 70px;
}
#header span{
	margin-left: auto;
	font-family: sans-serif;
	color: white;
	letter-spacing: 2px;
	font-size: 13px;
	font-weight: lighter;
	border: solid 1px white;
	width: 250px;
	padding: 10px;
}
#header a{
	color: white;
	text-decoration: none;
}
#header span:hover{
	background: #747373;
	color: white;
}
#topnav{
	height: 30px;
	width: auto;
}
#topnav li{
	text-align: center;
	margin: 0 5%;
	float: left;
}
#topnav li a{
	color: black;
	text-decoration: none;
}
#topnav a:hover{
	text-decoration: none;
	display: block;
	color: darkorange;
	border-bottom: solid 1px darkorange;
}
.bg_gris a{
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
	display: block;
}
.bg_gris p{
	text-align: center;
}
.col1{
	margin-left: 15px;
	width: 30%;
	float: left;
}
.col2{
	margin:1%;
	width: 48%;
	float: left;
}
#contact h1{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding-top: 30px;
	padding-bottom: 50px;
}
#liste li{
	text-align: left;
	list-style: url("images/caret-right-solid.svg");
	font-size: 17px;
	line-height: 33px;
}
.col3{
	width: 30%;
	margin: 1.5%;
	float: left;
}
.col3 a:hover{
	border: solid 1px white;
	width: 250px;
	text-align: center;
	padding: 8px;
	display: block;
	margin-left: 40px;
}
.col3 span{
	font-size: 15px;
	margin: auto;
	display: block;
	text-align: center;
	width: 250px;
}
#rm{
	width: 350px;
	height: 200px;
	background: url("images/revetementmur.jpg") center no-repeat;
	padding-top: 150px;
}
#rm p{
	margin: auto;
	display: block;
	text-align: center;
	width: 250px;
	padding: 10px;
}
#rs{
	width: 350px;
	height: 200px;
	background: url("images/revetementsol.jpg")center no-repeat;
	padding-top: 150px;
}
#pt{
	width: 350;
	height: 200px;
	background: url("images/plafondtendu.jpg")center no-repeat;
	padding-top: 150px;
}
#ps{
	width: 350px;
	height: 200px;
	background: url("images/plafondsuspendu.jpg")center no-repeat;
	padding-top: 150px;
}
#iso{
	line-height: 20px;
	width: 350px;
	height: 200px;
	background: url("images/isolation.jpg")center no-repeat;
	padding-top: 150px;
}
#mat{
	width: 350px;
	height: 200px;
	background: url("images/materiaux.jpg")center no-repeat;
	padding-top: 150px;
}
.col4{
	margin-top: 25px;
	width: 25%;
	float: left;
}
.col4_2{
	margin-top: 25px;
	width: 25%;
	float: left;
}
.col4_3{
	width: 25%;
	float: left;
}
.col4_3 h1{
	color: darkorange;
	font-size: 15px;
	margin-bottom: 15px;
}
.col4_3 p{
	color: white;
	font-size: 12px;
	line-height: 15px;
}
#footer h2{
	color: white;
	text-align: center;
	font-size: 10px;
	margin-top: 30px;
}
#footer a{
	color: white;
	text-decoration: none;
}
#footer a:hover{
	color: orange;
	text-decoration: none;
}
#garanties .col4{
	text-align: center;
}
#partenaires .col4_2{
	text-align: center;
}
.bg_orange{
	background: orange;
	width: 100%;
	padding-top: 30px;
	height: 190px;
}
.bg_blanc{
	background: white;
	width: 100%;
	padding-top: 30px;
	height: 120px;
}
.bg_grisnoir{
	background: #292828;
	width: 100%;
	padding-top: 30px;
	height: 170px;
}
.bg_orange h1{
	color: white;
	text-align: center;
	padding-top: 0;
	padding-bottom: 15px;
}
.col4 p{
	padding-top: 10px;
	color: white;
	text-align: center;
	text-transform: uppercase;
}
#partenaires h1{
	text-align: center;
	text-transform: uppercase;
}
#partenaires span{
	color: orange;
	text-transform: uppercase;
}
#rmpage h1{
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 50px;
	padding-top: 50px;
}
#rmpage{
	height: 1000px;
}

/* ------------ contact ---------------- */

#coordonnees{
	text-align: right;
}
#coordonnees h2{
	font-weight: bold;
}
#coordonnees p{
	line-height: 20px;
}
#monform{
	width: 510px;
	font-size: 15px;
}
#monform input[type="text"]{
	width: 100%;
	height: 30px;
	margin-bottom: 20px;
	border: solid 1px darkorange;
}
textarea{
	width: 100%;
	height: 250px;
	border: solid 1px darkorange;
}
#monform input[type="submit"]{
	background: white;
	margin-left: 225px;
	margin-top: 30px;
	padding: 7 20;
	font-size: 17px;
	color: darkorange;
	border: solid 1px darkorange;
}
#monform input[type="submit"]:hover{
	background: #C4C3C3;
}
#coordonnees img{
	width: 17px;
	height: 17px;
	padding-right: 3px;
}