/*********************************************************************/
/**********************      liste    ************************/
/*********************************************************************/

	
.csemainetxt {
    POSITION: relative;
	WIDTH: 180px;
	HEIGHT: 132px;
	margin-top:14px;
	margin-left:6px;
	/*background-color:#D5EEFA;*/
	}
	
.csemainetxt  ul 
{
margin-left:0;
padding-left:0;
margin:0px 0px 0px 0px ;
z-index:99px;
}

.csemainetxt   li 
{	
	text-align:left;
    margin:0px 0px 0px 1px ;
	font-family: arial;
	height:32px;
	font-size: 11px;
	color: #484848;
	text-decoration: none;
	text-align:left;	
	padding-left:10px;
	vertical-align:middle;	
	background-image: url(/images/pictos/pic_derniereminute.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	width:160px;
	/***********************
	display:block;
	padding-bottom:0px;
	list-style-type: none;

	padding-top:2px;

	vertical-align:middle;
	font-family: arial;
	font-size: 11px;
	color: #4d4d4d;
	text-decoration: none;
	text-align:left;
	font-weight: normal;
	float:left;
	width:200px;*/

} 
.csemainetxt   li  a {color: #484848;text-decoration:none;}
.csemainetxt   li  a:hover  {color: #484848;text-decoration:underline;}

.csemainetxt   li .date 
{	
    z-index:90px; 
	font-family: arial;
	font-size: 11px;
	color: #5a88b8;
	text-decoration: none;
	text-align:left;
	vertical-align:middle;

} 

#contenu .gauche .article li.toutes
{
	display:block;
	padding-bottom:0px;
	list-style-type: none;
	background-image: url(/images/pictos/pic_fleche3.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding-top:2px;
	padding-left:18px;
	vertical-align:middle;
	font-family: arial;
	font-size: 11px;
	color: #6f92b7;
	text-decoration: none;
	text-align:left;
	font-weight: normal;
	float:left;
	width:200px;
	}
	
#contenu .gauche .article li.toutes a {color: #6f92b7;text-decoration:none;}
#contenu .gauche .article li.toutes a:hover  {color: #6f92b7;text-decoration:underline;}
	
.csemaineflech 
{   z-index:99px;  
    position:absolute;
   	top:-6px;
	left:174px;
	WIDTH: 18px;
	HEIGHT: 120px;
	/*background-color:#2489B8;*/

}
		
.plus 
{
	padding-Left: 10px;
	padding-TOP: 0px;
	float:left;
	WIDTH: 60px; 
	HEIGHT: 12px;
}

.flechetop {
	padding-Left: 5px;
	padding-TOP: 0px; 
	float:left;
	WIDTH: 10px; 
	HEIGHT: 10px;
	}
	
.flechebas {
	padding-Left: 5px;
	padding-TOP: 120px; 
	float:left;
	WIDTH: 10px; 
	HEIGHT: 10px;
	}	
/**
 * This <div> element is wrapped by statically around the list
 * inside the HTML document.
 */
.jcarousel-scope {
	margin: 0;
    padding:0;
}

/**
 * Similar styles will be applied by jCarousel. But we additionally
 * add it here for better displaying with browsers having
 * javascript disabled.
 */
.jcarousel-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
/**
 * The button-elements are added statically in the HTML document
 * to illustrate how to cutomize the prev/next controls.
 *
 * We set display:none to hide them from browsers having
 * javascript. jCarousel will show them automatically.
 */
.jcarousel-next {cursor: pointer;}

.jcarousel-next-disabled {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}

.jcarousel-prev {
    cursor: pointer;
}

.jcarousel-prev-disabled {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}