/*Feuilles de stylle CSS du site d'Evilgate, section Gronno */

/* un ou deux paramètres généraux */
body
{
background-color:#000000;
color: #FFFFFF;
}

p{
text-align:justify;
}

/*Titre*/

/*position et taille de la bannière */
#banniere
{
position:fixed;
top:0px;
left:0px;
width:58.8%;
height:29.8%;
background:none;
z-index:10;
}

/*position et taille du cache se trouvant sous la bannière : une bande de dégradé 
vertical noir vers transparent pour camoufler progressivement le texte */
#cache_haut
{
position:fixed;
background:none;
left:11%;
top:29%;
width:43.2%;
height:3.2%;
z-index:12;
}

/*Menu*/

/* position et taille de l'image de fond du menu */
#menu
{
position:fixed;
left:0px;
top:29.8%;
width:10.38%;
height:69.5%;
z-index:10;
}

/* position et taille du sous-menu spécifique à la section univers du site */
/* L'image utilisé pour le sous-menu est diffèrente dans chaque section, mais
   possède les même paramètres : on utilise par consèquent le même paramètrage */
#menu_univers
{
border:none;
position:fixed;
z-index:11;
left:15%;
top:18%;
width:31%;
}

/* position et taille du cache dégradé vertical transparent vers noir servant à
masquer progressivement le texte en bas de la page. */
#cache_bas
{
position:fixed;
z-index:11;
bottom:-1%;
left:10.38%;
width:48.42%;
border:none;
}

/*c'est l'élément qui contient les informations (ni déco, ni bannière, uniquement le texte)
Le vrai contenu de la page en somme. Paramètrages de la police etc...*/
#page
{
position:absolute;
background:none;
margin:0px 0px 0px 0px;
padding-bottom:100px;
border:none;
top:29.8%;
left:13%;
/*width:475px;*/
width:39%;
z-index:5;
color:#FFFFFF;
font-family:"Trebuchet MS","Times New Roman", sans-serif;
font-size:10.5pt;
line-height:140%;
}

/* paramètrage des titres */
#page h1
{
font-size:24px;
font-style:oblique;
color:#999999;
}

#page h3
{
font-style:oblique;
color:#999999;
}

/* paramètrage des liens */
#page a:link
{
text-decoration:underline;
color:#FFFF00;
}

#page a:visited
{
text-decoration:underline;
color:#FF6600;
}

#page a:hover
{
text-decoration:inherit;
color:#CCFFCC;
}

/*#image
{
position:fixed;
background:none;
border:none;
z-index:6;
bottom:9%;
right:20%;
width:20%;
height:15%;
}*/

/* position et taille de l'image indiquant la section (accueil, univers, ...) */
#image
{
position:fixed;
background:none;
border:none;
z-index:6;
bottom:6%;
right:16%;
width:20%;
height:15%;
}

/* position et taille des illustrations sur la page. 
 taille réelle : width:300px et height:523px */
#illu
{
position:fixed;
background:none;
border:none;
z-index:5;
bottom:9%;
right:15%;
width:23.7%;
height:86%;
}