<div id=menu>
<div id="menufond">
        <h1>La carte</h1>
        <ul>
                <li>
                        <a href="index.php">Karista</a>
                </li>
       
                <li>
                        <a href="album.php">L'album</a>
                </li>
                <li>
                        <a href="poele.php">La poêle</a>
                </li>
                <li>
                        <a href="pepere.php">Pépère</a>
                </li>
                <li>
                        <a href="Ralgamaziel.php">Ralgamaziel</a>
                </li>
                <li>
                        <a href="plume.php">La plume</a>
                </li>
                <li>
                        <a href="carnet.php">Le carnet</a>
                </li>
        </ul>
        <p><br/></p>
        <h1>CSS</h1>
        <ul>
                <li>
                Aucun
                </li>
        </ul>
</div>

</div>

/*******************************************************/
/*menu*/

#menu
{
        width: 150px;
        height:100%;
        margin-top : 0px;
        margin-left:10px;
        font-family : Georgia, Verdana, serif;
        background: transparent url("fondmenuneige.jpg") repeat-y; /*fond de base de mon menu s'il est plus grand que l'image*/
        float:left;
        min-height:768px;
        z-index:1;
        font-weight     : bold;
}

#menu a
{
 text-decoration: none
}

#menu li a:link
{
        color:#000000;
}

#menu li a:visited
{
        color:#000000
}

#menu ul
{
        margin: 0px;
        padding:0px 0px 0px 0px;
        list-style-type : none;
}

#menu li
{
        padding: 2.5px 0px 0px 0px;
        width:150px;
        height:25px;
        text-align:center;
        border-bottom: dotted 2.5px #94d0e7;
        background-color : #FFFFFF;
        opacity :0.5;
        filter :alpha(opacity=50);
        -Moz-Opacity:0.5;
}

#menu h1
{
        font-family : Haettenschweiler, Verdana, serif;
        text-align:center;
        border-bottom: solid 2px #94d0e7;
        padding:0px;
        margin : 0px;
        /*background-color : #FFFFFF;
        opacity :0.2;
        filter :alpha(opacity=20);
        -Moz-Opacity:0.2;*/
        /* si je mets les parmamètres ci-dessus, j'obtiens le fond voulu au niveau transparence mais le texte gagne aussi en transparence et ça je ne veux pas*/
}

/*menufond*/
#menufond
{
        background: transparent url("fondneige1.jpg") no-repeat top; /* mon image non répétée*/
        width:150px;
        height:768px;
        z-index:2;
        padding:10px 0px 0px 0px;
}