#pop{ /* fenêtre */
position:absolute;
cursor:move;
left:3px;
top:3px;
display:none;
z-index:200;
background-color:#FFF;
border:3px outset;
}

#tet{ /* titre */
font:12px/18px "Comic Sans MS", "Times New Roman", Times, serif;
color:white;
background-color:#930;
padding:0 20px 0 .5em;
white-space:nowrap;
}

#croix{ /* croix pour fermer */
position:absolute;
margin:0;
border:0;
right:0;
top:0;
padding:0;
height:14px;
width:16px;
cursor:pointer;
}

#msg{ /*message "chargement" */
position:absolute;
font-size:1.5em;
z-index:500;
color:orange;
background:green;
padding:5px;
display:none
}

/* galerie photos */
.galerie{
margin:15px 5px;
background-color:#DFD;
text-align:center;
padding:1px 5px;
border:1px dotted #000;
}
.galerie li{
list-style-type:none;
margin:0;
padding:0;
display:inline;
}

/* infobulle des liens sur image */
.galerie a,.bul{
position:relative;top:0;
background:transparent !important;
}

a span{ /* contient l'infobulle */
position:absolute;
border:2px outset #D1DA9A;
padding:2px;
text-align:center;
text-decoration:none;
color:#fff;
background:#6F7B2D;
margin-top:-999em;/*hors de la vue*/
margin-left:0;left:0;
width:150px;
}

/*rends visible l'infobulle*/
a:hover span,a:focus span,a:active span{margin-top:0;}