/* Add here all your css styles (customizations) */
.header{
	background-color:#281409;
	border:0px;
}

.header .logo img{ max-width:200px; max-height:120px; margin-top:20px;}

.navbar-collapse{ margin-top:-170px;}

.header .navbar-nav{ padding-top:10px;}
.header .navbar-nav > li > a{ color:#fff; margin:20px; padding:5px; border:0px;}
.header .navbar-nav > li > a > span{
-ms-writing-mode: tb-rl; 
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: vertical-rl;
writing-mode: vertical-rl;
display:inline-block;
vertical-align:top;
text-transform:capitalize;
}
.header .navbar-nav > .active > a, .header .navbar-nav > li > a:hover, .header .navbar-nav > li > a:focus { background-color:#f00; color:#fff; border:0px;}
.letter-space-2{letter-spacing:0.7em;}

.navbar-collapse{ box-shadow:none;}

.content-bg{ background:url(../img/fond-img-page.jpg) top left repeat;}

.scroll-down {
  position: absolute;
  width: 100%;
  bottom: 20px;
  text-align: center;
}
.scroll-down .btn {
  height: 50px;
  width: 50px;
  border: 2px solid white;
  border-radius: 100% !important;
  line-height: 50px;
  padding: 0;
  letter-spacing: normal;
  color: white;
  font-size: 30px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.scroll-down .btn:hover {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.5);
  outline: none;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.left-inner h5{ margin-bottom:0px; padding-bottom:0px;}

.text_2_ligne{
overflow:hidden; 
  /*white-space:nowrap;*/ 
  text-overflow:ellipsis;
  height:46px;
  line-height:normal;
 }
@media (max-width: 991px) {
	.navbar-collapse{ margin-top:0px;}
	.header .navbar-nav > li > a > span{
		-ms-writing-mode: lr-tb;
		-webkit-writing-mode: horizontal-tb;
		-moz-writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;				
		writing-mode: horizontal-tb;
	}
	/*.letter-space-2{letter-spacing:normal;}*/
	.header .navbar-nav > li > a{ border-bottom:1px #fff solid; margin:10px;}
	.header .navbar-nav > .active > a, .header .navbar-nav > li > a:hover, .header .navbar-nav > li > a:focus { border-bottom:1px #fff solid;}
}