/* Styles Généraux */

html       { background: #000046 url(fond.png); color: #ffffff}
a:link    { color: #3366ff}
a:hover  { color: #ff0000; background: #ffcc00}
a:active  { color: #ff0000; font-size: larger}
a:visited { color: #9933CC}
p { text-indent: 2em; font-size: 95%; font-family: "Trebuchet MS", sans-serif; text-align: justify;}
p:first-letter {color: #ffcc00;  font-size:150%; font-weight: bolder}
img {border-width: 0; vertical-align: bottom}
abbr { border-bottom: 1px dotted; }
	
h1 {color: #ffcc00; font-size: 170%; text-align: center;  letter-spacing: 0.35em; margin-top: 2.5em;
    font-family:  "Trebuchet MS", Westminster, "Common Tongue", Transistor, "Transistor Regular", LiquidCrystal, "Matisse ITC", "Comic sans MS", fantasy;}
h2 {color: #000033; background-image: url(fond2.png);
    font-size: 150%; text-align: center; font-family: "Trebuchet MS", sans-serif; 
    position: relative; left: 50%; width: 18em; margin-left: -9em; top: 2em; margin-bottom: 3em;}
h3 {color: #ffcc00; font-size: 120%; font-family: "Trebuchet MS", sans-serif;
    margin-top: 3em; margin-left: 2em; margin-bottom: 2em;}
h4 {color: #ffcc00; font-size: 80%; text-align: center; white-space: nowrap;
    font-family: Verdana,  Arial, sans-serif; font-weight: bolder; font-variant: small-caps}
h5 {font-family: Verdana,  Arial, sans-serif; font-size: 70%; text-align: center; white-space: nowrap;}
hr { color: #ffcc00; height: 1px}


/* Fiche de Persos, Ennemis, Vaisseaux */

img.avatar {position: absolute; top: 6em; right: 3em}
div.avatar {width: 46%; padding-top: 2em; height: 320px}
div.avatar li {color: #FFFFFF; font-size: 70%; font-family: Verdana,  Arial, sans-serif;
          list-style-position: outside; font-weight: bolder; line-height: 1.6em; text-align: left}
div.avatar li:first-letter {color: #FF0000}
table.ennemi {position: relative; margin-left : 10%; margin-right : 10%; margin-bottom: 3em;}
.fiche li {font-family: monospace; list-style-type: none}
.new {	margin: 0}
.new li {	margin : 1em; }

/*  Pubs, Aventures/Liens */

table.equipage { background: #000000; margin-top: 1em; margin-bottom: 1em; width: 100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 80%;}
table.equipage th {color : #FFCC00;}

table.aventure { background: #000000; margin-top: 4em; margin-bottom: 4em; width: 100%}
table.aventure td {padding: 1em; text-align: center}
td.reclame {padding: 1.5em}

/*  Proses */

p.saut { text-indent: 1em; color: #ffffff; font-family: "Trebuchet MS"; text-align: justify; max-width: 60em;}
p.saut:first-letter {color: #ffcc00;  font-size:150%; font-weight: bolder}
p.dialogue {	 text-indent: .5em; color: #ffffff; font-family: "Trebuchet MS"; text-align: justify; margin-top: -2.5ex; line-height: 1.4em;  max-width: 60em;}
p.dialogue:first-letter {color: #ffffff;  font-size:100%; font-weight: 500}
.stardate {font-family: "Courrier New", monospace; white-space: nowrap; margin-top: 4em;}
           td .stardate {margin-top: 0em;}
.end {color: #ffcc00; font-size: 750%; text-align: center }
.exergue {text-align: justify; color: #ffffff; font-size: 80%; max-width: 25em; padding-left: 60%; text-indent: 0em}
.spell { font-size: 85%; font-style: italic; text-indent: 0em; margin-top: 30px; margin-bottom: 40px; margin-left: 80px}
.raccourci { text-align: right; }
.icone { margin: 2px;}
.suspension {text-align: center;}
.mort { font-variant: small-caps }

/*  Menus, plan du site */


div.section    { display: table; width: 60em; padding: 1em; margin-left: auto; margin-right: auto; }
div.section ul { float: left; width: 25em; padding: 1em; margin: 1em 3em 1em 3em; list-style-type: none; font-family: Verdana,  Arial, sans-serif; font-weight: bold; line-height: 1.5em; font-size: 80%; }

.s1 { color: #000033; font-size: 120%; background-image: url(fond2.png); text-align: center; margin-top: 0; margin-bottom: 2em; padding: 0.2em;}
.s1bis {	color: #FFcc00; font-size: 150%; margin-bottom: 0.8em; font-weight: normal; text-indent: 2em;}
.s1bis:first-letter {color: #FF0000}
.s2 { color: #FFcc00; font-size: 100%; }
.s2:first-letter {color: #FF0000}
ul.new {list-style-type: circle; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: smaller; }
ul.new strong {color: #ffcc00;}

/* Menu dynamique */

.menu, .ssmenu {  background-color:#ffcc00;  background-image: url(fond2.png);  color:#333;
                  border:0.1em solid #333;  margin:1em;   
                  font-size: 90%;  font-family: Verdana,  Arial, sans-serif;  font-weight: bold;}
.menu a, .ssmenu a {text-decoration:none; color:#333;  height: 1.2em; white-space: nowrap; }
.menu {padding:0 1em;}
.ssmenu {padding:0;}
.ssmenu li {list-style-type: disc; list-style-position: inside; padding-left:0.3em; color:#ffcc00;  }
.ssmenu li:hover, .ssmenu a:hover, .ssmenu a:focus  {background-color:#000046; color:#ffcc00;}
.ssmenu li:hover { list-style-type:circle; color:#ffcc00; }
.ssmenu li:hover a {  color:#ffcc00; }

/* plan du site */



#sitemap-navigation {	background-color: #6699CC; }
#sitemap-agissez    {	background-color: #777777; }
#sitemap-equipage   {	background-color: #660000; }
#sitemap-celebrites {	background-color: #660000; }
#sitemap-tourisme   {	background-color: #660066; }
#sitemap-flotte	  {	background-color: #000044; }
#sitemap-retd       {	background-color: #330099; }
#sitemap-saison1    {	background-color: #660000; height: 65ex; }
#sitemap-saison2    {	background-color: #660033; height: 65ex; }
#sitemap-saison3    {	background-color: #993399; }
#sitemap-saison4    {	background-color: #C7FF75; }