.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
p.screen-reader-text {
	margin-bottom: 0;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 700;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Style tables like TwentyEleven theme with lines between entries */
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
}
.entry-content th,
.comment-content th {
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}

/* Clearing floats */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-meta:before,
.entry-meta:after,
.pager:before,
.pager:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.entry-meta:before,
.entry-meta:after,
.pager:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/* Required WordPress Alignment */
.alignleft, .align-left {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.alignright, .align-right {
	display: inline;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.aligncenter, .align-center {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 10px;
}
.nocenter {
	text-align: left;
}

/* Normal WordPress captions */
.wp-caption {
	max-width: 100%;
}
.wp-caption-text,
.gallery-caption {
	text-shadow: none;
	font-size: 16px;
}

/* Center the thumbnails since WordPress centers the caption text */
.gallery-icon img {
	margin: auto;
}

/* Mark "sticky" (featured) posts as "Featured" */
.sticky .entry-title:after {
	content: "Featured";
	display: inine-block;
	font-size: 20px;
	margin-left: 15px;
	padding: 10px;
	vertical-align: middle;
}

.bypostauthor {
}

/* Come on now, of course we need a margin before their name and comment */
.avatar {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* Limit the page for really wide screens, such as an iMac */
#page {
	max-width: 1600px;
	margin: 0 auto;
}

.custom-header-image {
	padding-top: 30px;
}

.site-title {
	margin-top: 25px;
}
.site-description {
	margin-top: 10px;
	margin-bottom: 25px;
	font-size: 24px;
}

.site-title a, .site-title a:hover, .site-title a:active {
	text-decoration: none;
}
.custom-header-text-color a:hover,
.custom-header-text-color a:focus {
	opacity: 0.75;
}
 .custom-header-image h1 {
	font-weight: 700;
}
.custom-header-image h2 {
	font-size: 24px;
}

a.scroll-down, a.scroll-down:hover span, a.scroll-down:focus span, .carousel-control:hover, .carousel-control:focus {
	color: #fff;
	font-size: 20px;
}

.content-header {
    padding-top: 35px;
    padding-bottom: 35px;
}
header.content-header {
	min-height: 170px;
}
.content-header i {
    font-size: 35px;
    text-align: center;
}

/* For standard WordPress slideshow, get rid of black background. We want to leave 
 * whatever color background we have 
 */
.slideshow-window {
	background-color: transparent !important; 
	border: none !important;
}

.content-area {
	padding-top: 35px;
	padding-bottom: 35px;
}
.content-area-wide .comments-area {
	padding-bottom: 35px;
}

.page .entry-content {
	padding-top: 0;
}

.entry-summary {
	margin-bottom: 25px;
}

article.post {
	margin-bottom: 25px;
}

/* Let's get some whitespace before the footer nav and credits */
.sidebar-footer {
	padding-top: 35px;
}
.sidebar-footer h1, 
.sidebar-footer h2, 
.sidebar-footer h3, 
.sidebar-footer h4, 
.sidebar-footer h5, 
.sidebar-footer h6 {
	margin-top: 0;
	padding-bottom: 15px;
}
.sidebar-footer aside.widget {
	margin-bottom: 35px;
}

footer.entry-meta, 
div.entry-meta, 
.edit-link {
	font-size: 16px;
}
.edit-link a {
	color: #7f8c8d;
}
.edit-link a:hover, 
.edit-link a:focus {
	color: #3bc492;
}

.after-footer {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* Let's put dividers between footer menu items */
#footer-navigation ul.dividers > li:nth-child(n+2):before {
  content: "";
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  border-left: 1px solid #dddddd;
}

/* Since footer nav has screen reader text, need to pad site credits to line them up */
#site-credits {
	padding-top: 10px;
}

/* For sidebar, add some whitespace */
#secondary {
	padding-top: 35px;
	padding-bottom: 35px;
}
#secondary aside.widget {
	margin-bottom: 10px; /* Heading will add 25px */
}

/* Center the text after the footer for smartphones */
@media (max-width: 640px) {
	.footer-nav-menu, .site-credits {
		text-align: center;
		float: none !important;
	}
	.site-credits {
		padding-bottom: 15px;
	}
}

/* Globally hidden elements when Infinite Scroll is supported and in use.
 * Older / Newer Posts Navigation (always hidden)
 * Theme Footer (when set to scrolling) 
 */
