@charset "UTF-8";/*!
 * 
 * CSS spécifique pour la BKS 
 * 
 * 
 */
/* On affiche l'image de fond */ 
@media only screen and (min-width:768px) {
header {
	background: #FFF;
	/*background: linear-gradient(to bottom, #F5F5F5 0, #FFF 7%, #FFF 100%);*/
    height: 140px;
	background-size: cover; 
	background-position: left;
    background-image: url(pf_MMA_Banner.jpg);
    background-repeat: no-repeat;
	position: relative
}
 
/*on cache le logo*/
.cq-wcm-edit .logo {
	display: none
}
/*emplacement du titre dans le header*/
.mod-layout .mod-logo{
	position: absolute;
	top: 45%;
	left: 45%;
}

/*on cache le logo*/
.mod-layout .mod-logo {
	display: none
}

/* titre du site */
.mod-layout .mod-logo h2 {
    color: #875949;
	background: #FFF; 
    font-weight: 900;
    font-size: 1em;
    max-width: 310px;
    line-height: 1.3;
	margin: 0;
    padding-left: 1em;
	padding-right: 1em;
	float: left
    

  }
 .nav-service {
   
  /*background: #FFF;*/
   /*padding-left: 1em;
	padding-right: 1em*/
  
  }

@media only screen and (min-width:768px){
.nav-service{
	float:right
	}
}  
  
  .nav-lang {
   /*background: #FFF;*/
   padding-left: 0.8em;
	padding-right: 0.8em
  }
 }
 /* champ de recherche*/
.mod-layout .mod-searchfield {
	
	position: absolute;
	bottom: 5px;
	right: 10px;
}


@media only screen and (max-width:767px) {
 
 .mod-layout .mod-logo{
	display:none
	}
}
  /*on cache le logo mobile*/
.mod-layout .nav-mobile-logo img{
	display: none
}
/* titre du site mobile */
  .mod-layout .nav-mobile h2 {
    color: #454545;
    display: inline-block;
    margin: 4px 0 0 6px;
    width: auto;
    font-size: 1.2em;
    font-weight: 100;
  }
 /*ligne en dessous de barre de navigation mobile fixe */
.nav-mobile.fixed{
	border-bottom:5px solid #875949
}
/* liens haut du banner*/
.nav-service {
	/*color:#FFF;*/
	background: rgba(0,0,0,0.5);
	
	
	
	
}

.nav-service a{
	color:#FFF;
	margin-left: 5px;
	margin-right: 5px
}

.nav-service a:hover{
	/*color:#875949*/
	color: #000;
	background: rgba(255,255,255,1.0);
}

/*choix de la langue*/
/*.nav-lang {
	display: inline-block;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	padding-left: 15px;
	
}*/

@media only screen and (min-width:768px) {
/*.nav-lang {
	border-left: 1px solid #000
}*/
.nav-lang a {
	color: #000;
	padding: 4px
}
.nav-lang a:hover {
	color: #FFF;
	background: rgba(0,0,0,0.5);
}
.nav-lang a.active {
	color: #FFF;
	background: rgba(0,0,0,0.5);
}

.nav-lang a.disabled {
	color: #000
}
}

@media only screen and (max-width:767px) {
.nav-lang {
	margin-bottom: 0;
	margin-left: 5px;
	padding-left: 0
}
}


.nav-lang a.disabled:hover {
	cursor: default
}


/*menu côté  trait extérieur*/
.nav-page-list li.active:before {
	background: #875949
}
.nav-page-list li.list-emphasis.active>a:before,.nav-page-list li.list-emphasis.active>span:before{
	background: #875949
}
/*box "contacts" "informations complémentaires*/
/*couleur de la police*/
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
	color: #875949
}

/*ligne sur titre */
.nav-tabs>li.active>a::before,.nav-tabs>li.active>a:focus::before,.nav-tabs>li.active>a:hover::before,.nav-tabs>li>a:focus::before,.nav-tabs>li>a:hover::before{
	
	background-color: #875949;
}

/* Titres */
/*.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color: #333
}*/

/*Navigation principale*/

@media only screen and (max-width:767px){
.nav-main{
			background:#fff;
			border:0;
			border-bottom:5px solid #875949;
			position:relative
			}
.nav-main .navbar-nav{display:none}
}

/*@media only screen and (min-width:768px){*/
/*couleur trait en dessus de la navigation*/
.nav-main{
	border-top:5px solid #875949
}
/*couleur police hover*/
.nav-main.yamm .nav>li>a:focus,.nav-main.yamm .nav>li>a:hover{
	color:#875949;
	
}
/*couleur trait en dessus du menu ouvert*/
.nav-main.yamm .nav>.open>a{
	
	border-top:5px solid #875949
	
}

/*couleur trait en dessus du menu ouvert*/
.nav-main.yamm .nav .dropdown.active>a,.nav-main.yamm .nav .dropdown.current>a{
	
	border-top:5px solid #875949
}

/*teaser page accueil onglet*/
.mod-teaserfocus .nav.nav-tabs li a,.mod-teaserfocus .nav.nav-tabs li.active a{
	color: #875949
}


/*footer*/
footer{ 
	border-top:1px solid #d5d5d5;
	background:#faf8eb;
	margin-top:20px
	}

/*logo footer*/
.mod-cobranding {
	display:none
}