/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
	border: none;
	/*background: #fff;*/
	width: 100%; /*inherit à regler en fonction de la longueur totale de tous les textes + marges -auto*/
	height: 2em; /*Hauteur de l'enveloppe globale */
	margin: 0;
	padding: 0;
	margin-left:0px;/*marge par rapport a la div hôte */
	overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0;/*marge gauche ds tickercontainer - l'endroit ou disparait la liste (heritée)*/
top: 0.5em;/*8px -marge haut par rapport  à l'enveloppe*/
width: 100%;/*dimension de la fentre de défilement par rapport à tickercontainer */
overflow: hidden;
}
/* avant titre de l'annonce */
ul.newsticker { /* that's your list */
position: relative;
left: 120%;/*750px puis 102% a une influence sur le lag de demarrage - endroit ou la liste sort par rapport au container*/
font: Arial, Helvetica, sans-serif, "Arial Narrow";
list-style-type: none;
margin: 0;
padding: 0;
color:#FF0000; /*rouge*/
font-weight:bold;
font-style:italic;
font-size:1em;

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

/*background: #fff;*/
}
/*texte de l'annonce détaillée */
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #030; /*vert beaufresne */
font: Arial, Helvetica, sans-serif, "Arial Narrow";
margin: 0 30px 0 0;/* marge droite du texte utilisé comme lien */
text-decoration: none;
font-weight:bold;
font-size: 1.2em;

} 
ul.newsticker span {
margin: 0 10px 0 0;/*marge droite du texte d'accroche*/
}