/* GENERAL CSS */
body {
font: .8em/1em Arial,Helvetica,sans-serif;
background:#FFF;
color:#000;
margin:0px;
padding:0px;
}


.petite{width:102px;}
.moyenne{width:152px;}
.grande{width:252px;}

.bubble,.bubble *{display:block} 

.bubble{ /*width: 200px;*/ color:#000;
    /*font:lighter 11px/1.3 Arial,sans-serif;*/
    text-decoration:none;text-align:center;
/*padding: 30px 8px 0px 0px;*/
/*padding:20px 0px 0px 0px;  */
}

.bubble span.top{
padding: 30px 8px 0px 8px;
/*background: url(../image/bubble.png) no-repeat top ;*/
}

.bubble .bottom{
padding:3px 8px 6px;
/*color: #548912;*/
/*background: url(../image/bubble.png) no-repeat bottom;*/
}
.petite .raconte .top{background: url(../image/bubble_ss.png) no-repeat top ;}
.moyenne .raconte .top{background: url(../image/bubble_ms.png) no-repeat top ;}
.grande .raconte .top{background: url(../image/bubble_ls.png) no-repeat top ;}

.petite .raconte .bottom{background: url(../image/bubble_ss.png) no-repeat bottom ;}
.moyenne .raconte .bottom{background: url(../image/bubble_ms.png) no-repeat bottom ;}
.grande .raconte .bottom{background: url(../image/bubble_ls.png) no-repeat bottom ;}

.petite .pense .top{background: url(../image/bubble_st.png) no-repeat top ;}
.moyenne .pense .top{background: url(../image/bubble_mt.png) no-repeat top ;}
.grande .pense .top{background: url(../image/bubble_lt.png) no-repeat top ;}

.petite .pense .bottom{background: url(../image/bubble_st.png) no-repeat bottom ;}
.moyenne .pense .bottom{background: url(../image/bubble_mt.png) no-repeat bottom ;}
.grande .pense .bottom{background: url(../image/bubble_lt.png) no-repeat bottom ;}

.petite .dialogue .top{background: url(../image/bubble_sf.png) no-repeat top ;}
.moyenne .dialogue .top{background: url(../image/bubble_mf.png) no-repeat top ;}
.grande .dialogue .top{background: url(../image/bubble_lf.png) no-repeat top ;}

.petite .dialogue .bottom{background: url(../image/bubble_sf.png) no-repeat bottom ;}
.moyenne .dialogue .bottom{background: url(../image/bubble_mf.png) no-repeat bottom ;}
.grande .dialogue .bottom{background: url(../image/bubble_lf.png) no-repeat bottom ;}

.petite .legende .top{ padding-top: 8px; background: url(../image/bubble_sl.png) no-repeat top ;}
.moyenne .legende .top{padding-top: 8px; background: url(../image/bubble_ml.png) no-repeat top ;}
.grande .legende .top{padding-top: 8px; background: url(../image/bubble_ll.png) no-repeat top ;}

.petite .legende .bottom{background: url(../image/bubble_sl.png) no-repeat bottom ;}
.moyenne .legende .bottom{background: url(../image/bubble_ml.png) no-repeat bottom ;}
.grande .legende .bottom{background: url(../image/bubble_ll.png) no-repeat bottom ;}
/*span.legende{padding:10px 0px 0px 20px;}*/
#message_erreur{
color:red;
}
#position{display:none}
/*a:hover {cursor:url(../image/bubble_ll.png), pointer}*/

#div1 {position:absolute;top:10px;left:10px;visibility:visible;z-index:5;
background:transparent url(../image/bd.jpg) top left no-repeat;height:740px;width:3200px;
/*border: #333 solid 1px;*/
}
.invisible {
position:absolute;
top:0px;
left:0px;
visibility:hidden;
} /*invisible*/

.visible {
position:absolute;
visibility:visible;
z-index:10;
border: #333 solid 1px;
width:280px;
height:300px;
background-color:#333;
}




/*dl.map.on a.video, dl.map.on a.son, dl.map.on a.image, dl.map.on a.texte{*/
/*	display:block;*/
/*	position:absolute;*/
/*	text-indent:-9999px;*/
/*	background:url(../image/checkbox.gif) no-repeat;*/
/*	width:20px;*/
/*	height:20px;*/
/*	outline:none;*/
/*	z-index:10;*/
/*	text-decoration:none;*/
/*}*/
/*.video{background:url(image/video.png) no-repeat;}*/
/*.son{background:url(image/son.png) no-repeat;}*/
/*.image{background:url(image/image.png) no-repeat;}*/
/*.texte{background:url(image/texte.png) no-repeat;}*/
/*dl.map.on a.video:hover, dl.map.on a.son:hover, dl.map.on a.image:hover, dl.map.on a.texte:hover {*/
/*	background:url(image/go.png) no-repeat -1px -1px;*/
/*}*/