/* cmsms stylesheet: jp2017 modified: 20/03/17 22:12:48 */
body {
	font-family: 'Roboto', sans-serif;
	font-size: 170%;
	color: #776E6C;
	background-color: #f7f7f6;
}

.clear { clear: both; padding: 10px; }

a { color: #776E6C; }
a:hover { color: #776E6C; }

h2 { font-family: Oswald; font-size: 160%; letter-spacing: -1px;}
h2>span { font-size:160%; padding-top: 25px; }
h3 { margin: 0; }

.navbar .navbar-toggle {
border-color:#776E6C;
}

.navbar .navbar-toggle .icon-bar {
background-color: #776E6C;
}

#banner {
	background-color: #000;
	min-width: 100%;
	display: table;
}

@media (max-width: 768px) {
	.over-image { display: none; }
	#banner { height: 200px; }

	}

@media (min-width: 768px) {
	header {
		background-color: #fcfbfa;
		padding-top: 40px;
	}
	
	.nav {
		margin-top: 40px;
	}
	
	header .contact-link {
		display: block;
		position: relative;
		bottom: 20px;
		float:right;
	}
	
	.row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }

	#banner {
		min-height: 280px;
	}
	
	#content {
		background-image:url(/uploads/jp2017/images/contentbg.jpg);
		background-repeat: repeat-x;
		padding: 0 0 40px 0;
	}
	
	#content h2 {
		background-image: url(/uploads/jp2017/images/h2.png);
		background-repeat: no-repeat;		
		background-size: contain;
		padding: 15px 0 15px 25px;
		margin: 0 0 20px 0;
	}
	
	.over-image { display: none; }
}

@media (min-width: 992px) {
	header {
		padding-top: 60px;
	}
	
	.nav {
		margin-top: 80px;
	}
	
	.over-image { 
		height: 450px;
		float: right;
		display: block;
	}
	
	#banner {
		min-height: 450px;
	}

}

.nav>li>a {
	padding: 0px 10px;	
	color: #776E6C;
}

.nav>li>a>.fa, .fa-chevron-circle-right { color: #FFD50D; }

.nav>li>a:hover {
	background: none;
}

.nav>li>a.active {
	font-size: 140%;
	font-weight: 500;
}

.guidance-parentale, 
.accompagnement-enfants,
.psychologue-generaliste,
.orientation-professionnelle,
.orientation-scolaire   {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
}

.guidance-parentale { background-image: url(/uploads/jp2017/images/ban-gui-parent.jpg); }
.accompagnement-enfants { background-image: url(/uploads/jp2017/images/ban-acc-enfants.jpg); }
.psychologue-generaliste { background-image: url(/uploads/jp2017/images/ban-psy.jpg); }
.orientation-professionnelle { background-image: url(/uploads/jp2017/images/ban-ori-prof.jpg); }
.orientation-scolaire  { background-image: url(/uploads/jp2017/images/ban-ori-scolaire.jpg); }

footer {
	background-color: #766e6c;
	color: #cfcbcb;	
	font-size: 80%;
	padding: 40px 0; 
}

footer a, footer a:hover { color: #fff; }