/*Skin a western: index.css tous navigateurs*/
#container { background:url(../img/fond_index.jpg) repeat top;}
#content { font-weight:normal; font-family:Verdana, Geneva, arial, Helvetica; font-size:9pt; color:#330000; line-height:1.2em;}

/*positionnement*/
h1 { font-size:16pt; text-align:center; margin:10px 5px 15px 5px;}
h4 { font-family:arial, Helvetica; text-align:center; margin:5px auto; font-size:12pt;}
h5 { font-size:9pt; text-align:left; margin:0 0 0 5px; text-indent:0; }
h6 { font-size:9pt; text-align:right; margin:0 5px 0 0; text-indent:0; }
h5.parag { font-family:Verdana, Geneva, Helvetica; margin:0 0 8px 5px; text-indent:0; font-size:10pt; font-weight:600; font-variant:small-caps;}
h5.sousparag { font-weight:bold; font-size:9pt; margin:10px 0 3px 0;}
p { font-weight:normal; text-indent:10px; margin:5px; text-align:justify;}
b, strong { font-family: arial; font-weight: bold; text-decoration: none; color: #220000;}
address	{ font-weight:bold; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:5px; text-align:left; color:#330011;}
ul, ol { text-indent:0; margin:0 auto 0 2%; padding:0; list-style-position:inside;}
blockquote { font-family:Arial, Helvetica, sans-serif; font-size:8pt; text-indent:0; margin:0 5%;}

/*classes*/
.edition { font-weight: normal; font-family:arial, Helvetica; font-size:10px; color:#220000; }
.small, .cit { font-weight:normal; color:#000000; font-family:arial; font-size:1em;}
.note { color:red;}

/*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:#ccaa77; color:black; text-decoration:underline;}
/*a.mouse {position:relative; cursor:default;z-index:0; margin:auto 0; white-space:nowrap;}*/

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


/*images*/
img.pop { display:block; position:fixed; top:10%; border:1px solid #550000; margin:0 60px; padding:15px; visibility:hidden; z-index:10000; background-image:url(../img/plank.gif); color:#eaead8;}
img.picture { border:1px solid #660000; display:block; margin:10px auto 3px auto;}
/*img.filmo {display:block; margin:0 auto; padding:10px;}*/

/*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/legende.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 #330000; margin:0 10px 0 0; cursor:help; display:inline}
img.right { border:1px solid #330000; margin: 0 0 0 10px; padding:0; cursor:help;}
.legendl { display:none; position:absolute; bottom:0; left:100%; text-align:center; color:#ffffcc; 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:#ffffcc; font:10px arial,helvetica,sans-serif; padding:1px 5px; z-index:1; margin:-5px -20px; white-space:nowrap;}

/*tables et div*/
#corps { width:98%; font-size:8pt; border:0; margin:20px auto; padding:0; background-color:#eaead8; border:3px double #663300;}
td.corps { margin:3px; padding:8px; border:0;}
#filmo { border:0; margin:0;}
#filmo a { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:0.9em}
td.filmo { border:0; vertical-align:top;}