<div id="body"> 
<div id="header"></div>
<div id="main"> 
<div id="sidebar">     
                
<!-- Menu -->   
<img src="design/legend/top2.jpg" border="0" width="184" height="46" alt="">

<br />
<br />


<img src="design/legend/img/ff.jpg" border="0" width="183" height="32">
<p>
<!--Final Fantasy 6<br />
<a href="?page=ff7&rubrik=ff7">Final Fantasy 7</a><br /> -->

<a href="?page=ff8&rubrik=ff8">Final Fantasy 8</a><br />
<!--<a href="?page=ff9&rubrik=ff9">Final Fantasy 9 </a><br />
<a href="?page=ffx&rubrik=ff10">Final Fantasy 10</a><br />
<a href="?page=ffx-2&rubrik=ffx-2">Final Fantasy 10-2 </a><br />
<a href="?page=ff11&rubrik=ff11">Final Fantasy 11</a><br />
<a href="?page=ff12&rubrik=ff12">Final Fantasy 12</a><br />
<a href="?page=ffta&rubrik=ffta">Final Fantasy TA</a><br />
<a href="?page=ffgc&rubrik=ffcc">Final Fantasy CC</a><br />
<br />
<a href="?page=autres">Autres jeux</a>--></p>







<!-- Fin -->
               
                </div> 
</div>
</div>

<div id="footer"></div>

@charset "windows-1252";
               

body
{       
        background-color: #e1e2f9;
        margin: 0px;
        padding: 0px;
        font-size: 0.9em;
        text-align: center;     
        font-family: Tahoma;
        color: #000000;
        scrollbar-3dlight-color: #000000;
        scrollbar-arrow-color: #000000;
        scrollbar-darkshadow-color: #E1E1E1;
        scrollbar-face-color: #E1E1E1;
        scrollbar-highlight-color: #E1E1E1;
        scrollbar-shadow-color: #000000;
        scrollbar-track-color: #E1E1E1;
}       
       
a:link, :visited, :active
{
        color: #000000;
        text-decoration: none;
}

a:hover
{
        color: #000000;
        text-decoration: underline;
}
       
#body
{
        background: url(fond.jpg) repeat-y;
        width: 601px;
        height: 100%;
        margin: 0 auto;
        padding: 0px;
        text-align: left;
}

#footer
{       
        background: url(bas.jpg) no-repeat;
        text-align: center;
        width: 601px;
        height: 20px;
        margin: 0 auto;
        padding: 0px;
        text-align: left;
       
}      

#header
{
        background: url(top.jpg) no-repeat top;
        width: 800px;
        height: 242px;
        margin: 0 auto;
        padding: 0;
        border: 0px;
}
 
#main
{
        margin: 0 auto;
        padding: 0px 6px;
}

#main p
{
        width: 140px;
        padding: 0px 10px;
        text-align: left;
}

#sidebar
{
        width: 184px;
        float: left;
        padding: 0px 0px 0px 0px;
        margin: 0px;
       
}

#footer
{       
        vertical-align: bottom;
        background: url(bas.jpg) no-repeat;
        clear: both;
        text-align: center;
        width: 800px;
        height: 20px;
       
}

Entity references start with an ampersand (&) and end with a semicolon (;). If you want to use a literal ampersand in your document you must encode it as "&amp;"