/* ====================== START GLOBAL SETTINGS ====================== */

body {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	letter-spacing: 0.5px;
	min-height:800px;
	/* background: #9ca8b2 url("../images/background.jpg") repeat left top; */
	background: #fff url("../images/loft-esquisses.jpg") repeat;
}

/* ====================== END GLOBAL SETTINGS ====================== */

/* ====================== START HEADER SETTINGS ====================== */
.container {
	max-width:1100px;
}

.form-group > .control-label {
	padding-left: 0px;
	text-align: left;
}

/*
	Site's fundamentals
	YELLOW-JLC: #FEBE10
	YELLOW:			#f29b12
	BLUE:				#1668b2
	BLUE-JLC:		#0668B3
*/
.logo-layer {
	position:absolute;
	top:0px;
	max-height:20px;
	width:100%;
	background-color:transparent;
	overflow:visible;
	z-index:100;
}

.logo-brand {
	max-height:20px;
	background-color:#1668b2;
	overflow:visible;
	z-index:110;
}

.logo-brand img {
	margin-left:50px;
	box-shadow: 4px 4px 2px #145ea0;
}

.milyd-layer {
	position:absolute;
	top:0px;
	width:100%;
	height: 100%;
	z-index:10;
	padding-top:20px;
}

.milyd-page {
	width:100%;
	height:700px;
	background-color:white;
	padding-top:60px;
}

.home {
}

.services {
	background: #fff url("../drawings/ceiling.jpg") no-repeat center;
}

.milyd-text,
.milyd-text-light,
.milyd-text-normal,
.milyd-text-large {
	color:#1668b2;
	font-family: 'Roboto', sans-serif;
}

.milyd-text-large {
	line-height:36pt;
	font-size:36pt;
	font-weight:bold;
}

.milyd-text-normal {
	line-height:18pt;
	font-size:18pt;
}

.milyd-text-light {
	line-height:18pt;
	font-size:18pt;
	font-weight: 300;
}

.vertical-center {
  width:100%;

  text-align: center;  /* align the inline(-block) elements horizontally */
  font: 0/0 a;         /* remove the gap between inline(-block) elements */
}

.vertical-center:before {    /* create a full-height inline block pseudo=element */
  content: ' ';
  display: inline-block;
  vertical-align: middle;  /* vertical alignment of the inline element */
}

.vertical-center > .container {
  max-width: 100%;

  display: inline-block;
  vertical-align: middle;  /* vertical alignment of the inline element */
}

/* ====================== END HEADER SETTINGS ====================== */

/* ====================== START MILYDESIGN SETTINGS ====================== */

.milyd-navbar {
	min-height:60px;
	background-color:#1668b2;
	border-radius:0px;
	color:white;
	margin-bottom:0px;
}

.milyd-navbar .navbar-nav > li {
}

.milyd-navbar .navbar-nav > li > a {
	font-size: 14px;
}

.milyd-navbar .navbar-nav > li > a.disabled {
	pointer-events: none;
	cursor: default;
	color: #ddd;
}

.milyd-navbar .navbar-nav > li > a,
.milyd-navbar .navbar-nav > li > a:focus {
	color: #fff;
  display: inline-block;
}

.milyd-navbar .navbar-nav > li.active {
	background-color: #fff;
}

.milyd-navbar .navbar-nav > li.active > a {
  color: #1668b2;
}

.milyd-navbar .navbar-nav > li > a:hover ,
.milyd-navbar .navbar-nav > li > a:active,
.milyd-navbar .navbar-nav > li > a:focus {
	background-color: #fff;
  color: #1668b2;
}

.milyd-form {
}

.milyd-form .input-square {
	border-radius: 0px;
}

/* ====================== START MILYDESIGN SETTINGS ====================== */