#bulle {position:absolute; margin:0; font-family: Arial, Helvetica, sans-serif; z-index:300;} 
#bulle ul {padding:10px; margin:0; list-style:none; position:absolute;} 
#bulle ul li {width:300px; position:absolute; display:block; cursor:pointer; z-index:300;} 

#bulle ul li:hover {z-index:300;}
#bulle ul li.click {z-index:500;}

#bulle ul li:hover.mons 
{
width:300px; 
font-family: Arial, Helvetica, sans-serif;
} 

#bulle ul li .monv {visibility:visible;} /* */

#bulle ul li.click .monv {visibility:hidden;}

.monv {display:block; position:absolute; height:auto;} /*  text-align:center;*/

/* POSITIONNEMENT DE LA BULLE*/
.mons .monv {
left:230px; 
top:-144px; 
width:300px;
} 

.monv h1, .monv h2, .monv h4, .monv p {margin:0 0 0 0px;}
.monv h1 {font-size:20px; color:#ff0000; font-family: Arial, Helvetica, sans-serif; text-align:center;}
.monv h2 {font-size:11px; color:#39496b; font-family: Arial, Helvetica, sans-serif; text-align:left;}
.monv h4 {font-size:10px; color:#39496b; font-family: Arial, Helvetica, sans-serif; text-align:left;}
.monv p {padding-bottom:0px; color:#eee; font-size:12px; text-align:left;}


.monh {background:url(df_images/dbulle300h.png); background-repeat: no-repeat; height:7px; width:300px;}
.monb {background:url(df_images/dbulle300b.png); background-repeat: no-repeat; height:30px; width:300px;}
.monc {background:url(df_images/dbulle300m.png); width:300px;}
.monc a, .monc a:visited {display:block; color:#0000ff; font-weight:bold; font-size:12px; text-indent:0; padding:0px; z-index:300;}

#bulle ul li.click .monv .monc a:hover {color:#ff0000; z-index:300;}