/* Polices */
@font-face {
    font-family: 'latoregular';
    src: url('../../../font/lato/lato-reg-webfont.eot');
    src: url('../../../font/lato/lato-reg-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../../../font/lato/lato-reg-webfont.woff') format('woff'),
         url('../../../font/lato/lato-reg-webfont.ttf') format('truetype'),
         url('../../../font/lato/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight';
    src: url('../../../font/lato/lato-lig-webfont.eot');
    src: url('../../../font/lato/lato-lig-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../../../font/lato/lato-lig-webfont.woff') format('woff'),
         url('../../../font/lato/lato-lig-webfont.ttf') format('truetype'),
         url('../../../font/lato/lato-lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold';
    src: url('../../../font/lato/lato-bol-webfont.eot');
    src: url('../../../font/lato/lato-bol-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../../../font/lato/lato-bol-webfont.woff') format('woff'),
         url('../../../font/lato/lato-bol-webfont.ttf') format('truetype'),
         url('../../../font/lato/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Styles globaux des éléments */
body{
	position: relative;
  font-family: 'latolight', sans-serif;
  font-size: 16px;
  color: #222;
  background-image: url("../../../img/body1.png"), url("../../../img/body2.png");
  background-position: left 50%, right 50%; /*left 85%, right 85%*/
  background-size: 25%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-color: #333;
}

img{
	max-height: 100%;
  max-width: 100%;
}

a{
	color: inherit;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

textarea,
textarea.form-control{
	height: 200px;
}

.img{
	min-height: 150px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.thumbnail .img{
	min-height: 250px;
}

.thumbnail:hover{
	border-color: #646F3C;
	border-color: #A0AA7C;
}

.cpaci{
  color: #A0AA7C;
  font-weight: bold;
}

.more{
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.more a{
	display: inline-block;
	border-bottom: 1px dashed #A0AA7C;
}

.items-wrapper{
  text-align: center;
}

.item{
  float: none;
  display: inline-block;
}


/* En-tête de la page & Menu */
.navbar .container{
  white-space: nowrap;
}

.navbar-brand{
  padding-top: 5px;
  padding-bottom: 5px;
}

@media (min-width: 768px){
	.navbar-collapse.collapse{
	  display: inline-block!important;
	}

	.navbar-nav>li>a,
	.navbar-brand{
    height: 70px;
    line-height: 70px;
	}

	.navbar-nav>li>a{
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 0;
	}
}

.navbar-nav .open .caret{
	transform: rotate(-90deg);
}


/* Contenu de la page */
#page_content{
  padding-top: 56px;
}

#page_content .subpage{
	/*padding-bottom: 70px;*/
  /*min-height: 700px;*/
}

@media (min-width: 768px){
	#page_content{
		padding-top: 76px;
	}
}


/* Tabsheet */
.tabsheet .nav-tabs>li{
	margin-bottom: 0;
}

.tabsheet .nav-tabs>li>a{
	padding: 10px 15px 20px;
	border: none!important;
  font-family: 'latobold', sans-serif;
}

.tabsheet .nav-tabs>li.active>a{
	background-image: url(../../../img/current.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}

.tabsheet .tab-content{
	padding: 15px 0;
}

.section-banner {
  padding: 80px 0;
  border-top: 2px solid #9C1B09;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-family: 'latoregular', sans-serif;
  font-size: 60px;
  color: #fff;
  text-align: center;
}

.section-banner h1{
  font-size: inherit;
}

.section-banner h3{
  font-family: 'latolight', sans-serif;
  font-size: 40%;
}

.section-content{
  padding: 20px;
  background-color: #fff;
}

.section-content-row-title{
  font-size: 28px;
  color: #646F3C;
}



/* Carousel des partenaires */
section.references .section-content-row-title{
	border-top: 1px solid #CCC;
	text-align: center;
	padding-top: 30px;
}