/*
Theme Name: JBST
Theme URI: https://github.com/bassjobsen/jamedo-bootstrap-start-theme
Author: Bass Jobsen
Author URI: http://bassjobsen.weblogs.fm/
Description: JBST is a powerful theme framework that can be used as a standalone website builder or as a framework to create child themes for wordpress. JBST build on on the top of Twitter's Bootstrap 3 and is full customizable with LESS. Integrated customizer for easy website building. Right-To-Left (RTL) support. It also has built in support for BuddyPress, BBpress and eCommerce (WooCommerce, JigoShop and WPeCommerce).
Version: 1.4.4
License: GNU General Public License
License URI: license.txt
Tags: one-column,two-columns,three-columns,left-sidebar,right-sidebar,responsive-layout,accessibility-ready,buddypress,custom-background,custom-colors,custom-header,custom-menu,theme-options,rtl-language-support
Text Domain: jamedo-bootstrap-start-theme
*/

/* Polices importees via <link> dans le template :
@import url(https://fonts.googleapis.com/css?family=Quattrocento:400,700|Quattrocento+Sans:400,700);
*/

body {
	font-family: 'Quattrocento', serif;
	color: #000;
}
h1, h2, h3, h4, h5, h6, .wp-caption, .nav a {
	font-family: 'Quattrocento Sans', sans-serif;
	text-transform: uppercase;
}

/*********** LOGO ********************/
#logo-main {
	max-width: 100%;
	height: auto;
}
/************ NAVIGATION ****************/
a.navbar-brand {
	font-size: 19px;
	text-transform: uppercase;
	color: #777;
	font-weight: bold;
	font-family: 'Quattrocento Sans', sans-serif;
}
#menu-menu-top {
	font-size: 19px;
}
/************ IMAGES **************/
.landscape {
	position: relative;
}
.landscape h1, .landscape h2, .landscape h3, .landscape h4, .landscape h5, .landscape h6 {
	color: #FFF;
	font-size: 3em;
	text-transform: uppercase;
	position: absolute;
	top: 30%;
	left: 2em;
	font-weight: bold ;
}
.wp-caption { position: relative;}
.wp-caption-text {
	color: #FFF;
	font-size: 3em;
	position: absolute;
	top: 30%;
	left: 2em;
	font-weight: bold ;
	line-height: 100%;
}




/* ======== fb - ajout ======== */

/* === GENERAL === */


.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12
{
	float: none;
}
.container .col-xs-3 { width: 40%; }
.container .col-xs-4 {
	margin-top: 15px;
	width: 100%;
}

acronym {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	cursor: help;
	/* typo */
	text-decoration: none;
}
hr {
	border-color: #b2b2b2;
	border-color: #930;
	border-bottom: 0px;
	margin: 30px auto;
}
.bs-docs-separator { display: none; }

.logo-outside-nav { margin: 0px 15px 21px; }


/* === / GENERAL === */
/* === MENU === */


.navbar {
	margin-bottom: 10px;
	font-size: 1.15em;
}
.navbar a:link, .navbar a:visited {
	color: #333 !important;
}
.navbar a:hover {
	background-color: #eee !important;
	background-color: #000 !important;
	color: #fff !important;
}
.dropdown-menu > li > a {
	font-size: 1.12em;
	line-height: 2.2em;
}
.dropdown-menu > li.current-menu-item > a { color: #fff !important; }


/* === / MENU === */
/* === CONTENU === */


#content { padding: 0px; }

.page-header {
	position: relative;
	top: 0px;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
img.bandeau {
	width: 100%;
	margin: 0px 0px 35px;
}
.home h1, 
.page-gestion-de-carriere h1, 
.page-orientation h1, 
.page-evolution-et-transition h1
{
	position: absolute;
	left: 2em;
	top: 52px;
	/* typo */
	color: #fff;
	font-size: 3em;
	font-weight: bold;
}

.page-child h1 {
	background-color: #428bca;
	background-color: #b21;
	color: #fff;
	margin: 0px 0px 35px;
	padding: 9px 12px;
}

h2 {
	margin-bottom: 25px;
}

div.photos {
	margin-top: 35px;
	overflow: hidden;
}
div.photos img { height: auto; margin: 0px 0px 8px; }
div.photos .size-large {
	margin-right: 8px;
	max-width: 100%;
}
div.photos .size-medium {
	margin-right: 8px;
	max-width: 50%;
}

/* === articles === */
footer.entry-meta {
	border-top: 1px solid #999;
	font-size: 0.9em;
	margin-top: 35px !important;
}
/* === articles === */


/* === / CONTENU === */
/* === PIED === */


#colophon { margin-top: 35px; }
#colophon .row { margin: 0; }


/* === / PIED === */
/* === PAGES === */


/* === Page d'accueil === */
.home #contentwrap .col-md-4,
.home #contentwrap .col-sm-12
{ display: none; }
/* === / Page d'accueil === */


@media screen and (max-width: 992px) {
.home h1, .page-gestion-de-carriere h1, .page-orientation h1, .page-evolution-et-transition h1  {
	position: relative;
	display: block;
	left: 0em;
	top: 0px;
	background-color: #d1d1d1;
	padding: 12px 15px;
	margin: 0px;
	/* typo */
	color: #000;
	font-size: 2.2em;
}
#footer-caption #logo-white { display: none; }
}


/* === / PAGES === */



/* ======== / fb ======== */



@media screen and (max-width: 992px) {
.landscape h1, .landscape h2, .landscape h3, .landscape h4, .landscape h5, .landscape h6, .wp-caption-text {
	font-size: 2em;
}
}
.gallery-caption {}
.bypostauthor {}
.alignright {}
.alignleft {}
.aligncenter {}
.sticky{}

/******** BOUTONS ***************/
.btn {
	margin-bottom: 5px;
	border-radius: 0;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}
.btn:first-letter {
	font-size: 20px;
}

@media screen and (max-width: 1110px){
.su-column {
	width: 100% !important;
	margin: 0 0 1em 0 !important;
	float: none !important;
}
}
/********* FOOTER	************/
.red {
	background: #CB3333;
	color: #FFF;
}

#footer-caption h2 {
	top: 20%;
}
#logo-white {
	position: absolute;
	top: 25%;
	right: 15px;
	}
#footer-image {
	max-width: 100%;
	height: auto;
}
#colophon .spanitem {
	text-transform: uppercase;
	padding-top: 15px !important;
	padding-bottom: 15px;
	color: #777;
	line-height: 20px;
	position: relative;
	display: block;
	padding: 10px 15px;
	font-family: 'Quattrocento Sans', sans-serif;
}
#colophon .navbar-nav li a {
	color: #777;
}
#colophon .social a{
	float: right;
	margin-left: 30px;
		padding-top: 15px !important;
	padding-bottom: 15px;
}
.red {text-align: center;}
/*********** RESPONSIVE ***************/
@media screen and (max-width: 860px) { 
img {
	margin : 0 auto !important;
}

/* fb - ajout */
#footer-caption h2 { display: none; }
/* / fb */
}



/* fb - ajout */
@media screen and (max-width: 475px) {
.site-logo {
    width: 90%;
}
}
/* / fb */