/**
 * @file
 * Use this CSS file to override base CSS rules
 */

/* Set default font weight to 300 for better typography in high-density screens */
/*body {
  font-weight: 300;
}*/

body {
  color: #787878;
  font-size: 18px;
}

h1 {
  font-size: 3.052rem;
}
h2 {
  font-size: 2.441rem;
}
h3 {
  font-size: 1.953rem;
}
h4 {
  font-size: 1.563rem;
}
h5 {
  font-size: 1.25rem;
}
h6 {
  font-size: 1rem;
}

@media (max-width: 1199px) {
	h5 {
		font-size: 1.12rem;
	}
}

@media (max-width: 767px) {
	h5 {
		font-size: 1.25rem;
	}
}

.gris {
  background-color: #eeeeee;
  border: 1px solid #dcdcdc;
}

/* Logo */

@media (max-width: 599px) {
	.header-top__section {
		width: 90%;
	} 
}

@media (max-width: 399px) {
	.header-top__section {
		width: 88%;
	} 
}

/* Splash accueil */

#banner {
  background: url(../../images/trace_backgrnd.19.jpg) no-repeat center top scroll;
  height: 460px;
  color: #FFF;
}

.banner__section {
	margin-top: -9px;
	font-size: 12px;
}

.banner__section p,
.banner__section h1,
.banner__section h2,
.banner__section h3,
.banner__section h4 {
	color: #ffffff;
}

.banner__section .bs-region--left {
	background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0;
	margin-top: 18px;
}

.banner__section #block-views-nouvelles-block {
	padding: 12px;
}
.banner__section h2.title {
	margin-bottom: 12px;
	font-size: 28px;
}

.banner__section .views-field-title {
	margin-bottom: 6px;
}

.banner__section .views-field-title a {
	font-size: 22px;
	color: #fff;
}

@media (max-width: 399px) {
	.banner__section .views-field-title a {
		font-size: 18px;
	}
	.banner__section .bs-region--left {
		margin-top: 18px;
	}
}

.banner__section .views-field-created {
	color: #f7f7f7;
}

.banner__section .views-field-view-node a {
	color: #f7f7f7;
	text-decoration: underline;
}

.banner__section .view-nouvelles .views-row {
	margin-bottom: 18px;
}

.banner__section .view-footer {
	padding-bottom: 12px;
}

.banner__section h1 {
	padding: 10px;
	padding-bottom: 12px;
	text-align: right;
	margin-top: 344px;
	margin-bottom: 0px;
	margin-left: 80px;
	margin-right: 0px;
	float: right;
	color: #f7f7f7;
	font-size: 22px;
	font-weight: 600;
}

.banner__section h5 {
  margin: 0;
}

.banner__section .views-field-view-node {
  margin-bottom: 18px;
}

.banner__section .view-footer a {
  color: #f7f7f7;
  font-size: 18px;
}

.front #highlighted {
	margin-top: 48px;
}

.page-node-142 .featured__section {
  padding-top: 0;
}

.content-top-highlighted__section {
    padding: 20px 0 20px;
}

/* Articles de vulgarisation */

.view-materiel-de-vulgarisation .views-field-nothing p {
	font-size: 24px;
}