.navbar-nav{margin:0!important;}
@media(max-width:768px) {
    .navbar-nav{display:table-cell!important;}
}
/*-------------------------------------------*/
/*----------------- GENERAL -----------------*/
/*-------------------------------------------*/
body { 
	font-family:"Agency-FB";
}
.container, .container-fluid{
  line-height: 1.8;
  font-size: 17px;
}
/* img logo size resolution managment */
.navbar-brand img {
	height:57px;
}
@media(max-width:768px) {
	.navbar-brand {
		padding: 9px 15px;
	}
	.navbar-brand img {
		height:49px;
	}
}
h2{color: #009eff!important;}
/*.ensavoirplus{padding-top: 25px;}*/

/*-------------------------------------------*/
/*------------------ UTILS ------------------*/
/*-------------------------------------------*/
.img-center{
	margin:0 auto!important;
}
.col-center{
    float: none;
    margin: 0 auto;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.row-centered {
	text-align:center;
}
.text-justify{text-align: justify!important;}
.background-gray{
	background-color:#EAEAEA;/*#F6F5F5;*/
}
.background-black{
	background-color:black;
}
.background-gradient{
	/*f2f2f2*/
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #EAEAEA); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #EAEAEA); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #EAEAEA); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #EAEAEA); /* Standard syntax */
}
.pink{color:#ff2089!important;}
.white{color:white!important;}
.font-60{font-size:60px!important;}
.font-70{font-size:70px!important;}
.font-80{font-size:80px!important;}
.font-90{font-size:90px!important;}


.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb60{margin-bottom:60px!important;}
.mb80{margin-bottom:80px!important;}

.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt60{margin-top:60px!important;}
.mt80{margin-top:80px!important;}

.px21{font-size:21px!important;}
.px24{font-size:24px!important;}
.px49{font-size:49px!important;}

.text-shadow{text-shadow: 1px 1px rgba(7, 5, 5, 0.78);}
.text-shadow-white{text-shadow: 1px 1px rgba(236, 236, 236, 0.78);}
.box-transparent{
	background-color: rgba(0, 0, 0, 0.50);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.no-margin{margin:0px!important;}
.no-padding{padding:0px!important;}

@media (max-width: 767px) {
  .text-xs-center {
    text-align: center;
  } 
}

/*------------------------------------------*/
/*---------------- FOOTER ------------------*/
/*------------------------------------------*/
#footer h4{
	color: #333;
	font-size: 14px;
	font-weight: bold;
}

#footer a, #footer u{
	color:#333;
	font-size: 13px;
}
#subfooter a{
	color: #ADABAB;
	font-size:13px;
}
#copyright{
	color: #555;
	font-size:11px;
}
#footer img{
	max-height:41px;
	max-width:41px;
	margin-right:5px;
	vertical-align:middle;
}

/*-------------------------------------------------------*/
/*------------- ACTIVE TAB NAVBAR MANAGMENT -------------*/
/*-------------------------------------------------------*/


/*@media (min-width: 768px) {
    .navbar .navbar-header,
    .navbar-collapse {
        float:none!important;
        display:inline-block!important;
        vertical-align: top!important;
    }

    .navbar-collapse  {
        display: block;
    }
}*/


.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}
@media (min-width: 768px) {
  .navbar .navbar-collapse {
    text-align: center;
  }
}

