/*Skin 3 real: bio.css tous navigateurs*/
h5.parag { font-family:Verdana, Geneva, Helvetica; margin:0 0 0 5px; text-indent:0; font-size:10pt; font-weight:600; font-variant:small-caps; color:#330000;}
h5.sousparag { font-weight:bold; font-size:9pt; margin:10px 0 3px 0; color:#330808;}
b { color:#220000;}
i {color:#220000;} .legendl i, .legendr i {color:#d7dbd7;}
address	{ color:#442200; font-weight:bold; font-size:8pt; margin:5px; text-align:left;}
blockquote { margin:-3px 0 5px 30px; padding:0; text-align:justify;}
ul { text-indent:0;margin:0 auto 0 2%; padding:0; list-style-position: inside;}
li { text-indent:0; text-align: justify; }
li blockquote {margin-top:0;}

/*classes*/
p.citation, div.citation { margin:10px; padding:10px; border:1px solid #880000; background-color:#da9966;}
span.citation { padding:5px; font-style:oblique;}

/*liens*/
a, a:active, a:link, a:visited, span.audio { font-family:Arial, Helvetica; font-weight:bold; text-decoration:underline; color:#220000; cursor:pointer;}
a:hover, span.audio:hover { background-color:#cc9977; color:black; text-decoration:underline;}

/*mouse*/
img.mouse { position:absolute; top:0; left:0; z-index:1; border:1px solid #880000; margin:0; margin-top:1.2em;}
a.mouse { position:relative; cursor:default; margin:auto 0; white-space:nowrap;}
a.mouse img {display:none; visibility:hidden; z-index:0;} a.mouse:hover img { display:inline; visibility:visible; z-index:1;}
a.mouse:hover img, a.mouse:hover span{ display:inline; visibility:visible; z-index:9999;}


/*ul.mouse+li+a.mouse+img.mouse à gauche. Pour IE6, mettre au moins un  entre ul et le premier li  (voir Jean Richard).*/
ul.mouse { position:relative; margin-left:0; padding-left:0;}
ul.mouse li { text-indent:80px;} /*reglage possible*/
ul.mouse a.mouse { position:static;}
/*Remplacement de mouseh: <a class="mouse href="javascript:void(null)"><img class="mouse" src="xxx"><span class="mouse">texte alternatif</span>Texte</a>*/
span.mouse { position:absolute; display:none; visibility:hidden; top:0; left:0; border:1px solid #880000; border-width:1px 5px ; margin:0;; padding:0 3px; background-color:#d7dbd7; white-space:nowrap; font-weight:normal; font-size:9px; color:black; text-decoration:none; text-indent:0; cursor:help;}

/*legendes*/
div.imgr { position:relative; border:0; margin:0; padding:0; float:right;}
div.imgl { position:relative; border:0; margin:0; padding:0; float:left;}
div.imgl a:hover span, div.imgr a:hover span { background:url(../img/nbmenu.gif) repeat center; border:2px outset #d7dbd7; display:inline;}
div.imgl a:hover, div.imgr a:hover { text-decoration:none; background-color:transparent;}
img.left { border:1px solid #880000; margin:0 10px 0 0; cursor:help; display:inline}
img.right { border:1px solid #880000; margin: 0 0 0 10px; padding:0; cursor:help;}
.legendl { display:none; position:absolute; bottom:0; left:100%; text-align:center; color:#d7dbd7; font:10px arial,helvetica,sans-serif; padding: 1px 5px; margin:-5px -20px; z-index:1; white-space:nowrap;}
.legendr { display:none; position:absolute; bottom:0; right:100%; text-align:center; color:#d7dbd7; font:10px arial,helvetica,sans-serif; padding:1px 5px; z-index:1; margin:-5px -20px; white-space:nowrap;}

/*bulles*/
div.bulle { width:500px; max-width:1180px; position:fixed; top:100px; visibility:hidden; display:none; background:url(../img/fondfilm.gif) repeat center #d3c9be; font-family: verdana, arial,Helvetica; border:3px ridge #550000;margin:0 3px; padding:3px; overflow:auto; scrollbar-face-color:#e3d5ac; z-index:10000;}
div.bulle p { font-weight:normal; font-family:verdana,arial; font-size:8pt; text-indent:10px; text-align:justify; margin:8px; padding:0;}
div.bulle h4 { font-family:verdana,arial; text-align:center; color:#450000; margin:5px;}
div.bulle h5 { text-align:left; font-family:verdana,arial; font-size:10pt; color: #330000; margin:5px;}
div.bulle h6 { text-align:right; font-family: verdana,arial; font-size:10pt; color: #330000; margin:5px;}
div.bulle input { text-align:center; background-color:#330000; color:#ffffcc; font-size:10px; border-color:#777777; cursor:pointer;}
div.bulle img { float:left; margin: 05px 5px 0; border:1px solid #330000;}

/*Non implémentées*/
a.mouseh, .credit { color:red; font-size:16pt;}