/******************************
** Philippe Solé Coach Sportif
**
**@date: Juin 2014
**@author: Virginie Prince
**@company: Bernezac-comminication
******************************/
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot?#iefix') format('eot'),
         url('../fonts/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue-webfont.svg#webfontX0YNjQNl') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {font-family: 'Lato', sans-serif;}
h1, h2 { font-family: 'BebasNeueRegular';}

a:focus { outline: none;}


/********NAVIGATION************/
.nav-sole{ font-family: 'BebasNeueRegular'; font-size: 25px;}
.navbar-brand {
    float: left;
    padding: 14px 15px;
    font-size: 20px;
    line-height: 22px;
    height: auto;
}
.main-nav { float: right; margin: 30px 0 0 0; }
.main-nav li { padding: 0 10px; vertical-align: middle;}
.main-nav li a.active { background: url(../img/points.png) bottom right no-repeat; padding-bottom:15px;}
.main-nav .leaf-sous-nav { position: relative;  }
.main-nav .leaf-sous-nav .sous-nav { visibility: hidden ; opacity:0; }
.main-nav .leaf-sous-nav:hover .sous-nav { visibility: visible; opacity:1; transition: opacity 0.5s linear;  }
.main-nav li .sous-nav { position: absolute; top:89%; left: 0px; z-index: 1000; width: 300px; padding-top:15px; background: url(../img/points.png) right 10px  no-repeat #fff; border-top: 1px solid #38849F; }
.main-nav li .sous-nav a { font-size: 18px; }

.icon-bar {background: #38849F;}

/*******INDEX*******/
#index #landing {position: relative; min-height:800px; background: url(../img/bg-landing.jpg) no-repeat ;background-size: 100% auto;} /****regler en fonction de taille écran****/
#index #landing h1 {position: relative; font-size: 65px; color:#fff;background: url(../img/points.png) bottom right no-repeat; padding-bottom: 10px; margin-top: 30px;}
#index #landing h1:after {content:""; position: absolute; bottom:5px; margin-left:15px; left:0; width: 90%; height: 3px; background:#fff;}
#index #landing blockquote { color:#fff;padding: 11px 22px; font-size: 25px; border-left: none; }
#index #landing blockquote footer { display: block; font-size: 80%; line-height: 1.42857; color: #fff; text-align: right; }
#index #landing blockquote footer cite { font-style: italic; }

/*modifs promo*/
#index #landing blockquote { margin-bottom: 0; }
#index #landing .promo { padding: 0.5em; margin-bottom: 20px; background: rgba(255,255,255,1); }
#promo #landing {position: relative; min-height:400px; background: url(../img/bg-landing-5.jpg) no-repeat ;background-size: 100% auto;}
/*/modifs promo*/

.home-btn{display: block; width: 115px; padding-top:115px; height:150px; background: url(../img/btn-home.png)top no-repeat ; text-align: center; font-weight:bold; vertical-align:bottom; color:#fff; font-size:20px; }
.home-btn:hover,.home-btn:focus {text-decoration: none;}

#index #home{ padding: 50px 0;}
#index #home h2 { background: url(../img/points.png) bottom right no-repeat; padding-bottom: 10px;}

#index #proverbe {position: relative; padding:50px 0 0 0; min-height:600px; background: url(../img/bg-prov.jpg) no-repeat ;background-size: 100% auto;} /****regler en fonction de taille écran****/
#index #proverbe p {color:#fff; font-size: 40px; text-align: center;}
#index #proverbe p:last-child {color:#fff; font-size: 40px; text-align: right; font-style: italic;}
#index #bottom { margin-top: 70px;}
/******************/

#content img {background: url(../img/points.png) bottom right no-repeat; padding-bottom: 20px;}
#content hr { position: relative; height: 2px; width:300px; margin-left: auto; margin-right: auto;background:#BBB8C8;}
#content hr:after {content:""; position: absolute; top:-7px; right:-45px; height: 15px; width:40px;background: url(../img/points.png) bottom right no-repeat;}


#landing {position: relative; min-height:400px; background: url(../img/bg-landing-2.jpg) no-repeat ;background-size: 100% auto;} /****regler en fonction de taille écran****/
#landing h1 {position: relative; font-size: 65px; color:#fff;background: url(../img/points.png) bottom right no-repeat; padding-bottom: 10px; margin-top: 30px;}
#landing h1:after {content:""; position: absolute; bottom:5px; margin-left:15px; left:0; width: 90%; height: 3px; background:#fff;}

#content{ padding: 50px 0;}

#physique-muscu #landing {position: relative; min-height:500px; background: url(../img/bg-landing-6.jpg) no-repeat ;background-size: 100% auto;} /****regler en fonction de taille écran****/
#forme-sante #landing {position: relative; min-height:500px; background: url(../img/bg-prov.jpg) no-repeat ;background-size: 100% auto;} /****regler en fonction de taille écran****/

#tarifs #landing {position: relative; min-height:300px; background: url(../img/bg-landing-3.jpg) no-repeat ;background-size: 100% auto;} /****regler en fonction de taille écran****/
#tarifs .table {font-size: 20px; text-align:center;}
#tarifs .table th {font-family: 'BebasNeueRegular'; background: #38849F; color:#fff;}
#tarifs .table td:first-child { background: #95AA41; color:#fff; text-align: left;}
#tarifs .table em { font-size: 0.8em;}

#article #landing {position: relative; min-height:400px; background: url(../img/bg-landing-4.jpg) no-repeat ;background-size: 100% auto;} /****regler en fonction de taille écran****/


#map{position: absolute; top:0;width:100%; height:300px;}
.overlay-map { width: 250px; height: 60px; background:rgba(56,132,159,0.5); color:#fff; padding:5px; font-size: 16px; }
#contact #landing{background:none; height:300px;}
#contact h1{font-size: 40px;}

/*****************/
footer { margin: 45px 0;}



#mc_embed_signup form {
    display: block;
    position: relative;
    text-align: left;
    padding: 0;
}

#mc_embed_signup_scroll { padding: 10px; border: 4px solid #38849F;}
/******MEDIA QUERY*******/
/* Small devices (tablets, 768px and up) */
@media (min-width:768px ) {


}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px ) {
#index #landing { min-height:600px;}
#index #proverbe { min-height:400px;}

}
@media (max-width:1200px) {
	.nav-sole{ font-family: 'BebasNeueRegular'; font-size: 20px;}

}
/* Large devices (large desktops, 1200px and up) */
@media (min-width:1300px) {
#index #landing { min-height:600px;}
#index #proverbe { min-height:600px;}


}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* 
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/ 
*/

/* 
This element holds injected scripts inside iframes that in 
some cases may stretch layouts. So, we're just hiding it. 
*/

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

/* Wobble Vertical */
@-webkit-keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.wobble-vertical {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-vertical:hover, .wobble-vertical:focus, .wobble-vertical:active {
  -webkit-animation-name: wobble-vertical;
  animation-name: wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Bubble Bottom */
.bubble-bottom {
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: bottom;
  transition-property: bottom;
  left: calc(50% - 10px);
  bottom: -5px;
  border-width: 10px 10px 0 10px;
  border-color: #38849F transparent transparent transparent;
}
.bubble-bottom:hover:before, .bubble-bottom:focus:before, .bubble-bottom:active:before {
  bottom: -10px;
}