.navbar-collapse{
  border-top:0px;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
.navbar-toggle{
  float:left;
}
.navbar-header{
  text-align:center;
}
.navbar-header button{
  margin-left:10px;
}
.navbar-brand{
  float:none;
}
.navbar-brand img{
      margin-left: -65px;
      display:inline;
}
.navbar-default .navbar-toggle .icon-bar{
  background-color:white;
}
.navbar-default .navbar-toggle {
  border:none;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background:none;
}
/*@media (min-width: 768px) {
  .navbar-nav li a i.fa{
    display: block;
  }
}*/
@media (max-width: 768px) {
  .navbar-collapse{
    overflow-x: auto;
  }
  .submenu .navbar-nav{
        white-space: nowrap;
  }
  .submenu .navbar-nav li{
    display:inline-block;
  }
}





.navbar-nav>li>a {
	line-height: 26px;
}    
.navbar-brand {
    padding:0px;
}

/* menu icon & text centered */
/*.navbar-default .navbar-nav>li>a {
	text-align:center;
}*/

.navbar-default .navbar-nav>li>a.active {
  text-align: center;
	color: black!important;
}


.subnav>a{
	color:#ded9d9!important;
}
/* menu actif */
.subnav.active>a, .subnav.active>a:focus, .subnav.active>a:hover, .subnav>a:focus, .subnav:hover>a, .subnav.mouseover>a{
	color: #9a9999!important;
	background-color: transparent!important;
}

/*-------------------------------------------------------*/
/*------------------- CUSTOM CAROUSEL -------------------*/
/*-------------------------------------------------------*/
.custom-carousel .carousel-indicators li{
	border-color:rgba(0, 0, 0, 0);
	background-color:gray;
}
.custom-carousel .carousel-indicators li.active{
	background-color:rgba(0, 0, 0, 0);
	border-color:#2894DC;
}

/* carousel indators en dessous des images */
.carousel-indicators{
	bottom: -30px!important;
} 
.carousel ol{
	margin-bottom: 0px!important;
}

.carousel img {
    width: auto;
    margin: 0 auto;
    max-height: 425px!important;
}

/* Carousel fade au lieu de slide */
.carousel-fade .item {
	transition: opacity 1s!important;
}
.carousel-fade .item,
.carousel-fade .active.left,
.carousel-fade .active.right {
	opacity: 0!important;
}
.carousel-fade .active,
.carousel-fade .next.left,
.carousel-fade .prev.right {
	opacity: 1!important;
}
.carousel-fade .next,
.carousel-fade .prev,
.carousel-fade .active.left,
.carousel-fade .active.right {
	left: 0!important;
	transform: translate3d(0, 0, 0)!important;
}

/* CSS used here will be applied after bootstrap.css */
@-webkit-keyframes flip {
  0% {
    -webkit-transform:  rotate3d(0, 1, 0, -360deg);
            transform:  rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform:   rotate3d(0, 1, 0, -190deg);
            transform:   rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform:   rotate3d(0, 1, 0, -170deg);
            transform:   rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  80% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform:  rotate3d(0, 1, 0, -360deg);
            transform:  rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform:   rotate3d(0, 1, 0, -190deg);
            transform:   rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform:   rotate3d(0, 1, 0, -170deg);
            transform:   rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  80% {

    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {

    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}
.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
.carousel-inner.anim > .next.left {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  left: 0;
}
.carousel-inner.anim > .prev.right {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  left: 0;
}

		
/*-------------------------------------------------*/
/*------ BACK GROUND IMG OPACITE/TRANSPARENT ------*/
/*-------------------------------------------------*/
.dark-translucent-bg:after {
	background-color: rgba(0, 0, 0, 0.5);
}
.light-translucent-bg,
.dark-translucent-bg,
.default-translucent-bg,
.two-col-translucent-bg {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 0;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
	overflow: hidden;
}
.dark-translucent-bg:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1, 1);
}
.dark-translucent-bg > div{
	z-index: 3;
	position: relative;
}


/*-------------------------------------------*/
/*------ MODAL (Images ouvertes en HD) ------*/
/*-------------------------------------------*/
img:hover{
  cursor:pointer;
}
.modal .btn-default {
    color: #009eff!important;
    background-color: white!important;
    border-color: #009eff!important;
}
.modal .btn-default:hover {
    color: white!important;
    background-color: #009eff!important;
    border-color: white!important;
}

/*-------------------------------------------------*/
/*------------------ CUSTOM FONT ------------------*/
/*-------------------------------------------------*/
/* IE hack cuz agency ttf not working on it: http://blog.fontspring.com/2011/02/the-new-bulletproof-font-face-syntax/; */
@font-face {
	font-family: "Agency-FB";
	src: url(../fonts/agency_fb.eot?) format('embedded-opentype'),
       url(../fonts/agency_fb.ttf) format('truetype');
}
@font-face {
	font-family: "Agency-FB-Bold";
	src: url(../fonts/agency_fb_bold.eot?) format('embedded-opentype'),
       url(../fonts/agency_fb_bold.ttf) format('truetype');
}
/* BUG ON FIREFOXstrong{
	font-family:"Agency-FB-Bold";
}*/

/*-------------------------------------------*/
/*----------------- DEBUG -------------------*/
/*-------------------------------------------*/
.debug{color:red;}
.active .debug{font-weight: bold;text-decoration: underline;}