
html {	background-color: black}

body {	border: 0; background: transparent;  color: #c0cce0; }

p { background-color: #191919; padding: 0.5em 0.5em 0.5em 1em; border-left: 1px solid #666666;  width: 90%;   }	
p:first-letter {font-size: 1.4em; margin: 0.2em; line-height: 70%; float: left; overflow: visible; font-family: "Final Frontier", "Comic Sans MS", Arial, sans-serif; }
	  
a:link       { color: #0099ff; text-decoration: none;}
	  ul {	  	border: 0	  }
	  
/* Sommaire de chaque Fiche */

ul.sommaire    { padding: 0.2em; width: 40em; margin: 3em auto 1.5em auto; background-color: #a0a0bb; background-image: url("../pics/fond_grisfonce.png"); color: Navy; 
                 text-align: center; border: 2px solid Gray;}				
ul.sommaire li { display: inline; padding: 0.3em;  margin: 1em; font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 82%;
                 white-space: nowrap; line-height:  200%}
ul.sommaire li a:link    {color: #330099}
ul.sommaire li a:visited {color: #800080}		

/* Liste de fiches dans une catégorie */

ul.articles { font: 115% "Final Frontier", Verdana, Arial, sans-serif; list-style-type: none; display: table; margin: auto;}
ul.articles li {margin: 0.5em; padding: 0.15em; background-color: #a0a0bb; background-image: url("../pics/fond_grisfonce.png"); width: 15em; border: 2px solid Gray; float: left; text-align: center;}
ul.articles li a:link    {color: #330099}
ul.articles li a:visited {color: #800080}	

/* Fiche technique d'une oeuvre */

ul.fichetech   { font-family: Arial, sans-serif; list-style-type: none;   }
     li.dispo  { margin-top: 1em; color: #99FFFF; }
     li.copy   { margin-bottom: 1em; color: #99FFFF; }
	  
/* Note de bas de page  */
	  
div.note       { margin: 0.5em auto 1em 6em; font-family: Verdana, Arial,  sans-serif; font-size: 80%; width: 60%;}

/* Liste de liens externes */

ul.links       { font-family: Verdana, Arial,  sans-serif; list-style: circle; margin-left: 10%; margin-bottom: 4em; }
ul.links img   { margin: 2em; vertical-align: middle;}
	  
/* Tableaux des Fiches*/

table.listefiches    {width: 90%; position: relative; left: 5%;    	 }
table.listefiches td { padding: 1em	}  
table.listetotale    { width: 90%; position: relative; left: 5%; margin-top: 2em; margin-bottom: 2em;
                       font-family: Verdana, Arial,  sans-serif; font-size: 80%; background-color: #AAAAAA;	color: Black;}	
table.listetotale th { background-color: #9C9AA9; padding: 8px;  }		
table.listetotale td { padding: 6px; margin: 0;  }	
table.listetotale a {  font-weight: bold; }

/* Mise en page des images */

table.imgtable    {width: 90%; position: relative; left: 5%; }
h2.image {	 background : transparent ; width: 600px; min-height: 120px;  border: 0;}
h2.image:after { content: no-open-quote;}	

/* Barre de menu */

.toolbarso {	margin: 1em auto 1em auto; border: 0; text-align: center; }
.toolbarso li {	display: inline; padding: 0.25em; font-family: Verdana, Arial, sans-serif; margin: 0 0.5em 0 0.5em; 
               font-weight: bold; font-size: 82%; white-space: nowrap; border-left: solid 1px;  border-bottom: solid 1px;  -moz-border-radius: 7px; }	
