@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
body {
  padding-left: 50px;
}
video {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
a,a:link,a:active,a:visited,a:hover{
  text-decoration:none;
}
.active_2 a{
  background-color: #222222;
  color: white;
  opacity:0.8;
}

.notopbar{
  border-top: 0px;
}
.navbar-twitch {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 100%;
	border-radius: 0px;
	border: 0px;
  z-index: 1030;
}
.navbar-twitch.open {
	width: 240px;
}
.navbar-twitch > .container {
	padding: 0px;
	width: 100%;
}
.navbar-twitch .navbar-header,
.navbar-twitch .navbar-brand {
	float: none;
	display: block;
	width: 100%;
	margin: 0px;
}
.navbar-twitch .navbar-brand {
  height: 50px;   
}
.navbar-twitch > .container .navbar-brand {
	padding: 0px;
	margin: 0px;
}
.navbar-twitch > .container .navbar-brand > .small-nav {
	display: block;
}
.navbar-twitch > .container .navbar-brand > .small-nav > span.logo,	
.navbar-twitch.open > .container .navbar-brand > .full-nav {
  display: block;
  font-weight: bold;
  padding: 15px 2px 15px 3px;
  font-size: 18pt;
}
.navbar-twitch.open > .container .navbar-brand {
	width: 100%;
	padding: 15px 15px 60px;
	text-align: center;
}

.navbar-twitch .navbar-nav > li {
	float: none;
}
.navbar-twitch > .container .full-nav {
	display: none;
}
.navbar-twitch.open > .container .full-nav {
	display: block;
}
.navbar-twitch.open > .container .small-nav {
	display: none;
}
.navbar-twitch .navbar-collapse {
	padding: 0px;
}
.navbar-twitch .navbar-nav {
	float: none;
	margin: 0px;
}
.navbar-twitch .navbar-nav > li > a {
	padding: 0px;
}
.navbar-twitch .navbar-nav > li > a > span {
	display: block;
	font-size: 16pt;
	padding: 13px 12px 13px 12px;
}
.navbar-twitch .tooltip,
.navbar-twitch .tooltip .tooltip-inner {
	max-width: auto;
	white-space:nowrap;
}
.navbar-twitch-toggle {
	position: fixed;
	top: 5px;
	left: 55px;
}
.navbar-twitch ~ .navbar-twitch-toggle > .nav-open {
	display: inline-block;
}
.navbar-twitch ~ .navbar-twitch-toggle > .nav-close {
	display: none;
}
.navbar-twitch.open ~ .navbar-twitch-toggle {
	left: 245px;
}
.navbar-twitch.open ~ .navbar-twitch-toggle > .nav-open {
	display: none;
}
.navbar-twitch.open ~ .navbar-twitch-toggle > .nav-close {
	display: inline-block;
}
.navbar {
  background-image: none !important;
}


/* make sidebar nav vertical */ 
@media (min-width: 768px){
  html,body{
    background-color: #f8f8f8;
    height: 100%; 
  }
  .affix-content .container .page-header{
  	margin-top: 0;
  }

  .affix-sidebar{
    padding-right:0; 
    font-size:small;
    padding-left: 0;
  }  
  .affix-row, .affix-container, .affix-content{
    margin-left: 0;
    margin-right: 0;    
  } 
  .affix-content{
    background-color:white; 
  } 
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar{
    border-radius:0; 
    margin-bottom:0; 
    border:0;
  }
  .sidebar-nav .navbar ul {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }  
  .affix-content{
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 20px;
  }  
}

@media (min-width: 769px){
  .affix-content .container {
    width: 550px;
  }
  .affix-content .container .page-header{
    margin-top: 0;
  } 
  .affix-content{
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 20px;
  }  
}

@media (min-width: 992px){
  .affix-content .container {
   width: 850px;
 }
 .affix-content .container .page-header{
  margin-top: 0;
}
 .affix-content{
	padding-right: 30px;
    padding-left: 30px;
    padding-top: 20px;
  }  
}

@media (min-width: 1220px){

  .affix-content .container {
    width: 1000px;
  }

  .affix-content .container .page-header{
    margin-top: 0;
  }
  .affix-content{
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 20px;
  }  
  .affix-title{
    border-bottom: 1px solid #ecf0f1; 
    padding-bottom:10px;
  }
  .navbar-nav {
    margin: 0;
  }
  .navbar-collapse{
    padding: 0;
  }
  .sidebar-nav .navbar li a:hover {
    background-color: #428bca;
    color: white;
  }
  .sidebar-nav .navbar li a > .caret {
    margin-top: 8px;
  }  
}

/*********************************
/**** Ouverture de la caption ****
**********************************/
.portfolio-items a {
  position: relative;
  display: block;
  color: #fff;
  overflow: hidden;
}
.portfolio-items .portfolio-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  position: absolute;
  display: block;
  z-index: 4;
  background: url("../image/thumbnail/btnplus-1.png") no-repeat scroll center 35% #4e808e;
  background-size: auto 20%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.portfolio-items a:hover .portfolio-overlay {
  opacity: 0.95;
  filter: alpha(opacity=95);
  left: 0;
}
.portfolio-items h4 {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  text-align: center;
  top: 54%;
  border-top: 1px solid #ffffff;
  margin-left: 15%;
  margin-right: 15%;
  width: 70%;
  padding-top: 15px;
  font-weight: bold;
  position: absolute;
}

.portfolio-item-details {
  background-color: #F8F8F8;
  padding: 15px;
  margin-bottom: 50px;
  display: none;
}

.portfolio-item-details .close-portfolio {
  text-align: right;
}
.portfolio-item-details .close-portfolio span {
  border: 2px solid #292929;
  color: #292929;
  display: block;
  font-family: "Tahoma", Helvetica, sans-serif;
  font-size: 22px;
  font-weight: bold;
  height: 25px;
  line-height: 1.1em;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  text-indent: 1px;
  text-transform: uppercase;
  width: 25px;
  float: right;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  text-indent: -99999px;
  background: url("../image/thumbnail/cls.png") no-repeat center center;
}
.portfolio-item-details .close-portfolio span:hover {
  opacity: 0.5;
}
.portfolio-item-details h5 {
  margin-top: 10px;
  margin-bottom: 0px;
}

.leo_test > img{
	min-width: 100%;
	height: auto;
	display: block;
}


.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}

