html {
	position:relative;
	min-height:100%;
}
body {
	margin-bottom:0px;
	padding-top:50px;
}

p{
  	margin:unset;
  	font-size:1.4em;
  
}

.mainWrapper{
  padding-bottom:60px;
}

.counter{
  visibility:hidden !important;
  
}
/****************/
/*              */
/* navigation   */
/*              */
/****************/
.navbar{
	background:#337ab7/*cloudyGrey*/;
}

a.navbar-brand,.navbar-nav a{
	color:#fff!important;
}

ul.navbar-nav li:hover {
  background-color:#ffffff;
}
ul.navbar-right li {
  background-color:transparent;
}
ul.navbar-right li:hover {
  background-color:transparent;
}

a.navbar-brand:hover,.navbar-nav a:hover{
  	color:#0a4d73/*darkBlue*/!important;
}

.dropdown-menu a{
	color:#337ab7/*cloudyGrey*/!important;
}
.dropdown-menu .active a{
	color:#ffffff/*cloudyGrey*/!important;
}
.navbar-brand{
	display:none;
}
.item-101{ /*home*/
	font-size:1.3em;
}



.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
color:#ffffff;background-color:#8DA3B6

}

a.hds{
	display:inline-block;
	height:30px;
	width:149px;
	background:url(../images/habillage/logoHeader.png);	
	margin-top:10px;
}
a.hds span{
	display:none;
}


/****************/
/*              */
/* Historique   */
/*              */
/****************/

.item-page img{
	width:100%;
}




/****************/
/*              */
/* carousel     */
/*              */
/****************/
/*.carousel .item {
	height:500px;
	background-color:#777;
}*/

#myCarousel .item {
	height:300px;
	background-color:#777;
}

#carouselWrapper{
	margin:0!important;
	text-align: center;
}
#myCarousel{
	margin:0!important;
  	height:300px;
}
#myCarousel img{
	max-width:unset;
	min-width:100%;
	min-height:100%;
	object-fit:cover;
	width:50%;
	height:50%;

}
#myCarousel .carousel-caption{
	position:absolute;
	top: 15%;
    bottom: 20%;
    color:#d3dfef;
    text-align:center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.7);
}
/*********************/
/*                   */
/* three cols before */
/*                   */
/*********************/
#threeColsBeforeWrapper{
	margin:0!important;
	background:#98bdd2/*lightBlue*/;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#98bdd2+0,98bdd2+21,d4dadd+100 */
	background: #98bdd2; /* Old browsers */
	background: -moz-linear-gradient(top, #98bdd2 0%, #98bdd2 21%, #d4dadd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #98bdd2 0%,#98bdd2 21%,#d4dadd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #98bdd2 0%,#98bdd2 21%,#d4dadd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98bdd2', endColorstr='#d4dadd',GradientType=0 ); /* IE6-9 */
	color:#fff;
	border-top:1px solid #999;
	border-bottom:1px solid #ccc;
}
#threeColsBeforeWrapper h2{
	color:#337ab7/*cloudyGrey*/;
}
/********************/
/*                  */
/* three cols after */
/*                   */
/********************/
/* padding before end page */
.AnSoLaReVa{
  height:60px;
}


/*#threeColsAfterWrapper{
	margin:0!important;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
#threeColsAfterWrapper h2{
	color:#337ab7;
}*/
#threeColsAfterWrapper{
	margin:0!important;
	background:#98bdd2/*lightBlue*/;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#98bdd2+0,98bdd2+21,d4dadd+100 */
	background: #98bdd2; /* Old browsers */
	background: -moz-linear-gradient(top, #98bdd2 0%, #98bdd2 21%, #d4dadd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #98bdd2 0%,#98bdd2 21%,#d4dadd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #98bdd2 0%,#98bdd2 21%,#d4dadd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98bdd2', endColorstr='#d4dadd',GradientType=0 ); /* IE6-9 */
	color:#fff;
	border-top:1px solid #999;
	border-bottom:1px solid #ccc;
	color:#333;
}
#threeColsAfterWrapper h2{
	color:#337ab7/*cloudyGrey*/!important;
}
#threeColsAfterWrapper img{
    max-width: calc( 100% - 20px );
    max-width:100% ;
}

/****************/
/*              */
/* wrapper      */
/*              */
/****************/
#mainWrapper{
    padding-bottom: 60px;
}
#main{
	margin-top:0px;
}
#main hr{
	clear:both;
}
#main h2{
	clear:both;
}
/***************/
/*             */
/* page header */
/*             */
/***************/
.page-header, .content-category{
	margin:2.5em 0 0em 0;
	color:#337ab7;
}
.content-category h2{
	padding-bottom: 9px;
    border-bottom: 1px solid #eeeeee;
}

.page-header h2 ,.content-category h2{
	font-size:2.3em;
}

/**********************/
/*                    */
/* images and figures */
/*                    */
/**********************/
figure{
	    margin: 0px 0px 10px 0px;
}
.figure.float-right{
	float:right;
	margin:10px 0 10px 10px;
}
.figure.float-left{
	float:left;
	margin:10px 10px 10px 0;
}
figure img{
	max-width: 100%;
	height: auto;
}
.figure .figure-caption{
	color:#000;
	text-align:center;
	padding:10px 0 0 0;
}
.img_caption  {
	background:#eee;
	text-align:right;
}
/****************/
/*              */
/* footer       */
/*              */
/****************/
#footer {
	position:fixed;
	bottom:0;
	width:100%;
	/* Set the fixed height of the footer here */
	height:60px;
	background-color:#f5f5f5;
	background:#337ab7/*cloudyGrey*/;
	border-top:1px solid #ccc;
}

#footer .footerLeft{
	float:left;
}
#footer .footerRight{
	float:right;
}

#footer a{
	display:inline;
	line-height:60px;
	color:#fff;
	margin:0;
	padding:0;
}

#footer p{
	display:inline;
	line-height:60px;
	color:#fff;
	margin:0;
	padding:0;
}
#footer ul{
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#footer li{
	display:inline;
	list-style:none;
	margin:0 0.3em;
}
#footer li{
	display:inline;
	list-style:none;
}
#footer img{
    height: 100%;
    max-height: 48px;
    max-width: 160px;
    margin: 3px;
    padding: 3px;
    background: white;
}
/*****************/
/*               */
/* miscellaneous */
/*               */
/*****************/
.video{
	margin:1em 0;	
}
@media (max-width:991px) {
	.navbar-header{
		width:100%;
		height:45px;
	}
	.navbar-header a{
	}
	#footer {
		position:relative;
		height:auto;
		padding:1em;
	}
	#footer img{
		padding:1em;
	}
	#main{
		margin-top:70px;
	}
}
@media (max-width:767px) {
	#main{
		margin-top:25px;
	}
}