/* Space out content a bit */
body {
	background-color: #f0f0f1;
	font-size: 13pt;
	font-family: "Open Sans", sans-serif;
	padding-right: 20px;
}

/* Links */

a {
	color: #0099e5;
}

a:hover {
	text-decoration: none;
}

/* Header */

header h1 {
	padding: 20px;
	padding-bottom: 0;
	margin-top:0;
	margin-bottom:0;
	line-height: 40px;
	font-weight: 400;
	font-size: 19pt;
	color: #0099e5;
	text-shadow: 1px 1px 1px #000;
	background-color: #242729;
	font-style: italic;
}

header div.tagline {
	padding: 10px 20px 20px;
	font-weight: 300;
	font-size: 9pt;
	color: #eee;
	text-shadow: 1px 1px 1px #000;
	background-color: #242729;
	width: 100%;
}

/** Custom container for navbar on left **/

div.nav-container {
	background-color: #33383b;
	padding-right: 0;
	border-bottom: 5px solid #111;
}

/* Navbar */

nav.full {
	margin-bottom: 20px;
}

nav a:hover {
	color: #fff;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 10pt;
}

nav ul > li {
	margin: 0;
	padding: 0;
	display: block;
}

nav ul > li a {
	display: block;
	padding: 10px 20px;
	color: #dedede;
	text-shadow: 1px 1px 1px #000;
}

nav ul > li a:hover {
	text-decoration: none;
	color: #fff;
}

nav ul > li.parent {
	background-color: #242729;
	text-transform: uppercase;
	font-size: 9pt;
	margin: 2px 0;
	font-weight: bold;
}

nav ul > li.parent a {
	color: #f0f0f1;
}

nav ul > li.child a {
	padding: 6px 20px 6px 40px;
}

/* Custom page footer */
.footer {
	padding: 20px 0;
	color:#777;
	border-top:1px solid #e5e5e5;
	font-size: 10pt;
}

.container-narrow > hr {
	margin:30px 0;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
	/* Remove the padding we set earlier */
	.header,.footer {
		padding-right:0;
		padding-left:0;
	}
	
	/* Space out the masthead */
	.header {
		margin-bottom:30px;
	}
	
	/* Remove the bottom border on the jumbotron for visual effect */
	.jumbotron {
		border-bottom:0;
	}
}

/* main content */

div.content {
	background: #fff;
    border-radius: 3px;
    box-shadow: 0px 1px 1px #aaa;
    padding: 3em;
    margin-top: 20px;
}

div.content .page-title {
	margin-bottom: 40px;
	border-bottom: 1px solid #dedede;
	padding-bottom: 20px;
}

div.content .page-title h2 {
	margin-top: 0;
	padding-top: 0;
	font-weight: bold;
}

div.content .page-title .parent {
	text-align: right;
}

div.comments {
	border-top: 1px solid #dedede;
	margin-top: 70px;
	padding-top: 30px;
}

h3, h4 {
	font-weight: bold;
	margin-top: 35px;
	margin-bottom: 20px;
}
div > h3:first-child {
	margin-top: 0;
}

h4 {
	font-size: 13pt;
	
}

h3 a {
	color: #000;
}

#workflow {
	width: 100%;
}

div.content p {
	margin-bottom: 20px;
}

div.analysis-image {
	float: right;
	margin: 0 0 40px 40px;
	width: 300px;
}

div.analysis-image img {
	width: 100%;
}

div.analysis-image span {
	display: block;
	margin-top: 20px;
	color: #666;
	font-size: 10pt;
}

div#lacourasel {
	margin: 30px 0;
}

div#lacourasel div.owl-item > div {
	text-align: center;
}

div#lacourasel div.owl-item > div span {
	display: block;
	margin-top: 20px;
	color: #666;
	font-size: 10pt;
}

code {
 white-space: pre-wrap !important;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap !important;      /* Opera 4-6 */
 white-space: -o-pre-wrap !important;    /* Opera 7 */
 word-wrap: break-word !important;    
}

.nav-container nav.dropdown {
	display: none;
}

@media only screen and (max-device-width : 667px) { 
	body {
		padding-right: 0;
	}
	
	.nav-container nav.full {
		display: none;
	}
	.nav-container nav.dropdown {
		display: block;
	}
	
	div.content-container img {
		width: 100%;
	}
}