@font-face {
    font-family: lovelo;
    src: url("/fonts/Lovelo_Black.otf");
}

.text-facebook-grey, .text-facebook-grey:focus, .text-facebook-grey:visited {
	color: #666;
}

.text-facebook, .text-facebook:focus, .text-facebook:visited {
	color: #fff;
}

.text-facebook:hover,.text-facebook-grey:hover {
	color: #3b5998;
}

.animation-slow {
    -webkit-transition: all ease .3s;
       -moz-transition: all ease .3s;
         -o-transition: all ease .3s;
            transition: all ease .3s;
}

.flag {
	width: 25px;
	height: 15px;
}

.frame-flag-mobile {
	text-align: center;
	height: 70px;
	line-height: 70px;
	text-decoration: none;
}

.frame-flag-mobile .flag {
	width: 50px;
	height: 40px;

}

.logo {
	height: 100%;
}

.navbar-nav li a {
	padding-top: 0;
	padding-bottom: 0;
	color: #666;
	display: block;
}

.navbar-brand {
	height: 65px;
	margin: 3px 0;
	padding-left: 0;
}

.navbar {
	margin: 0;
}

.navbar-toggle {
	border-color: #ccc;
	margin-top: 17px;
	margin-right: 0;
}

.navbar-nav li, .navbar-nav li a {
	line-height: 70px !important;
}

.navbar-nav li a:before {
	margin-top: 45px;
	width: 0px;
	height: 1px;
	background-color: #998675;
	content: "";
	position: absolute;
}

.indicators-line > .carousel-indicators {
	text-align: center;
	width: 100%;
	right: 0;
}

h1,h2,h3,h4 {
	font-family: "lovelo";
	color: #666;
}

.title {
	position: relative;
	font-size: 50px;
}

.title:before {
	margin-top: 50px;
	width: 40px;
	height: 3px;
	background-color: #998675;
	content: "";
	position: absolute;
}

.logo-accueil {
	height: 100px;
}

.carousel {
	margin-bottom: 10px;
}

.nav-revetement>li.active>a {
 background-color: #eee !important;
}

.ligne-logo-fournisseur {
	padding-top:20px;
	padding-bottom: 20px; 
}

.ligne-logo-fournisseur img {
	height: 50px;
}

.img-realisation {
	height:190px; 
	background-size:cover; 
}

.img-gallery {
	height:120px; 
	width: 100%;
	background-size:cover;
}

@media (min-width: 781px) {

	.navbar {
		height: 70px;
		line-height: 70px;
		margin: 0;
		padding: 0;
	}

	.navbar-header, .navbar-nav, .navbar-nav li, .navbar-nav li a {
		height: 70px;
		line-height: 70px;
	}

	
	.navbar-nav li a:hover {
		background:none;
		color: #998675;
	}

	.navbar-nav li a:hover,.navbar-nav li a:before, .animation {
	    -webkit-transition: all ease .3s;
	       -moz-transition: all ease .3s;
	         -o-transition: all ease .3s;
	            transition: all ease .3s;
	}

	

	.navbar-nav li a:hover:before {
		margin-top: 45px;
		width: 20px;
		height: 1px;
		background-color: #998675;
		content: "";
		position: absolute;
	}

	.dropdown-menu {
		margin-top: 10px !important;
		border-top: 3px solid #998675; 
		display: block;
		opacity: 0;

		-webkit-transition: all ease .3s;
	       -moz-transition: all ease .3s;
	         -o-transition: all ease .3s;
	            transition: all ease .3s;
	}

	.dropdown:hover .dropdown-menu {
	    opacity: 1;
	    margin-top: 0px !important;
	 }

}



.icon-bar {
	background-color: #ccc;
}

.header1, .header1 a {
	background-color: #333;
	color: #fff;
	height: 42px;
	line-height: 42px;
	font-size: 10px;
	text-decoration: none;
}

.header2 {
	background-color: #fff;
}

.footer1 {
	background-color: #333;
	color: #fff;
	padding: 30px 0;
	margin-top: 50px;
}

.footer1 p {
	color: #ecf0f1;
}

.footer1 h3 {
	color: #fff;
}

.footer1 h3:before {
	margin-top: 25px;
	width: 20px;
	height: 2px;
	background-color: #998675;
	content: "";
	position: absolute;
} 

.footer2 {
	background-color: #000;
	color: #fff;
	line-height: 110px;
	height: 110px;
}

.background-grey {
	background-color: #ecf0f1;
}

.text-contact {
	min-height: 50px;
}

.work a {
	text-decoration: none;
	color: #333;
}

.work>a>.well:hover {
	background-color: #eee;
	
	-webkit-transition: all ease .3s;
       -moz-transition: all ease .3s;
         -o-transition: all ease .3s;
            transition: all ease .3s;
}

.work>.well:hover>h4 {
	
}

.work h4 {
	min-height: 40px;
}

.work p {
	margin-bottom: 20px;
	min-height: 160px;
}

.work a {
	margin-bottom: 20px;
}

.photo-grid div {
 margin-left:0;
}

.photo-grid .row {
 padding-right:15px;
}

.photo-grid .col-xs-4, .photo-grid .col-xs-6, .photo-grid .col-sm-2 {
 padding: 0;
}

.grid-gallery {
	text-align: center;
}

.grid-gallery img {
 max-height: 120px;
}

.fournisseur i {
	background-color: #998675;
	padding: 10px;
	border-radius: 50px;
	color: #fff;
}

.parallax {
    /* Set a specific height */
    min-height: 350px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-iphone {
	min-height: 350px;
	background-size: cover;
}

.logo-revetement {
	max-height: 80px;
}

@media (max-width: 1199px) {
	.work p {
		margin-bottom: 20px;
		min-height: 220px;
	}

	.img-realisation {
		height:155px; 
	}

}

@media (max-width: 991px) {
	.work:nth-child(3n) {
		clear: left;
	}

	.work p {
		margin-bottom: 20px;
		min-height: 130px;
	}

	.img-realisation {
		height:120px; 
	}

}

@media (max-width: 767px) {

	.work p {
		margin-bottom: 20px;
		min-height: 0px;
	}

	.img-realisation {
		height:150px;  
	}

}

@media (max-width: 480px) {

	.title {
		position: relative;
		font-size: 30px;
	}

	.title:before {
		margin-top: 30px;
		width: 30px;
		height: 3px;
		background-color: #998675;
		content: "";
		position: absolute;
	}

	.photo-grid .col-xs-6:nth-child(4n+1) {
		clear: left;
	}

	.work p {
		margin-bottom: 20px;
		min-height: 120px;
	}

	.img-realisation {
		height:120px; 
	}	

}