.infinite-scroll .paging-navigation, 
.infinite-scroll.neverending .site-footer { 
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that
 * were hidden before (via .neverending) 
 */
.infinity-end.neverending .site-footer {
	display: block;
}

/* Make sure no content breaks the layout */
img, embed, iframe, media, swf, pre, code, container, select, .videopress-placeholder {
	max-width:100%;
	/*height: auto;*/ /* this messes up embedded videos */
	overflow:hidden;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}
img, .videopress-placeholder {
	height: auto;
}

/* Get rid of bullets on comment <ul> and set some padding and indenting */
.comment-list,
.comment-list .children {
	list-style-type: none;
	padding: 0;
}

.comment-list .children {
	margin-left: 25px;
}

.reply {
	margin-bottom: 25px;
}

/* Get rid of the word "says" from comments */
.says {
	display: none;
}

li.pingback {
	margin-bottom: 15px;
}

.cat-links, .tags-links {
	margin-right: 10px;
}

.posted-on {
	margin-right: 5px;
}
.by-line, .comments-link {
	margin-left: 5px;
	margin-right: 5px;
}

/* Get rid of bullets on sidebar lists and in our footer columns */
#secondary ul, 
footer#colophon.site-footer ul {
	list-style: none;
	padding-left: 0;
}
#secondary ul ul, 
footer#colophon.site-footer ul ul {
	list-style: none;
	padding-left: 25px;
}

#secondary ul li, 
footer#colophon.site-footer ul li {
	margin-top: 10px;
}

/* Style comments */
.comment-list .children {
	margin-left: 5%;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
	float: left;
	/*padding: 5px 0;*/
	/*width: 120px;*/
	width: 80px;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	/*max-width: 270px;*/
	/*width: 60%;*/
	max-width: 310px;
	width: 70%;
}

.comment-form, 
.comment-textarea, 
textarea {
	max-width: 100%;
	border-color: #ccc;
}

/* Styles for default WordPress comments */
textarea#comment {
	max-width: 743px; /*largest width of content area w/sidebar*/
	width: 100%;
	/*max-height: 70px;*/
	max-height: 140px;
}
/*
textarea#comment:active,
textarea#comment:focus {
	max-height: 140px;
}
*/

/* Hide the label "Comment" above the comment box as its pretty obvious already */
.comment-form-comment label {
	display: none;
}
p.comment-subscription-form {
	margin-bottom: 10px;
}

/* Style the WordPress calendar widget because Bootstrap doesn't even add a 'table'
 * class to tables
 */
#calendar_wrap {
	font-size: 14px;
	max-width: 300px;
}
.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-weight: 500;
	padding: 5px 0 5px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* Get rid of the smiley face when using Jetpack stats */
img.wp-smiley {
     display: inline-block;
}

/**
 * SET SOME BOOTSTRAP STYLES AS A BASE FOR ALL THEMES
 */

