/* CSS Document */
.retour{
	clear:both;
}
body{
	width: 1140px center;
}

.container{
	width: 1140px;
	margin: auto;
}
.col2{
	width: 47%;
	float: left;
	margin-bottom: 20px;
}
.col3{
	width: 30%;
	float: left;
	text-align: center;
}
.col4{
	width: 25%;
	float: left;
}
/*header................................................................................*/

/*bandeau haut*/

#logo{
	width: 25%;
	float: left;
}
#titre{
	width: 45%;
	float: left;
	padding-top: 25px;
}
#titre h3{
	font-size: 20px;
}
#tel p{
	width: 25%;
	float: left;
	padding-top: 40px;
	text-align: center;
	margin-left: 5px;
	padding-left: 5px;
	color: orange;
	font-family: "montserratthin";
	font-weight: bold;
	font-size: 25px;
}
h1{
	color: orange;
	font-weight: bolder;
	font-size: 40px;
	text-align: center;
	padding-bottom: 20px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, 'sans-serif';
}
/*image header*/

#home{
	background-image: url("images/picto/header.jpg");
	height: 364px;
	text-align: center;
	color: white;
	font-size: 30px;
	padding-bottom: 20px;
	padding-inline:20px;
	text-transform: uppercase;	
}
#home a{
	border: 1px solid #F9F4F4;
	color: white;
	text-decoration: none;
	margin-top: 200px;
	transition: all 200ms;
	font-size: 20px;
	padding: 20px;
}
#home a:hover{
	font-size: 30px;
	
}
#home h2{
	padding-bottom: 100px;
	padding-top: 69px;
	font-family: "montserratthin";
	font-weight: bold;
}
h3{
	font-size: 25px;
	text-align: center;
	font-family: "montserratthin";
	font-weight: bold;
	padding-bottom: 20px;
}
/*menu*/

#nav a{
	float: left;
	display: block;
	text-decoration: none;
	color: black;
	font-size: 15px;
	font-family: "montserratthin";
	font-weight: bold;
	text-align: center;
	transition: all 200ms;
	text-transform: uppercase;
	margin: 20px 20px 20px 20px;
}
#nav a:hover{
	color: orange;
	font-size: 20px;
}
#nav ul{
	width: 900px;
	margin: auto;
}

/*index................................................................................*/

/*prestation*/



.container p{
	text-decoration: none;
	text-align: left;
	color: orange;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 18px;
	text-transform: uppercase;
}
/*prestation*/

.bg_grisclair{
	background-color: lightgrey;
	padding-top: 30px;
	height: 800px;
}
#prestation{
	text-align: center;
}
#prestation a{
	display:block;
	padding-top: 150px;
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
}
#prestation h3{
	margin: auto;
	font-size: 16px;
	font-weight: bold;
	width: 220px;
	padding-top: 15px;
}	
#prestation h3:hover{
	color: orange;
	border:1px solid orange;
}
#rm{
	background: url("images/photo/revetement-mur.jpg") no-repeat ;
	height:350px;
	margin: 17px;
}
#rs{
	background:url("images/photo/revetement-sol.jpg") no-repeat;
	margin: 17px;
	height:350px;
	
}
#pt{
	background:url("images/photo/plafond-tendu.jpg") no-repeat;
	margin: 17px;
	height:350px;
	
}
#ps{
	background:url("images/photo/plafond-suspendus.jpg") no-repeat;
	margin: 17px;
	height:350px;	
}
#iie{
	background:url("images/photo/isolation.jpg") no-repeat;
	margin: 17px;
	height:350px;
}
#mip{
	background:url("images/photo/materiaux-isolants.jpg") no-repeat;
	height:350px;
	margin: 17px;
}
strong{
	color: orange;
	font-weight: bold;
}
/*garantie*/

.bg_orange{
	background-color: orange;
	background-size: cover;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 150px;
}
#garantie h2{
	padding-top: 10px;
	color: white;
	text-transform: uppercase;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	font-family: "montserratthin";
	padding-bottom: 20px;
}
h4{
	color: white;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	font-family: "montserratthin";
	font-weight: bold;
}
/*partenaire*/

h5{
	color:black;
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	font-family: "montserratthin";
	font-weight: bold;
	margin-top: 40px;
	padding-bottom: 20px;
}
.partenariat{
	padding-bottom: 10px;
	padding-top: 10px;
}
#partenaire{
	padding-top: 30px;
}

/*revetement................................................................................*/

#photo img{
	margin: 0 1.5% 2.5% 0.5%;
	width: 95%;
}
#liste p{
	color: grey;
	text-transform: none;
	margin: 10px	
}
/*fiche contact................................................................................*/
span{
	color: grey;
	display: block;
	font-weight: bolder;
	font-size: 35px;
	text-align: center;
	margin-top: 15px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	margin-bottom: 20px;
}
#contact p{
	color: darkslategrey;
	font-weight: bold;
	font-size: 15px;
	padding-top: 25px;
	
}
#contact label{
	background-color: white;
	display: block;
	letter-spacing: 2px;
	
}
#contact input[type="text"]{
	margin-top: 10px;
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;
}
#contact input[type="email"]{
	margin-top: 10px;
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;
}
#contact textarea{
	margin-top: 10px;
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;	
}
#contact input[type="submit"] {
  border: 1px solid #666;
  font-size: 15px;
  color: #666;
  background: white;
  width: 200px;
  margin:auto;
  padding: 15px;
  font-weight: bold;
  display: block;
}
#contact input[type="submit"]:hover{
  color: orange;
  background: #666;
  cursor: pointer;
}
#infocontact p{
	text-align: right;
	padding-right: 30px;
	line-height: 120%;
	color: grey;
}

/*footer................................................................................*/

.bg_gris{
	background-color:dimgrey;
	margin-top: 300px;
	background-size: cover;
	padding: 40px;
}
#containerfooter a{
	text-decoration: none;
	text-align: left;
	color: white;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	padding-top: 40px;
	font-size: 18px;
	line-height: 140%;
	transition: all 200ms;
}
#containerfooter a:hover{
	color: orange;
	font-size: 25px;
}
#basdepage h6{
	text-align: left;
	color:orange;
	text-transform: uppercase;
	font-size: 20px;
	font-family: "montserratthin";
	font-weight: bold;
	padding-bottom: 25px;
}

#container footer p{
	color:orange;
	text-transform: uppercase;
	font-size: 20px;
	font-family: "montserratthin";
	font-weight: bold;
	padding-bottom: 25px;
	padding-left: 450px;
}
#basdepage p{
	text-decoration: none;
	text-align: left;
	color: white;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 18px;	
	text-transform: none;
}
#garantie .col4{
	text-align: center;
}