/* COLOR CHART
 *
 *	ultra-light-grey: 	#DBDCDA 	219,220,218
 *	light-grey: 		#BABCBA
 *	medium-grey: 		#B2B4B2
 *	dark-grey: 			#383A38 	56,58,56
 *
 *
 * FONT CHART
 *
 * font-family: 'Lusitana', serif;
 * font-family: 'Herr Von Muellerhoff', cursive;
 * 
 */

/* ########## GOOGLE fonts ########## */
/* ################################### */
@import url(http://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff);
@import url(http://fonts.googleapis.com/css?family=Lusitana:400,700);


/* ########## GENERAL Settings ########## */
/* ################################### */
body, html{
	color: #383A38;
	font-family: 'Lusitana', serif;
	height: 100%;
	position: relative;
}
body{ background: url(../images/bg-stripe.png) fixed; }
h1, h2, h3, h4{ font-family: 'Herr Von Muellerhoff', cursive; }
h1{ font-size: 4em; }
h2{ font-size: 3em; }
h3{ font-size: 2.5em; }
h4{ font-size: 2em; }
p{ text-indent: 20px; }
li.highlight{
	list-style: url(../images/icon-hand-right.png);
	margin-left: 50px;
}
li.highlight > *{
	font-family: 'Lusitana', serif !important;
	font-size: 1.2em;
}
footer{
	bottom: 0;
	font-size: .8em;
	position: absolute;
	text-align: center;
	width: 100%;
}

/**
 * .MAIN-NAV
 */
.main-nav-left{
	background: url(../images/bottom-content.png) bottom center no-repeat;
	height: 100%;
	/*width: 250px;*/
}
.main-nav-left ul{
	padding: 10px;
}
.main-nav-left ul li{
	text-align: center;
	list-style: none;
	margin-left: 0;
}
.main-nav-left ul li a.active{
	color: #B2B4B2;
	cursor: default;
	text-decoration: none;
}
.main-nav-left ul li a{
	color: #383A38;
	text-decoration: none;
}
.main-nav-left ul li a:hover, .main-nav-left ul li a:focus, .main-nav-left ul li a:active{
	color: #000;
	text-decoration: none;
}
.main-nav-left ul li a.active:hover, .main-nav-left ul li a.active:focus, .main-nav-left ul li a.active:active{
	color: #B2B4B2;
	cursor: default;
	text-decoration: none;
}

/**
 * .TOP-CONTENT
 */
.top-content{
	background: #383A38;
	height: 200px;
}
.top-content .container{
	background: url(../images/top-container.jpg) left -600px no-repeat #383A38;
	height: 200px;
	padding: 0;
}
.top-content .heading-logo{
	background: url(../images/bg-top-content-logo.png) center center no-repeat;
	display: table-cell;
	height: 200px;
	margin: 0;
	text-align: center;
	vertical-align: middle;
}
.top-content .heading-logo .inner{
	display: table-cell;
	height: 200px;
	text-align: center;
	vertical-align: middle;
	width: 250px;
}
.top-content .heading-logo h1{
	color: #FFF;
	padding: 0;
	margin: 68px 0 0 0;
}

/**
 * .MAIN-CONTAINER
 */
.main-container{
	background: rgba(219,220,218, .85);
	height: 100%;
	padding: 0;
}
.main-container > *{
	padding:  20px;
}
.main-container ul{
	padding: 0;
}

/* ########## MISC elements ########## */
/* ################################### */
.floating-bg{
	background: url(../images/bg-tour-eiffel.png);
	bottom: 0;
	height: 600px;
	margin-left: -258px;
	position: fixed;
	width: 258px;
}


/* ########## RESPONSIVE elt ######### */
/* ################################### */
@media (max-width: 767px) {
	.top-content .container{
		background-position: center -600px;
	}
}

/*-----Contact Bloc------------*/
.contact-bloc{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
	font-size: 1.5em;
}

.contact-bloc h4{
	text-align: center;
}

/*-------Testimonials Bloc-------**/

.carousel-control.right, .carousel-control.left{
	background-image: none;
	width: 50px;
}
.carousel-inner{
	padding: 0 75px;
}

.contact-testimonial{
	text-align: right;
	font-weight: bold;
	font-style: italic;
}

.item{
	text-align: justify;
}



/*-------Testimonials Bloc--------*/

#keywords{
	visibility: hidden;
}

/*-------Construction Bloc--------*/
#blocConstruction h3 {
	font-family: sans-serif;
	text-align: center;

}