@charset "utf-8";
/* CSS Document */


/* body */

body {
	font-family: "Trebuchet MS"; 
	font-size: 13px; 
	width: auto;
	margin: auto;
}


.retour {
	clear: both
}


p {
	margin-bottom: 10px;
	line-height: 140%;
}

/* Header */


.container {
	width: 1140px;
	margin: auto;
	text-align: center;
}


#logo {
	width: 25%;
	float: left;
	padding: 20px 0px 20px 0px;
	}


#titre {
	width: 50%;
	float: left;
	padding: 30px 0px 30px 0px;
}

#titre h1 {
	font-size: 60px;
	color: #f3ad36;
	padding-bottom: 10px;
	letter-spacing:-1px;
	
}

#titre h2 {
	padding-bottom: 10px;
	line-height: 140%;
	font-size: 16px;
}

#tel {
	width: 25%;
	float: left;
	color: #de833a;
	font-size: 20px;
	padding: 70px 0px 20px 0px;
}

.num {
	border: solid 1px #de833a;
	padding: 10px 10px 10px 10px;
	color: #de833a;
	font-weight: bold;
	
}

#tel a {
	text-decoration: none;
	color: #de833a;
}

h1 {
	font-family: 'riffic_freebold';
}


h2 {
	
}


/* Header/Head */


#head {
	height: 564px;
	background: url("images/header/photo_header.png") center no-repeat;
	text-transform: uppercase;
}


#head h3 {
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	color: white;
	padding: 200px 0px 10px 0px;
	line-height: 130%;
}


#head p {
	text-align: center;
	color: white;
	font-size: 22px;
	padding: 10px 0px 10px 0px;
	font-family: 'montserratthin';
	font-weight: bold;
	border: solid 1px white;
	width: 400px;
	margin: auto;
	margin-top: 30px;
}

#head p:hover{
	opacity: 80%;
	transform: scale(105%);
}

#head a {
	text-decoration: none;
	color: white;
	transition: all 100ms;
}


/* Header/Nav */

nav {
	margin: auto;
	text-align: center;
	height: 67px;
}


nav a {
	float: left;
	display: block;
	text-decoration: none;
	color: black;
	font-size: 18px;
	margin: 0 58px; 
	transition: all 100ms;
	/* padding-bottom: 1px; */
	padding: 25px 0px 5px 0px;
}


nav a:hover {
	color: #ffa11b;
	border-bottom: 1px solid;
	transform: scale(105%);
}




/* Footer */


footer {
	height: 270px;
	background: #303030;
	color: white;
}

.col4 {
	width: 25%;
	float: left;
	text-align: left;
}

footer h4 {
	color: #f3ad36;
	font-size: 14px;
	margin: 40px 0px 20px 0px;	
	font-weight: bold;
}

footer p {
	line-height: 100%;
}

.saut_ligne{
	padding-bottom: 20px;
}


footer a {
	text-decoration: none;
	color: white;
}

.copyright {
	margin: 30px 0px 0px 0px;
}






/* GALERIE PRESTATION */


.bg_gris {
	background: #e3e3e3;
}

.col3 {
	width: calc((100%/3)-30px);
	margin: 15px;
	float: left;
}

#prestation {
	text-transform: uppercase;
	padding: 20px 0px;
	
}

#prestation a {
	color: white;
	text-decoration: none;
	line-height: 1850%;
	font-size: 19px;
	transition: all 400ms;
	
}

#prestation a:hover {
	border: 1px solid white;
	/* font-size: 20px; */
	padding: 5px 10px;
}

#marge_haut {
	padding-top: 30px;
	padding-bottom: 30px;
}



#revetement_murs {
	background:url("images/galerie_revetement_mur/img_revetement.jpg") center no-repeat; 
	height: 349px;
	width: 350px;
}


#revetement_sols {
	background:url("images/galerie_revetement_mur/img_revetement_sol.jpg") center no-repeat; 
	height: 349px;
	width: 350px;
}


#plafonds_tendus {
	background: url("images/galerie_revetement_mur/img_plafond_tendus.jpg") center no-repeat; 
	height: 349px;
	width: 350px;
}
	

#plafonds_suspendus {
	background: url("images/galerie_revetement_mur/img_plafonds_suspendus.jpg") center no-repeat; 
	height: 349px;
	width: 350px;
}


#isolations {
	background: url("images/galerie_revetement_mur/img_isolation.jpg") center no-repeat; 
	height: 349px;
	width: 350px;
}


#materiaux_isolants {
	background: url("images/galerie_revetement_mur/img_materiaux-isolants.jpg") center no-repeat; 
	height: 349px;
	width: 350px;
}





