/* CSS NEWSK0*/

/* this page declarations */	
#wrapp {
1em Arial;
margin: 0;autposition:absolute;
width: 750px;
text-align: left;
font: normal o;
padding: 0;
color: black;
}
#wrapp h1 {font: bold 1.1em Arial; margin: 1.2em 0 0.5em 0; padding: 0;}
.gnb {
/**************affchage du cadran************* */
float:left;
position:absolute;
width: 730px; 
height:40px;
margin:-40px 0 0px 5px; /*top-bottom-right -left*/
background:url(images/db_barre.png) center top no-repeat;
overflow:hidden;
}

#wrapp p{font: normal 0.9em Arial; margin: 1em 0; padding: 0;}
#wrapp h2 {font: bold 1em Arial;}

code {
width:93%/**/;	
font: normal 11px 'Courier New', Courier, Fixed;
color: #000;
display: block;
padding: 1em;
margin: 1em 0;
border-left-width: 5px;
white-space: pre;
overflow-x: auto;

}


/* *  *liScroll style declarations*  *  */

.tickercontainer { /* the outer div with the black border */
width: 750px; 
height: 30px;
margin-top:9.5px; 
padding: 0
overflow: hidden; 
}/*******************MISE EN FORME DU TEXTE****************/
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
/********taille de laffichage de lecriture***************/

left: 10px;

width: 900px;
height:20px;
overflow: hidden;
float : left;
}

ul.newsticker { /* LA LISTE*/
text-align:left;
height:20px;
width : 100%;
position: relative;
right:50px;
font: bold 10px Verdana;
list-style-type:none;
margin-left:50px;
padding: 0;
}

ul.newsticker li {
/*PLACEMENT*/
postion : absolute;
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin-top:0px;
padding: 0;
width:auto;
width:auto;		

}
ul.newsticker a {
/* FORMAT DES LIENS*/
white-space: nowrap;
padding: 0;
color:#0000FF;
font: bolder 10px Verdana;
margin: -0px 100px 0 0;
text-decoration:none;
cursor:pointer;	
} 

ul.newsticker span.date {	
margin: 0 10px 20px 20px;
} 

ul.newsticker span.campagne{
background-image:url(images/campagne.png);
color:#ffff00;

}
ul.newsticker span.cqui{
background-image:url(images/cqui.png);
color:#000000;
}

ul.newsticker span.visio{
background-image:url(images/visio.png);
color:##ff0000;
}

ul.newsticker span.quoi{
background-image:url(images/quoi.png);
color:##ff0000;
}

ul.newsticker span.rp{
background-image:url(images/rp.png);
color:#81007e;
}
ul.newsticker span.musik{
background-image:url(images/musik.png);
color:#33a02b;
}
ul.newsticker span.depot{

background-image:url(images/depot.png);
color:#ffbf00;
}