.left {
	float: left;
}
.right{
	float: right;
}
.clearfix {
	clear: both;
}
li{
	 list-style:none;
}
/*************************************************************************/
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
position:fixed;
z-index:10000;
bottom:45px;
left:0;
/*border: 1px solid #000;
background-color: rgba(0, 0, 0, 0.6);*/
width: 100%; 
height: 65px; 
margin: 0; 
padding: 0;
overflow: hidden;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#020202+0,000000+100&0.6+0,0.03+20,0.03+80,0.6+100 */
background: -moz-linear-gradient(left,  rgba(2,2,2,0.6) 0%, rgba(2,2,2,0.03) 20%, rgba(1,1,1,0.03) 80%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(2,2,2,0.6) 0%,rgba(2,2,2,0.03) 20%,rgba(1,1,1,0.03) 80%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(2,2,2,0.6) 0%,rgba(2,2,2,0.03) 20%,rgba(1,1,1,0.03) 80%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99020202', endColorstr='#99000000',GradientType=1 ); /* IE6-9 */


}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 0px;
width: 100%;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position:relative;
left: 1550px;
/*font: bold 10px Verdana;
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 */
width: 583px; 
margin: 0;
padding: 0 100px;
/*background: #d85a3a;*/
}
ul.newsticker a {
/*white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;*/
} 
ul.newsticker span {
/*margin: 0 10px 0 0;*/
} 
/************************************************* EVENT (bandeau) ************************/
#pubshow{
	width: 100%; 
	height: 400px; 
	background-color: rgba(51, 51, 51, 1);
} 
#pubshow #image {
	min-height: 400px; 
	display:inline-block;
	background-color: #000;
	width: 19%;
	padding: 25px 3%;
}
#pubshow #image img{
	width: 100%;
	height: auto; 
}
#pubshow #texte {
	min-height: 400px; 
	display:inline-block;
	width: 81%;
	padding: 30px 3%;
	margin:0;
	/*background-color: #47fac3;*/
}
#pubshow #ttr-pub{
	color: #fff;
	font-size: 5em;
}
#pubshow #ttr-pub span{
	color: #cc0000;
	font-size: 0.6em;
}
#pubshow #sttr-pub{
	margin-top: 30px;
	color: #888;
	font-size: 2.2em;
}
#pubshow p{
	color: #ddd;
	font-size: 2.5em;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (max-width: 800px){
	#pubshow #ttr-pub{
		font-size: 4em;
	}

	#pubshow #sttr-pub{
		font-size: 1.8em;
	}
	#pubshow p{
		font-size: 1.8em;
	}
	#pubshow #image {
	width: 29%;
	}
	#pubshow #texte {
		width: 71%;
	}
}
@media screen and (max-width: 400px){
	#pubshow #ttr-pub{
		font-size: 2.5em;
	}
	#pubshow #sttr-pub{
		font-size: 1.5em;
	}
	#pubshow p{
		font-size: 1.5em;
	}
	#pubshow #image {
		width: 34%;
	}
	#pubshow #texte {
		width: 66%;
	}
}