@CHARSET "UTF-8";

/*div de titre*/
.widget_list_header
    {
     height: 36px;
     width: 50%;
     background-color: #4F67B0;
     color: white;
     margin-left: auto;
     margin-right: auto;
     position: relative;
    }
    
.widget_list_header .widget_list_icon
  {
        float: left;
        padding-left:8px;
  }
  
.widget_list_header .widget_list_title
    {
        color: white;
        position: relative;
        top: 15%;
        left: 5%;
    }  
    
.widget_intro
    {
        font-style: italic;
        padding: 5px;
        margin-bottom: 10px;
}

/*div constituant la liste*/

.title_element_up
{
	background-color: #EFEFEF; 
	cursor: pointer; 
	margin-left: 1em; 
	width: 94%;
	padding:5px;
	position: relative;
	margin-left:auto;
	margin-right:auto;	
}

/*attention, ne fonctionne pas sous IE, voir function js invertClassForId()*/
.title_element_up:hover
{
	background-color: #CFCFCF; 
	cursor: pointer; 
	width: 94%;
	position: relative;
}

/* div constituant la liste sans fond bleu*/

.title_element_white
{
	background-color: transparent; 
	cursor: pointer; 
	margin-left: 1em; 
	width: 94%;
	padding:5px;
	position: relative;
	margin-left:auto;
	margin-right:auto;	
}
 
 /*attention, ne fonctionne pas sous IE, voir function js invertClassForId()*/
.title_element_white:hover
{
	background-color: transparent; 
	cursor: default; 
	width: 94%;
	position: relative;
} 

/*affichage ou non duv div avec les listes*/
.no_center_div
    {
        display: none;
}