/* liScroll styles */
#bandeau {
	width: 100% !important;


}

.bgticket {
	background: #2a64a2;
}

.tickercontainer {
	/* the outer div with the black border */
	width: 100%;
	height: 50px;
	margin: 0;
	padding-top: 7px;
	overflow: hidden;
	background: #2a64a2;

}

.tickercontainer .mask {
	/* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	background: #2a64a2;
	left: 10px;
	top: 8px;
	width: 100%;

}

ul.newsticker {
	/* that's your list */
	position: relative;
	left: 250px;
	list-style-type: none;
	margin: 0;
	padding: 0;

}

ul.newsticker li {
	float: left;
	/* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	display: block !important;
	white-space: nowrap;
}

ul.newsticker a {

	padding: 0;
	margin: 0 50px 0 0;
	font-size: 15px;
	color: #fff;
}

ul.newsticker span {
	margin: 0 10px 0 0;
	color: #fff;
	font-size: 1rem;
}

.tickercontainer .btn {
	z-index: 1;
}

#bandeau {
	white-space: nowrap;
	overflow: hidden;
	display: block;
	/* or inline-block if needed */
	width: 100%;
	/* full width for scrolling */
}

.bgticket {
	overflow: hidden;
	/* hide overflow on parent */
	height: 2.5em;
	/* fixed height for ticker */
}

#bandeau li {
	display: inline-block;
	/* ensure horizontal layout */
}

#bandeau li span {
	white-space: nowrap;
	/* prevent text wrap inside items */
}