/*Feuille de style de la section principale su site d'EvilGate */

body, html
{
background-color:#000000;
color: #FFFFFF;
}

hr
{
color:#555555;
}

ul
{
list-style:disc;
}

a:link
{
text-decoration:underline;
color:#FFFF00;
}

a:visited
{
text-decoration:underline;
color:#FF6600;
}

a:hover
{
text-decoration:inherit;
color:#CCFFCC;
}

.news
{
margin: auto;
padding: 0px;
width: 99%;
height: auto;
border: 2px solid #1E1E1E;
border-left: 3px solid #1E1E1E;
}

.news h3
{
margin: 5px;
padding: 0px;
text-align:center;
color:#FFFF55;
}

.news .date
{
margin: 0 0 0 15px;
padding: 0px;
font-style: italic;
font-size: 11px;
}

.news .pseudo
{
text-align: right;
font-size:8pt;
/*font-size: 0.7em;*/
}		

#fond
{
position:fixed;
border:none;
top:0px;
/*left:9%;*/
width:85.5%;
height:103.5%;
left:6%;
/*width:1079px;
height:648px;*/
background:none;
z-index:10;
}

/*#cache_haut
{
position:fixed;
background:none;
border:none;
left:32.8%;
top:5%;
width:34.5%;
height:29%;
z-index:15;
}*/
/* taille des images avec l'id ci-dessus : width="434" height="184" */

#cache_khonsou
{
position:fixed;
background:none;
border:none;
left:32.1%;
top:0%;
/*width:445px;*/
/*height:155px;*/
width:35.5%;
height:25%;
z-index:15;
}

#cache_texte_haut
{
position:fixed;
background:none;
border:none;
left:32.8%;
top:25%;
/*width:434px;
height:24px;*/
height:3.8%;
width:34.5%;
z-index:15;
}

#cache_texte /* l'id sera associé à un div qui cachera le texte apparaissant au dessus de l'image cache_haut lors du défilement */
{
position:fixed;
background-color:#000000;
border:none;
left:32.8%;
top:0%;
width:34.5%;
height:6%;
z-index:13;
}

/*#cache_bas
{
position:fixed;
background:none;
border:none;
bottom:0px;
left:21%;
width:58%;
height:17.5%;
z-index:15;
}*/
/* taille des images avec l'id ci dessus : width="734" height="112" */

#cache_page
{
position:fixed;
background:#000000;
border:none;
bottom:0px;
left:30.5%;
/*width:489px;
height:77px;*/
width:38.7%;
height:12.1%;
z-index:15;
}

#cache_texte_bas
{
position:fixed;
background:none;
border:none;
bottom:12.1%;
left:30.5%;
/*width:489px;
height:38px;*/
width:38.7%;
height:6%;
z-index:15;
}

#lignedroite
{
position:fixed;
background:none;
border:none;
bottom:5.5%;
left:69.2%;
/*width:124px;
height:7px;*/
width:9.8%;
height:1.1%;
z-index:15;
}

#lignegauche
{
position:fixed;
background:none;
border:none;
bottom:5.5%;
left:20.9%;
/*width:121px;
height:7px;*/
width:9.6%;
height:1.1%;
z-index:15;
}

#page
{
padding-bottom:150px;
position:absolute;
background:none;
margin:0px 0px 0px 0px;
border:none;
top:35%; /* 34 32 */
left:33%;
width:34%;
z-index:12;
color:#FFFFFF;
font-family:"Trebuchet MS","Times New Roman", sans-serif;
font-size:9pt;
text-align:justify;
line-height:140%;
}

#gr1{
position:absolute;
background-image:url(./fond/transparent.png);
background-repeat:repeat;
left:0%;
top:1%;
width:20%;
height:25%;
z-index:30;
}

#er1{
position:absolute;
background-image:url(./fond/transparent.png);
background-repeat:repeat;
left:84%;
top:3%;
width:14%;
height:23%;
z-index:30;
}

#acc{
position:absolute;
background-image:url(./fond/transparent.png);
background-repeat:repeat;
left:18%;
top:28%;
width:10%;
height:5%;
z-index:30;
}

#org{
position:absolute;
background-image:url(./fond/transparent.png);
background-repeat:repeat;
left:75%;
top:28%;
width:8%;
height:5%;
z-index:30;
}

#pre{
position:absolute;
background-image:url(./fond/transparent.png);
background-repeat:repeat;
left:12%;
top:36%;
width:15%;
height:6%;
z-index:30;
}

#pho{
position:absolute;
background-image:url(./fond/transparent.png);
background-repeat:repeat;
left:78%;
top:36%;
width:9%;
height:5%;
z-index:30;
}

#new{
position:absolute;
background-image:url(./fond/transparent.png);
background-repeat:repeat;
left:13%;
top:46%;
width:8%;
height:5%;
z-index:30;
}

#ast{
position:absolute;
background-image:url(./fond/transparent.png);
background-repeat:repeat;
left:80%;
top:47%;
width:10%;
height:5%;
z-index:30;
}

#cal{
position:absolute;
background-image:url(./fond/transparent.png);
background-repeat:repeat;
left:8%;
top:62%;
width:16%;
height:8%;
z-index:30;
}

#forum{
position:absolute;
background-image:url(./fond/transparent.png);
background-repeat:repeat;
left:82%;
top:62%;
width:9%;
height:5%;
z-index:30;
}

#con{
position:absolute;
background-image:url(./fond/transparent.png);
background-repeat:repeat;
left:81%;
top:70%;
width:12%;
height:5%;
z-index:30;
}

#ins{
position:absolute;
background-image:url(./fond/transparent.png);
background-repeat:repeat;
left:10%;
top:74%;
width:14%;
height:6%;
z-index:30;
}

#lien{
position:absolute;
background-image:url(./fond/transparent.png);
background-repeat:repeat;
left:82%;
top:79%;
width:7%;
height:5%;
z-index:30;
}

#gr2{
position:absolute;
background-image:url(./fond/transparent.png);
background-repeat:repeat;
left:6%;
top:88%;
width:8%;
height:10%;
z-index:30;
}

#er2{
position:absolute;
background-image:url(./fond/transparent.png);
background-repeat:repeat;
left:88.5%;
top:88%;
width:6%;
height:10%;
z-index:30;
}

/* feuille de style écrite par Anthony Reynier */