/* GARANTIES */

.bg_orange {
	background: #f3ad36;
}

#garanties {
	text-align: center;
	color: white;
	font-size: 18px;
	font-weight: bold;
	padding: 30px 0px 20px 0px;
}


#garanties .col4 {
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 130%;
	margin: 40px 0px 10px 0px;
}

#garanties img {
	margin-bottom: 10px;
}






/* PARTENAIRES */

#partenaires { 
}

#partenaires h2 {
	font-size: 18px;
	text-transform: uppercase;
	color: #333333;
	margin: 30px 0px 20px 0px;
	font-weight: bold;
}

#partenaires h2 span {
	color: #f3ad36;
}


#partenaires .col4 {
	display: block;
	text-align: center;
	margin: 15px 0px 30px 0px;
}





/* PARTENAIRES/ Logos */

#logo_armstrong {
	display: block;
	padding-top: 20px;
}


#logo_gerflor {
	padding-top: 10px;
}


#logo_glassolution {
	padding-top: 16px;
}



#logo_csg {
	padding-top: 10px;
}


#logo_cci {
	padding-top: 20px;
}


#logo_tarkett {
	padding-top: 16px;
}







/* REVETEMENT DE MURS */


#revetement_mur h2 {
	font-size: 25px;
	text-transform: uppercase;
	font-weight: bold;
	color: #666666;
	margin: 80px 0px 80px 0px;
}


.col_photo1 {
	/* width: 25%; */
	float: left;
	margin: 0px 10px 10px 0px;
}


.col_photo2 {
	/* width: 25%; */
	float: left;
	margin-right: 10px;
}


.col_texte {
	width: 46%;
	float: left;
	text-align: left;
	color: #666666;
	font-size: 16px;
	padding-left: 4%;
}


#mur_marron {
	background: url("images/photo_prestation/mur_marron.jpg") no-repeat;
	height: 267px;
	width: 267px;
}


#mur_maison2 {
	background: url("images/photo_prestation/mur_maisonblanche2.jpg") no-repeat;
	height: 267px;
	width: 267px;
}


#mur_maison1 {
	background: url("images/photo_prestation/mur_maisonblanche1.jpg") no-repeat;
	height: 267px;
	width: 267px;
}


#mur_fleurs {
	background: url("images/photo_prestation/mur-fleurs.jpg") no-repeat;
	height: 267px;
	width: 267px;
}



#mur_rouge {
	background: url("images/photo_prestation/mur_rouge.jpg") no-repeat;
	height: 267px;
	width: 267px;
	margin-bottom: 100px;
}

.fa-caret-right:before {
	padding-right: 10px;
}


/* ......................... Contact ..........................*/


#contact h2 {
	font-size: 25px;
	text-transform: uppercase;
	font-weight: bold;
	color: #666666;
	margin: 80px 0px 80px 0px;
}


#contact .formulaire_col1 { 
	width: 45%;
	float: left;
	font-size: 16px;
	text-align: right;
	margin-right: 5%;
	color: #666666;	
}


#contact .formulaire_col1 p { 
	line-height: 120%;
	margin-bottom: 4px;
}


#contact strong { 
	font-weight: bold;
	font-size: 18px;
}


#contact .formulaire_col2 { 
	width: 50%;
	float: left;
}


#formulaire {
	width: 100%;
	font-size: 16px;
	font-family: "Trebuchet MS";
	color: #666666;
}


#formulaire label {
	display: block;
	width: 100%;
	float: left;
	padding-right: 2px;
	margin-right: 2px;
	text-align: left;
	letter-spacing: 0px;
	line-height: 20px;
}




#formulaire input { 
	margin: 3px 0px 10px 0px;
	padding: 8px 8px;
	width: 100%;
	border: #f3ad36 1px solid;
	color: #666666;
	font-family: "Trebuchet MS"; 
} 



textarea {
	width: 100%;
	display: block;
	float: left;
	padding: 8px 8px;;
	margin: 3px 0px 40px 0px;
	text-align: left;
	line-height: 20px;
	border: #f3ad36 1px solid;
	color: #A6A2A2;
	font-family: "Trebuchet MS"; 
	font-size: 15px;
}


#formulaire input[type="submit"]{
	
	display: block;
	text-align: center;
	width: 160px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #f3ad36;
	background-color: white;
	margin-left: 428px;
	margin-bottom: 200px;
	padding: 10px 0px;
}

#formulaire input[type="submit"]:hover{
	cursor: pointer;
	background: #f3ad36;
	color: white;
	border: #f3ad36 solid 2px;
}