/*Skin 6 rire: 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:#003300;}
h5.sousparag { font-weight:bold; font-size:9pt; margin:10px 0 3px 0; color:#114411;}
address	{ color:#003300; 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;}
span.mouse	{ position:absolute; display:none; visibility:hidden; top:0; left:0; border:1px solid #000099; border-width:1px 5px; margin:0; padding:0; background-color:#dddddd; white-space:nowrap; font-weight:normal; font-size:9px; color:black; text-decoration:none; text-indent:0; cursor:help;}

/*classes*/
.cit { font-family:arial, Helvetica; font-weight:normal; font-style:normal; font-size:8pt; color:black;}
p.citation, div.citation { margin:10px; padding:10px; border:1px solid black; background-color:#88bbbb;}
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:black; cursor:pointer;}
#content a:hover, span.audio:hover { background-color: #99cccc; color:black; text-decoration:underline;}

/*mouse**/
img.mouse	{ position:absolute; top:0; left:0; border:1px solid black; 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, a.mouse:hover span{ display:inline; visibility:visible; z-index:9999;}

/*ul.mouse+ul+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;}

/*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-image:url(../img/fond_filmo.jpg); border:2px outset #eeffee; display:inline;}
div.imgl a:hover, div.imgr a:hover { text-decoration:none; background-color:transparent;}
img.left { border:1px solid black; margin:0 10px 0 0; cursor:help; display:inline}
img.right { border:1px solid black; margin: 0 0 0 10px; padding:0; cursor:help;}
.legendl { display:none; position:absolute; bottom:0; left:100%; text-align:center; color:#eeffee; 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:#eeffee; padding:2px 5px; font:10px arial,helvetica,sans-serif; z-index:1; margin:-5px -20px; white-space:nowrap;}

/*bulles*/
div.bulle { width:500px; max-width:1180px; display:none; position:fixed; top:100px; font-family: verdana, arial, Helvetica; margin:3px; margin-left:53px; padding:3px; overflow: auto; border:3px ridge red; background-color:#3366ff; color:#ddddff; scrollbar-face-color:#66ffff; z-index:999999;}
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 h5	{ text-align: left; font-family: verdana,arial; font-size:10pt; color:white; margin:5px;}
div.bulle input { height:18px; text-align:center; background:url(../img/sstitre.png) repeat-x; color:red; border:0; font-weight:bold; font-size: 10px; cursor:pointer;}
div.bulle b {color:#eeeeff;}
/*
div.bulle h6	{ text-align:right; font-family: verdana,arial; font-size:10pt; color:#ffffbb; margin:5px;}
div.bulle img {float:left; margin:0 5px 5px 0; border:1px solid #ffd700;}
*/

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