/* ########################## */
/* Carousel SLIDERS           */
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
#home-slider.carousel {
	width: 100%;
	position: relative;
  margin:0;
  margin-top:84px; /* sous le menu fixed */
  padding:0;
  line-height:0; /* HAUTEUR EXACTE de l'image */
}
@media (min-width: 768px) {
	#home-slider.carousel .deco-up {
		position:absolute;
		top:0;
		left:0;
		z-index:1;
	}
	#home-slider.carousel .deco-down {
		position:absolute;
		bottom:0;
		right:0;
		z-index:1;
	}
}
@media (max-width: 767px) {
	#home-slider.carousel {
		/* margin-top:64px; /* sous le menu fixed */
	}
	#home-slider.carousel .deco-up,
	#home-slider.carousel .deco-down {
		display:none;
	}
}
#home-slider .carousel-inner {
	max-height:none;
}

#home-slider .carousel-inner .item .carousel-content { /* ######################""" */
	/* margin-top: 120px;
	margin-top: 80px; */
	position: absolute;
	z-index: 2;
	top:50%;
	left:0;
	right:0;
	line-height:100%;
	transform: translateY(-50%);
}
#home-slider .carousel-inner .item .carousel-content i {
	color:#ec5e00;
	font-size:4em;
}
#home-slider .carousel-inner .item .carousel-content h2 {
	font-family:'Roboto', Helvetica, Arial, sans-serif;
	font-size:38px;
	line-height:38px;
	font-weight:700;
	text-shadow:1px 1px 1px rgba(50, 50, 50, 1);
	background:none;
	color:#4aa3df;
	opacity:1;
	display:block;
}
#home-slider .carousel-inner .item .carousel-content hr {
	width:600px;
	margin:0 auto;
	margin-bottom:15px;
	border-bottom:2px solid #fff;
	background:none;
	color:#de0e49;
	opacity:1;	
	display:block;
}
#home-slider .carousel-inner .item .carousel-content p {
	font-family:'Roboto', Helvetica, Arial, sans-serif;
	font-size:28px;
	font-weight:700;
	margin:0 auto; /* centrage texte */
	text-shadow:1px 1px 1px rgba(150, 150, 150, 1);
	background:none;
	color:#de0e49;
	opacity:1;	
	display:block;
}
#home-slider .carousel-inner .item .carousel-content .btn-carousel {
	font-family:'Roboto', Helvetica, Arial, sans-serif;
	font-size:28px;
	font-weight:400;
	border-radius:0;
	border-color:#000;
	text-shadow:1px 1px 1px rgba(150, 150, 150, 1);
	color:#000!important;
	background:#fff;
}
#home-slider .carousel-inner .item .carousel-content .btn-carousel:hover {
	color:#fff!important;
	background:#9c9e9f!important;
}
#home-slider .carousel-inner .item .carousel-content a.btn-carousel { /* ##############" */
	height:auto;
}
@media (max-width: 990px) {
	#home-slider .carousel-inner .item .carousel-content {
		top:70%;
	}
	#home-slider .carousel-inner .item .carousel-content i {
		font-size:2em;
	}
	#home-slider .carousel-inner .item .carousel-content h2 {
		font-size:28px;
	}
	#home-slider .carousel-inner .item .carousel-content hr {
		width:200px;
		margin:0 auto;
		margin-bottom:15px;
		border-bottom:2px solid #fff;
		background:none;
		color:#de0e49;
		opacity:1;	
		display:block;
	}
	#home-slider .carousel-inner .item .carousel-content p {
		font-size:16px;
	}
	#home-slider .carousel-inner .item .carousel-content .btn-carousel {
		display:none;
	}
}
/* Declare heights because of positioning of img element */
#home-slider.carousel .item {
  /* height: 450px; */
  /* height: 380px; */
  text-align:center;
  background-color:transparent;
  -webkit-background-size:cover !important;
  -moz-background-size:cover !important;
  -o-background-size:cover !important;
  background-size: cover !important;
/*  background-position:center center !important; ##############" */
/*  overflow:hidden; */
}
#home-slider.carousel.stations .item {
  /* height: 547px;
  background-position:center; */
}
#home-slider.carousel.homepage .item {
  /* height: 735px; SUPPRIMER POUR CONSERVER CENTRAGE ET COVER DE <img */
}
.carousel-inner > .item {
	display:none;
	position:relative;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .active {
	left:0;
}
#home-slider.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}
#home-slider.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-control {
	color:#fff;
	top:0;
	bottom: 0;
	left: 0;
	width: 15%;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	filter: alpha(opacity=50);
	opacity: .5;
}
@media (max-width: 990px) {
	.carousel-control {
		display:none;
	}
}
.carousel-control.left {
	text-align: left;
}
.carousel-control.right {
	text-align: right;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
}
.carousel-control span.fa {
	font-size:60pt;
	margin-top:70%;
	padding:5px 10px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}
.carousel-control span.fa.fa-angle-left {
	border-right:2px solid #fff;
}
.carousel-control span.fa.fa-angle-right {
	border-left:2px solid #fff;
}

#home-slider .carousel-inner > .item > img,
#home-slider .carousel-inner > .item > a > img {
	width:100%;
}

#home-slider .carousel-inner > .active,
#home-slider .carousel-inner > .next,
#home-slider .carousel-inner > .prev {
	display:block;
}

#home-slider .carousel-inner > .active {
	left:0;
}

#home-slider .carousel-inner > .next,
#home-slider .carousel-inner > .prev {
	position:absolute;
	top:0;
	width:100%;
}
#home-slider .carousel-inner > .next {
	left:100%;
}
#home-slider .carousel-inner > .prev {
	left:-100%;
}
#home-slider .carousel-inner > .next.left,
#home-slider .carousel-inner > .prev.right {
	left:0;
}
#home-slider .carousel-inner > .active.left {
	left:-100%;
}
#home-slider .carousel-inner > .active.right {
	left:100%;
}


#home-slider.carousel-fade .carousel-inner .item {
	opacity:0;
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-o-transition-property:opacity;
	transition-property:opacity;
}

#home-slider.carousel-fade .carousel-inner .active {
	opacity:1;
}

#home-slider.carousel-fade .carousel-inner .active.left,
#home-slider.carousel-fade .carousel-inner .active.right {
	left:0;
	opacity:0;
	z-index:1;
}

#home-slider.carousel-fade .carousel-inner .next.left,
#home-slider.carousel-fade .carousel-inner .prev.right {
	opacity:1;
}

#home-slider.carousel-fade .carousel-control {
	z-index:2;
}
