*  {margin: 0; padding: 0;}

html, body  {height: 100%; min-width: 800px; min-height: 600px;}

#container
{
    position: relative;
    min-height: 100%;
    background: repeat-x url("");
}

h1
{
    padding-top: 20px;
    text-align: center; font-size: medium;
}

#footer
{
    position: absolute; bottom: 0;
    width: 100%;
    padding: 2px 0 2px 0; 
    background: repeat-x url("");
    font-size: x-small; text-align: right;
}

ul
{
    position: absolute;
    left: 50%; top: 50%;
    width: 768px; height: 192px;
    margin-left: -384px; margin-top: -96px;
    list-style-type: none;
}

li {width: 240px; height: 192px;}

li#blog    {float:  left;  background: black no-repeat center center url("./visible/images/PataLand-v1.png");}
li#gallery {margin: auto;  background: black no-repeat center center url("./visible/images/PataLand-v2.png");} 
li#wiki    {float:  right; background: black no-repeat center center url("./visible/images/PataLand-v3.png");}

li#blog > a, li#gallery > a, li#wiki > a
{
    display: block; width: 100%; height: 100%;
    background: no-repeat center center url("./visible/images/Filtre.png");
    color: white; text-align: center; text-decoration: none; font-weight: bold;
}

li#blog > a:hover, li#wiki > a:hover, li#gallery > a:hover {background-image: none;}