.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}



.post-img-content
{
  height: 196px;
  position: relative;
}
.post-img-content img
{
  position: absolute;
}
.post-title
{
  display: table-cell;
  vertical-align: bottom;
  z-index: 2;
  position: relative;
}
.post-title b
{
  background-color: rgba(51, 51, 51, 0.58);
  display: inline-block;
  margin-bottom: 5px;
  color: #FFF;
  padding: 10px 15px;
  margin-top: 5px;
}

.header_content {
	height: 94px;
}

.icon-right {
  float: right;
  font-size: 24pt;
  width: auto;
  padding-top: 23px;
}

.title_page {
  float: left;
  width: auto;
  padding-top: 6px;
  padding-left: 6px;
}

.caption h3{
	color:#428bca;
	font-size: 14px;
	font-weight: 500; 
	text-align: center;
	text-transform: uppercase;
}

span.visible-xs.navbar-brand.icon_social {
	float: right;
	padding-top: 13px;
	padding-right: 23px;
}

.navbar-brand{
	padding: 15px 5px;
}
.navbar-brand a {
	font-size: 24px;
}

.nav .fa {
	font-size: 20px;
	margin-right: 5px;
}

#construct {
    bottom: 0;
    left: 0;
    opacity: 0.5;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;

}

#construct-image img {
	width: 100%;
	height: 100%;
}

.carousel-control.left, .carousel-control.right {
    background-image: none
}