@import url(https://fonts.googleapis.com/css?family=Lato);


.header-video {
  position: relative;
  overflow: hidden;
  min-height: 210px;
  position: relative;
    overflow: hidden;
    max-width: 1498px;
    max-height: 800px;
}

.header-video iframe,
.header-video video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.header-video iframe {
  height: 100%;
  width: 100%;
}

.header-video video {
  width: 100%;
  margin-top: 40px;
}

.header-video__teaser-video {
  width: 100%;
  height: auto; 
}

.header-video__media {
  width: 100%;
  height: auto;
}

.center-block {
    width:440px;
    padding:10px;
    }
.video {
    margin-top:20%;
    }
    .thumbnail a>img, .thumbnail>img {
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
}
    body{
        color:#000;
        font-family: Arial, Helvetica, sans-serif;
        background-color: #EAEAEA;
    }
    .navbar-inverse .navbar-nav>li>a{
        font-style:italic;
        color: #fff;
    }
    h4{
        font-style:italic;
        font-family: inherit;
        font-weight: 300;
    }
    h1{
          margin-bottom: 40px;
          text-transform: uppercase;
    }
    h2{
      font-size: 20px;
    }
    a.navbar-brand {
    font-family: "Heavy", Georgia;
    font-weight: 300;
    font-style: italic;
    font-variant: small-caps;
    color:#000;
  }
  a.navbar-brand.show {
    font-family: 'Heavy', Georgia;
    font-weight: bold;
    font-size: 38px; 
    float: left;
    color: #Fff;
    letter-spacing: -1px;

}
.quote{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  font-family: 'lato';
}

  #intro, #jpositif, #reportage, #talents, #inside{
    padding: 20px;
    text-align: center;
  }
  .header-video, #intro, #jpositif, #reportage, #talents, #inside, .footer{
    border-width: 1px;
    border-style: solid;
    border-color: black;
  }
 #intro, #talents{
    background-color: #005d91; 
  }
  #jpositif{
    background-color: #eeeeee;
    }
  #reportage, #inside{
    background-color: #fff;
    }
  #talents{
    background-color: #005d91;
  }
  
  
  .footer{
    background: 
    /* top, transparent black, faked with gradient */ 
    linear-gradient(
      rgba(0, 0, 0, 0.7), 
      rgba(0, 0, 0, 0.7)
    ),
    /* bottom, image */
    url(../img/bckground.jpg);
    font-family: ''; 
    color: #fff;
    padding: 4%;
    text-transform: uppercase;
    text-align: center;
  }

.brand-centered .navbar-brand {
  display: flex;
  align-items: center;
}
.navbar-alignit .navbar-header {
    -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 50px;
}
.navbar-alignit .navbar-brand {
  top: 50%;
  display: block;
  position: relative;
  height: auto;
  transform: translate(0,-50%);
  margin-right: 15px;
  margin-left: 15px;
}
.showplayer{
  height: 600px;
}
.play{
  margin:0 auto;
  z-index: 5;
}
.pager{
        background-color: rgba(0, 0, 0, 0.8);
        color: #fff;
        z-index: 5;
        position: absolute;
        z-index: 5;
        left: 50%;
        top: 50%;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 14px; 
       
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: background .5s;
        -moz-transition: background .5s;
        transition: background .5s;
        }
.detailshow{
    padding-top: 460px;
    right: 0;
}
.faketitle{
  padding-top: 14px;
  display: block;
}

@media (min-width: 768px) {
  #intro, #jpositif, #reportage, #talents, #inside{
    padding: 50px;

  }
  .centerContainer {
    margin: auto;
    max-width: 1500px;
    border-style: solid;
    border-width: 1px;
}
  p{
    font-size: 15px;
  }
}