/* When full-width pages are changed back to sidebar, fix the layout */
.content-area .entry-content .container {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.content-area .entry-content .container .row {
	margin-left: 0;
	margin-right: 0;
}
 
.lead {
	font-size: 22px;
}

/* Remove margin at bottom of navbar because content header already has padding */
.navbar {
	margin-bottom: 0;
}

/* Bolder text for site name in navbar */
.navbar-brand {
	font-weight: 500;
	height: 50px; /* Fixes layout if nav bar wraps before collapsing for mobile */
}

/* Line up the navbar with the header and page content (it's in a container, but not a row) */
div.navbar-collapse.collapse {
	margin-left: -15px;
	margin-right: -15px;
}

/* Set a hover effect for the custom header image (logo) */
/*.navbar-inverse .navbar-brand:hover, 
.navbar-inverse .navbar-brand:focus, 
.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus {
	opacity: 0.75; 
}*/

header.site-header.page-header {
	border-bottom: 0;
}

.carousel-inner img {
	margin-left: auto;
	margin-right: auto;
}
.carousel-caption {
	max-width: 100%;
	text-shadow: none;
	padding-left: 10px;
	padding-right: 10px;	
}

/* Bootstrap uses "active" style on the <li>, but WordPress paginate_links() uses 
 * "current" in a <span> tag on the link. Also set the hover to match the primary 
 * button color. 
 */
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus,
.pagination>li>span:focus, 
span.page-numbers.current {
  background-color: #16a085; /*darkgreen*/
  border-color: #16a085;
}

/* Format WordPress contact form with Bootstrap's form-control tag */
form.contact-form input[type='text'], 
form.contact-form input[type='email'], 
form.contact-form textarea {
    display: block;
    width: 98%;
    height: 36px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.428571429;
    color: #a1a1a1;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
form.contact-form input[type='text']:focus, 
form.contact-form input[type='email']:focus, 
form.contact-form textarea:focus {
    color: #555;
}

.jumbotron {
	margin-bottom: 0;
}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
	color: inherit;
	font-weight: 500;	
}

/* Style <code> tag like <pre> tag so its white instead of red */
code {
    /*font-weight: 300;
    font-size: 15px;
    line-height: 1.428571429;*/
    word-break: break-all;
    word-wrap: break-word;
    color: #2f2f2f;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/**
 * ADD NEW STYLES TO HANDLE THEME FEATURES
 */
.section-image, 
.cover-image {
  	display: table;
	background-repeat: no-repeat;
	text-align:center;
	background-attachment: scroll;
	background-position: top center;
	background-color: #e7e7e7; /*gray*/
	width: 100%;
  	position: relative;
  	vertical-align: top;

  	 background-image: url(img/fond.jpg);
	
	-webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;



    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.section-image-overlay, 
.cover-image-overlay {
  	display: table-cell;
  	vertical-align: middle;
	overflow: hidden;
	padding: 50px;
	padding: 5%;
	z-index: 2;	
}
.cover-image, 
.cover-image-overlay {
  height: 100%; /* For at least Firefox */
  min-height: 480px;
}
.section-image, 
.section-image-overlay {
	min-height: 340px;
}
.section-image h1, 
.cover-image h1 {
	font-size: 42px;
	color: #fff;
	line-height: 1.1;
}
.section-image h2, 
.cover-image h2 {
	font-size: 30px;
	color: #fff;
	line-height: 1.1;
}
.section-image h3, 
.section-image h4, 
.section-image p, 
.cover-image h2, 
.cover-image h3, 
.cover-image h4, 
.cover-image p {
	color: #fff;
}

.cover-image .spacer {
    margin-top: 100px
}

.section-featured h1 {
	font-size: 42px;
	line-height: 1.1;
}
.section-featured h2 {
	font-size: 30px;
	line-height: 1.1;
}
.section-featured {
	padding-top: 60px;
	border-bottom: #bdc3c7 solid 5px;
}

/* For larger screens, increase font size and spacing */
@media (min-width: 768px) {
	.cover-image h1,
	.section-image h1,
	.section-featured h1,
	.wp-caption-text-fullwidth h1 {
		font-size: 70px;
		letter-spacing: 3px;
	}
	.cover-image h2,
	.section-image h2,
	.section-featured h2,
	.wp-caption-text-fullwidth h2 {
		font-size: 42px;
		letter-spacing: 2px;
	}
	.cover-image .spacer {
		margin-top: 200px;
	}
	.cover-image, .cover-image-overlay {
		min-height: 700px;
	}
	.section-image, .section-image-overlay {
		min-height: 400px;
	}
}

/* use <span> tags for glpyicons because WordPress visual editor strips empty <i> tags.
 * to make them large as in using for icons, add "icon-lg" class. 
 */
span.icon-lg,
i.icon-lg {
    font-size: 50px;
	padding: 20px;
}
span.icon-xlg,
i.icon-xlg {
    font-size: 50px;
	padding: 20px;
}

/* 
 * PADDING AND OTHER UTILITIES
 */
 .padding {
 	padding: 25px;
 }
.padding-top {
	padding-top: 25px; /* Match Hx tag top margins */
}
.padding-bottom {
	padding-bottom: 25px;
}
.padding-top-bottom {
	padding-top: 25px;
	padding-bottom: 25px;
}
.padding-right {
	padding-right: 35px; /* Match grid gutters */
}
.padding-left {
	padding-left: 35px; /* Match grid gutters */
}
.padding-left-right {
	padding-left: 35px; /* Match grid gutters */
	padding-right: 35px; /* Match grid gutters */
}
.nopadding-nomargin {
    margin: 0;
    padding: 0;
}
.centered {
    text-align: center;
}


/**
 * Theme: Flat Bootstrap
 * 
 * The stylesheet for our flat ui
 *
 * Contains our custom fonts, color palette, sections with padding, etc.
 *
 * @package flat-bootstrap
 */
 
/* 
 * OVERALL STYLES
 */

/* Google fonts */

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

body {
	font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #555;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

a {
    color: #789f30;
    word-wrap: break-word;

    -webkit-transition: color .1s ease-in, background .1s ease-in;
    -moz-transition: color .1s ease-in, background .1s ease-in;
    -ms-transition: color .1s ease-in, background .1s ease-in;
    -o-transition: color .1s ease-in, background .1s ease-in;
    transition: color .1s ease-in, background .1s ease-in;
}

a:hover,
a:focus {
    color: #2e400c;
    text-decoration: none;
    outline: 0;
}
a:before,
a:after,
a:hover i:before,
a:focus i:before {
    -webkit-transition: color .1s ease-in, background .1s ease-in;
    -moz-transition: color .1s ease-in, background .1s ease-in;
    -ms-transition: color .1s ease-in, background .1s ease-in;
    -o-transition: color .1s ease-in, background .1s ease-in;
    transition: color .1s ease-in, background .1s ease-in;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h1, 
h2, 
h3 {
    font-weight: 300;
}

p {
    line-height: 28px;
}

blockquote {
	border-color: #16a085;
}

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.navbar-default 
.navbar-brand {
    color: #16a085;
}
.navbar-default 
.navbar-brand:hover, 
.navbar-default 
.navbar-brand:focus {
    color: #19b798;
}

#page {
	background-color: #fff;
}


/* Tone down field labels in the comments section and wherever else */
label {
	font-weight: 300;
}

/* 
 * FULL-WIDTH SECTIONS
 */
.section {
	padding-top: 35px;
	padding-bottom: 35px;
}

/* Bootstrap grids (rows) need this if not in a container */
.section.fullwidth {
	padding-left: 15px;
	padding-right: 15px;
}
.section.nopadding {
	padding-top: 0;
	padding-bottom: 0;
}
.section.nopadding-top {
	padding-top: 0;
}
.section.nopadding-bottom {
	padding-bottom: 0;
}
.section.padding-top {
	padding-top: 35px;
}
.section.padding-bottom {
	padding-bottom: 35px;
}
.section.border-bottom {
	border-bottom: #bdc3c7 solid 1px;
}
.section.border-bottom-thick {
	border-bottom: #bdc3c7 solid 5px;
}

/* 
 * COLORED BACKGROUNDS FOR SECTIONS
 */

.white, 
.bg-white {
	background-color: #fff;
}
.color-white {
	color: #fff;
}

.offwhite, 
.bg-offwhite {
	background-color: #f2f2f2;
}
.color-offwhite {
	color: #f2f2f2;
}

.lightgray, 
.bg-lightgray {
	background-color: #ebebeb;
}
.color-lightgray {
	color: #ebebeb;
}

.gray, 
.bg-gray {
	background-color: #e7e7e7;
}
.color-gray {
	color: #e7e7e7;
}

.darkgray, 
.bg-darkgray {
	background-color: #e0e0e0;
}
.color-darkgray {
	color: #e0e0e0;
}

.lightgreen, 
.bg-lightgreen {
    background-color: #608152;
	color: #fff;
}
.color-lightgreen {
    color: #608152;
}
.lightgreen h1, 
.lightgreen h2, 
.lightgreen h3, 
.lightgreen h4, 
.lightgreen h5, 
.lightgreen h6, 
.bg-lightgreen h1, 
.bg-lightgreen h2, 
.bg-lightgreen h3, 
.bg-lightgreen h4,
.bg-lightgreen h5, 
.bg-lightgreen h6 {
	color: #fff;
}

.darkgreen, 
.bg-darkgreen {
    background-color: #16a085;
	color: #fff;
}
.color-darkgreen {
    color: #16a085;
}
.darkgreen h1, 
.darkgreen h2, 
.darkgreen h3, 
.darkgreen h4, 
.darkgreen h5, 
.darkgreen h6, 
.bg-darkgreen h1, 
.bg-darkgreen h2, 
.bg-darkgreen h3, 
.bg-darkgreen h4, 
.bg-darkgreen h5, 
.bg-darkgreen h6 {
	color: #fff;
}

.yellow, 
.bg-yellow {
    background: #f1c40f;
    color: #fff;
}
.yellow h1, 
.yellow h2, 
.yellow h3, 
.yellow h4, 
.yellow h5, 
.yellow h6, 
.bg-yellow h1, 
.bg-yellow h2, 
.bg-yellow h3, 
.bg-yellow h4, 
.bg-yellow h5, 
.bg-yellow h6 {
	color: #fff;
}
.yellow p, .bg-yellow p {
    font-weight: 500
}

.blue, 
.bg-blue {
	background-color: #3498db;
	color: #fff;
}
.color-blue {
	color: #3498db;
}
.blue h1, 
.blue h2, 
.blue h3, 
.blue h4, 
.blue h5, 
.blue h6, 
.bg-blue h1, 
.bg-blue h2, 
.bg-blue h3, 
.bg-blue h4, 
.bg-blue h5, 
.bg-blue h6 {
	color: #fff;
}

.darkblue,
.bg-darkblue {
	background-color: #2980b9;
	color: #fff;
}
.color-darkblue {
	color: #2980b9;
}
.darkblue h1, 
.darkblue h2, 
.darkblue h3, 
.darkblue h4, 
.darkblue h5, 
.darkblue h6, 
.bg-darkblue h1, 
.bg-darkblue h2, 
.bg-darkblue h3, 
.bg-darkblue h4, 
.bg-darkblue h5, 
.bg-darkblue h6 {
	color: #fff;
}

.midnightblue, 
.bg-midnightblue {
	background-color: #34495e;
	color: #fff;
}
.color-midnightblue {
	color: #34495e;
}
.midnightblue h1, 
.midnightblue h2, 
.midnightblue h3, 
.midnightblue h4, 
.midnightblue h5, 
.midnightblue h6, 
.bg-midnightblue h1, 
.bg-midnightblue h2, 
.bg-midnightblue h3, 
.bg-midnightblue h4, 
.bg-midnightblue h5, 
.bg-midnightblue h6 {
	color: #fff;
}

.red, .bg-red {
	background-color: #ff7878;
	color: #fff;
}
.color-red {
	color: #ff7878;
}
.red h1, 
.red h2, 
.red h3, 
.red h4, 
.red h5, 
.red h6, 
.bg-red h1, 
.bg-red h2, 
.bg-red h3, 
.bg-red h4, 
.bg-red h5, 
.bg-red h6 {
	color: #fff;
}

.almostblack, 
.bg-almostblack {
	background-color: #2f2f2f;
	color: #fff;
}
.color-almostblack {
	color: #2f2f2f;
}
.almostblack h1, 
.almostblack h2, 
.almostblack h3, 
.almostblack h4, 
.almostblack h5, 
.almostblack h6, 
.bg-almostblack h1, 
.bg-almostblack h2, 
.bg-almostblack h3, 
.bg-almostblack h4, 
.bg-almostblack h5, 
.bg-almostblack h6 {
	color: #fff;
}

.notquiteblack, 
.bg-notquiteblack {
	background-color: #222;
	color: #fff;
}
.color-notquiteblack {
	color: #222;
}
.notquiteblack h1, 
.notquiteblack h2, 
.notquiteblack h3, 
.notquiteblack h4, 
.notquiteblack h5, 
.notquiteblack h6, 
.bg-notquiteblack h1, 
.bg-notquiteblack h2, 
.bg-notquiteblack h3, 
.bg-notquiteblack h4, 
.bg-notquiteblack h5, 
.bg-notquiteblack h6 {
	color: #fff;
}

.black, 
.bg-black {
	background-color: #000;
	color: #fff;
}
.color-black {
	color: #000;
}
.black h1, 
.black h2, 
.black h3, 
.black h4, 
.black h5, 
.black h6, 
.bg-black h1, 
.bg-black h2, 
.bg-black h3, 
.bg-black h4, 
.bg-black h5, 
.bg-black h6 {
	color: #fff;
}

/* Set the icons to white for all dark-colored sections */
.lightgreen i, 
.bg-lightgreen i, 
.darkgreen i, 
.bg-darkgreen i, 
.blue i, 
.bg-blue i, 
.midnightblue i, 
.bg-midnightblue i, 
.yellow i, 
.bg-yellow i,
.red i, 
.bg-red i, 
.almostblack i, 
.bg-almostblack i, 
.black i, 
.bg-black i {
	color: #fff;
}

/* Set the link color to white and underlined for certain background colors */
.lightgreen a:not(.btn), 
.bg-lightgreen a:not(.btn), 
.darkgreen a:not(.btn), 
.bg-darkgreen a:not(.btn), 
.yellow a:not(.btn), 
.bg-yellow a:not(.btn), 
.blue a:not(.btn), 
.bg-blue a:not(.btn), 
.darkblue a:not(.btn), 
.bg-darkblue a:not(.btn), 
.red a:not(.btn), 
.bg-red a:not(.btn) {
	color: #fff;
	text-decoration: underline;
}
.lightgreen a:hover:not(.btn), 
.bg-lightgreen a:hover:not(.btn), 
.darkgreen a:hover:not(.btn), 
.bg-darkgreen a:hover:not(.btn), 
.yellow a:hover:not(.btn), 
.bg-yellow a:hover:not(.btn), 
.blue a:hover:not(.btn), 
.bg-blue a:hover:not(.btn), 
.darkblue a:hover:not(.btn), 
.bg-darkblue a:hover:not(.btn), 
.red a:hover:not(.btn), 
.bg-red a:hover:not(.btn) {
	color: #7b7b7b;
}

.form-control {
	color: #555;
}

/* Set input field focus color to green */
/*.form-control:focus,
textarea#comment:focus {*/
/*input:focus,
textarea:focus {
    border-color: #608152;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(109, 233, 102, 0.6); */
   /*-webkit-appearance: none !important;*/
/*   outline: 0;
}*/

/* Force search field to not be rounded on iOS devices */
input.search-field {
	-webkit-appearance: none !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

/* 
 * SET INPUT BUTTONS TO LOOK LIKE BTN-PRIMARY (GREEN)
 */
button,
html input[type="button"],
input[type="submit"] {
    color: #fff;
    background-color: #608152;
    border-color: #608152;
    background-image: none;
	font-size: 16px;
	line-height: 22px;
	padding: 6px 12px;
    border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    outline: 0;
}
button:hover, 
button:focus,
html input[type="button"]:hover, 
html input[type="button"]:focus,
input[type="submit"]:hover, 
input[type="submit"]:focus {
    color: #fff;
    background-color: #16a085;
    border-color: #16a085;
    outline: 0;
}

/* Bootstrap uses "active" style on the <li>, but WordPress paginate_links() uses 
 * "current" in a <span> tag on the link. Also set the hover to match the primary button
 * color. 
 */
.pagination>li>a, 
.pagination>li>span, 
span.page-numbers.current {
	color: #16a085;
}
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus,
.pagination>li>span:focus, 
span.page-numbers.current {
	z-index: 2;
	color: #fff;
    background-color: #16a085;
    border-color: #16a085;
}

/* Get rid of gradient on carousel left and right */
.carousel-control.left, .carousel-control.right {
	background-image: none;
	background-repeat: none;
}
.carousel-caption,
.carousel-caption h4,
.carousel-caption p {
	font-weight: bold;
}
.carousel-caption {
	text-shadow: none;
	background-color: #16a085;
	color: #fff;
	opacity: .75;
	font-weight: bold;
}
.carousel-caption a {
	color: #fff;
	text-decoration: underline;
}
.carousel-caption a:hover,
.carousel-caption a:focus {
    color: #bdc3c7; /*silver*/
}

.sticky .entry-title:after {
	background-color: #608152;
	color: #fff;
}

.bypostauthor {
}

/* Push the carousel indicators down below the image or content */
.carousel-indicators {
	bottom: -35px;
}

/* Make user profile pics (avatars) circles */
.avatar {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
img.avatar.thumbnail {
	border: none;
	padding: 0;
}

/* 
 * NEW STUFF ADDED, SUCH AS ADDITIONAL BUTTONS
 */

/* New button that is inverted (hollow) so works on any dark background */
a.btn.btn-hollow,
button.btn.btn-hollow {
	color: #fff;
  	border: 2px solid #fff;
    background-color: transparent;
}
/*.btn-hollow:hover, a.btn.btn-hollow:hover {*/
.btn-hollow:hover, 
btn.btn-hollow:hover,
button.btn.btn-hollow:hover {
    color: #2f2f2f;
    background-color: #fff
}
/*.white a.btn.btn-hollow, 
.bg-white a.btn.btn-hollow, 
.offwhite a.btn.btn-hollow, 
.bg-offwhite a.btn.btn-hollow, 
.lightgray a.btn.btn-hollow, 
.bg-lightgray a.btn.btn-hollow, 
.gray a.btn.btn-hollow, 
.bg-gray a.btn.btn-hollow, 
.darkgray a.btn.btn-hollow,
.bg-darkgray a.btn.btn-hollow {*/
.white button.btn.btn-hollow, 
.white .btn.btn-hollow, 
.bg-white button.btn.btn-hollow, 
.bg-white .btn.btn-hollow, 
.offwhite button.btn.btn-hollow, 
.offwhite .btn.btn-hollow, 
.bg-offwhite button.btn.btn-hollow, 
.bg-offwhite .btn.btn-hollow, 
.lightgray button.btn.btn-hollow, 
.lightgray .btn.btn-hollow, 
.bg-lightgray button.btn.btn-hollow, 
.bg-lightgray .btn.btn-hollow, 
.gray button.btn.btn-hollow, 
.gray .btn.btn-hollow, 
.bg-gray button.btn.btn-hollow, 
.bg-gray .btn.btn-hollow, 
.darkgray button.btn.btn-hollow, 
.darkgray .btn.btn-hollow,
.bg-darkgray button.btn.btn-hollow, 
.bg-darkgray .btn.btn-hollow {
	color: #608152;
	border: 2px solid #608152;
    background-color: transparent;
}
button.btn.btn-hollow:hover, 
.btn.btn-hollow:hover {
    color: #2f2f2f;
    background-color: #fff;
}

/* New button that is partially transparent to let background color show through */
.btn-transparent {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.35);
    color: inherit;
}

.btn-transparent:hover, 
.btn-transparent:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.5);
}


/* IMPORT the parent theme's stylesheet(s) */
@import url("../flat-bootstrap/style.css");

/* OVERRIDDEN styles from the parent theme's stylesheet(s) */

/* When WordPress admin bar is displayed, move theme menu down below it. Note that the
 * media query here uses the exact breakpoint in WordPress not the breakpoint in this
 * theme. */
.navbar-fixed-top { 
	top: 0px; 
}
body.admin-bar .navbar-fixed-top { 
	top: 32px !important; 
}
@media screen and (max-width:782px) {
	body.admin-bar .navbar-fixed-top {
		top: 46px !important; 
	}
}

/* Adjust heading styles and font sizes */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333;
}

h1 {
	font-size: 28px;
	font-weight: 700;
}
h2 {
	font-size: 24px;
	font-weight: 500;
}
h3 {
	font-size: 20px;
}
h4,
h5,
h6 {
	font-size: 16px;
}

.cover-image, 
.cover-image-overlay,
.section-image, 
.section-image-overlay {
	height: 480px; /* cross-browser */
	min-height: 480px;
}

/* Change cover (front page) and section image crop to center. Bold the h1 tag. */
.section-image, 
.cover-image {
	background-position: center center;
}

.cover-image-overlay h1,
.cover-image-overlay h2,
.section-image-overlay h1,
.section-image-overlay h2 {
	text-transform: none;
}
.cover-image-overlay h1 {
	font-weight: 700;
}

.nocaps h1,
.carousel h1 {
	font-size: 41px;
	text-transform: none;
}
.nocaps h2,
.carousel h2 {
	font-size: 34px;
	text-transform: none;
}

/* Style the fixed top nav */
.navbar-inverse {
	font-size: 14px;
	font-weight: 700;
	color: #999;
	text-transform: uppercase;
	background-color: rgba(0,0,0,0.5);
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

.navbar-inverse .navbar-nav > li > a {
  color: #FFF;
}

.navbar-inverse .navbar-nav > li > a:hover {
  color: #789f30;
}

.navbar-inverse .navbar-brand {
	font-size: 22px;
	text-transform: uppercase;	
}

/* Just for fun, color dot red (only if site name has an "O" in it. see functions.php) */
.navbar-inverse .navbar-brand i {
	color: #ff7878;
	letter-spacing: 1px;
}

.navbar-inverse .navbar-nav > .active > a {
	background: #ff7878
}

/* Don't black out the active nav link on hover */
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus {
	background-color: #ff7878;
}

/*.navbar-inverse .navbar-nav > .active > a {
	background: #ff7878
}*/

/* For larger screens, adjust some things */
@media (min-width: 768px) {
	body {
    }
    .navbar-inverse {
		padding-top: 15px;
		padding-bottom: 15px;
    }
/*	.cover-image, .cover-image-overlay {
		min-height: 480px !important;
	}*/
}

/* Adjust the content (page) header */
.content-header {
	background-color: #3498db;
	color: #fff;
}
.content-header h1, 
.content-header h2, 
.content-header h3, 
.content-header h4, 
.content-header h5, 
.content-header h6 {
	color: #fff;
	text-align: center;
}

aside.widget-text h2.widget-title {
	font-size: 26px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase; 
}
	
/* Tone down the date | author | comments meta links on index pages */
/*.entry-meta {
	font-size: 14px;
}*/

/* Widgeted Footer - Almost Black Section Wrap */
.sidebar-footer, 
footer.sidebar-footer, 
nav.sidebar-footer {
	background-color: #789f30;
}

.sidebar-footer a:hover:not(.btn), 
.sidebar-footer a:focus:not(.btn),
.footer-nav-menu a:hover:not(.btn),
.footer-nav-menu a:focus:not(.btn) {
    color: #f85c37;
}

.sidebar-footer span, 
.sidebar-footer i {
	color: #bdbdbd;
}
.sidebar-footer span:hover, 
.sidebar-footer span:active, 
.sidebar-footer i:hover,
.sidebar-footer i:active {
	color: #ff7878;
}

/* Move up the edit link on single pages so it doesn't create an uncolored section */
/*.page footer.entry-meta {
	margin-bottom: 0px;
	margin-top: -20px;
}*/

/* TILT ANIMATION */
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}


#pagination { width: 450px; clear: both; text-align: center; margin: 5px auto 15px auto; height: 36px; }
#pagination strong { padding: 0 7px 0 7px; }
#pagination a { color: #616161; background:#f2f2f2; border:1px solid #dbdbdb; padding: 2px 8px 5px 8px; display: inline-block; height: 22px; text-decoration: none;  border-radius: 30px; } /* changer ici */
#pagination a:hover { color: #FFF; text-decoration: none; border-color: #94bfff; background: #c6e1ff; background: -moz-linear-gradient(top, #c6e1ff 0%, #7db9e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6e1ff), color-stop(100%,#7db9e8)); background: -webkit-linear-gradient(top, #c6e1ff 0%,#7db9e8 100%); background: -o-linear-gradient(top, #c6e1ff 0%,#7db9e8 100%); background: -ms-linear-gradient(top, #c6e1ff 0%,#7db9e8 100%);
background: linear-gradient(to bottom, #c6e1ff 0%,#7db9e8 100%); text-shadow: 0px -1px 0 #5889d2;  }
#pagination-retour { text-align: center; margin:0 0 15px 0; }
#pagination-retour a { font-size:0.9em; font-weight: bold; font-style: italic; color: #25a9f5; }

fieldset { border:none; }
label { font-weight:bold; }
input[type="text"],  textarea { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #c4c4c4; height:35px; padding:3px 5px; font:0.95em Arial, Helvetica, sans-serif; margin: 0 0 5px; width:575px; background:#f3f3f3; background: -moz-linear-gradient(top, #e7e7e7 0%, #FFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#FFF));
	background: -webkit-linear-gradient(top, #e7e7e7 0%,#FFF 100%);
	background: -o-linear-gradient(top, #e7e7e7 0%,#FFF 100%);
	background: -ms-linear-gradient(top, #e7e7e7 0%,#FFF 100%);
	background: linear-gradient(to bottom, #e7e7e7 0%,#FFF 100%);
	-webkit-box-shadow: inset 0px 0px 0px 1px #FFF;
	box-shadow:  inset 0px 0px 0px 1px #FFF;  }
textarea { height:auto; }
input[type="text"]:focus, #corps textarea:focus {
	border-color:#888888;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(108, 108, 108, 0.5), inset 0px 0px 0px 1px #FFF;
	box-shadow: 0px 0px 7px 0px rgba(108, 108, 108, 0.5), inset 0px 0px 0px 1px #FFF;
	outline:none;
}
 input[type="text"].erreur, textarea.erreur {
	background:#ffeaea;
	background: -moz-linear-gradient(top, #ffeaea 0%, #FFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeaea), color-stop(100%,#FFF));
	background: -webkit-linear-gradient(top, #ffeaea 0%,#FFF 100%);
	background: -o-linear-gradient(top, #ffeaea 0%,#FFF 100%);
	background: -ms-linear-gradient(top, #ffeaea 0%,#FFF 100%);
	background: linear-gradient(to bottom, #ffeaea 0%,#FFF 100%);
	border-color:#f3abab;
	color:#8d0d0d;
}
 input[type="text"]:focus.erreur, textarea:focus.erreur {
	border-color:#c55e5e;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(230, 151, 151, 0.5), inset 0px 0px 0px 1px #FFF;
	box-shadow: 0px 0px 7px 0px rgba(230, 151, 151, 0.5), inset 0px 0px 0px 1px #FFF;
}


#titre_commentaire, #titre_form_commentaire { font-size: 1.5em; line-height: 1.2em; margin:45px 0 30px 0; display: block; }
#titre_form_commentaire { margin: 15px 0 15px 0; }
#titre_commentaire a { float: right; font-size: 0.75em; }
.commentaire { margin: 0 0 15px 0; }
.commentaire_pseudo, .commentaire_date { color: #c9c9c9; font-size: 0.9em; }
.commentaire_pseudo { font-weight: bold; color: #d46d79; }
.commentaire_date { float: right; font-style: italic; }
.commentaire_content { margin: 5px 0 0 0; padding: 10px; background: #f3f3f3; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border-bottom:3px solid #e4e4e4; text-shadow:1px 1px 0 #FFF; }

#form_commentaire p { margin: 0 0 5px 0; }
#form_commentaire label { display: block; }
#form_commentaire input[type="text"] { width: 400px; }
#form_commentaire #captcha { width: 75px; }
#form_commentaire #label_captcha {  display: inline-block; float: none; margin: 0 0 0 20px; }
#captcha_code { background: #e5e5e5; padding: 3px 6px 3px 6px; color:#505050; text-shadow: 0px 1px 0 #FFF; border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0; -webkit-border-radius: 3px;border-radius: 3px; }

div.confirmation li, div.erreur li, div.information li { margin: 0; }

div.confirmation, div.erreur, div.information {
  background:url(../img/admin/mini-icone-confirmation.png) no-repeat 10px center, #d5eebe;
  background:url(../img/admin/mini-icone-confirmation.png) no-repeat 10px center, -moz-linear-gradient(top, #eeffde 0%, #d5eebe 100%);
  background:url(../img/admin/mini-icone-confirmation.png) no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeffde), color-stop(100%,#d5eebe));
  background:url(../img/admin/mini-icone-confirmation.png) no-repeat 10px center, -o-linear-gradient(top, #eeffde 0%,#d5eebe 100%);
  background:url(../img/admin/mini-icone-confirmation.png) no-repeat 10px center, -ms-linear-gradient(top, #eeffde 0%,#d5eebe 100%);
  background:url(../img/admin/mini-icone-confirmation.png) no-repeat 10px center, linear-gradient(to bottom, #eeffde 0%,#d5eebe 100%);
  border:1px solid #a6d877;
  box-shadow: inset 0 1px 0 #FFF, 1px 1px 0px #FFF;
  color:#336801;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin:0 0 12px 0;
  padding:7px 0 7px 45px;
}
div.erreur {
  background:url(../img/admin/mini-icone-erreur.png) no-repeat 10px center #facccc;
  background:url(../img/admin/mini-icone-erreur.png) no-repeat 10px center, -moz-linear-gradient(top, #ffeaea 0%, #facccc 100%);
  background:url(../img/admin/mini-icone-erreur.png) no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeaea), color-stop(100%,#facccc));
  background:url(../img/admin/mini-icone-erreur.png) no-repeat 10px center, -o-linear-gradient(top, #ffeaea 0%,#facccc 100%);
  background:url(../img/admin/mini-icone-erreur.png) no-repeat 10px center, -ms-linear-gradient(top, #ffeaea 0%,#facccc 100%);
  background:url(../img/admin/mini-icone-erreur.png) no-repeat 10px center, linear-gradient(to bottom, #ffeaea 0%,#facccc 100%);
  color:#8d0d0d;
  border-color:#f3abab;
}
div.information {
  background:url(../img/admin/mini-icone-information.png) no-repeat 10px center, #c7e8ff;
  background:url(../img/admin/mini-icone-information.png) no-repeat 10px center, -moz-linear-gradient(top, #eaf7ff 0%, #c7e8ff 100%);
  background:url(../img/admin/mini-icone-information.png) no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf7ff), color-stop(100%,#c7e8ff));
  background:url(../img/admin/mini-icone-information.png) no-repeat 10px center, -o-linear-gradient(top, #eaf7ff 0%,#c7e8ff 100%);
  background:url(../img/admin/mini-icone-information.png) no-repeat 10px center, -ms-linear-gradient(top, #eaf7ff 0%,#c7e8ff 100%);
  background:url(../img/admin/mini-icone-information.png) no-repeat 10px center, linear-gradient(to bottom, #eaf7ff 0%,#c7e8ff 100%);
  color:#005898;
  border-color:#9fd1f5;
}
div.confirmation a, div.erreur a, div.information a { text-decoration: underline; }
div.confirmation a:hover, div.erreur a:hover, div.information a:hover { text-decoration: none; }