<? session_start();
include("ressources/en_tete.php");
include("ressources/menu_test.php"); ?>   
        <div id="content">
                <h2>Authentification réussie</h2>
                       
                <p>Choisissez une action dans le menu de gauche.</p>
                               
                </div>

<? include("ressources/pied_de_page.php"); ?>

<script type="text/javascript">
        <!--
        window.onload=show;
        function show(id) {
        var d = document.getElementById(id);
                for (var i = 1; i<=10; i++) {
                        if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
                }
                if (d) {d.style.display='block';}
        }
        //-->
</script>

<!-- barre de navigation -->
<div id="navi">
         Connecté : Non connecté
</div>
<!-- fin de barre de navigation -->

<!-- menu -->
<div id="menu">
        <dt onclick="javascript:show('smenu1');">Personnel</dt>
                <dd id="smenu1">
                        <ul>
                                <li><a href="#">- test</a></li>
                                <li><a href="#">- liste</a></li>
                                <li><a href="#">- imprimer</a></li>
                                <li><a href="#">- éditer</a></li>
                        </ul>
                </dd>   
        <dt onclick="javascript:show('smenu2');">Spectacles</dt>
                <dd id="smenu2">
                        <ul>
                                <li><a href="#">- liste</a></li>
                                <li><a href="#">- imprimer</a></li>
                                <li><a href="#">- éditer</a></li>
                        </ul>
                </dd>
        <dt onclick="javascript:show('smenu3');">Résumé</dt>
                <dd id="smenu3">
                        <ul>
                                <li><a href="#">- par date</a></li>
                                <li><a href="#">- par porte</a></li>
                                <li><a href="#">- par presonne</a></li>
                        </ul>
                </dd>
</div>

body {
        background : #e3e1e2;
        margin: 30px;
        font: 11px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
        color: #4c4c4c;
}

#wrapper {
        width: 100%;
        height: 100%;

        margin: 0px;
        padding: 0px;
       
        border: 1px #999999 solid;
}

#header {
        width: 100%;
        height: 90px;
        background: url(../images/header.png) repeat-x;
        border-bottom: 1px #999999 solid;
       
        line-height: 45px;
        font-size: 25px;
        color: white;
}

#navi {
        width: 100%;
        height: 25px;
        background: url(../images/navi.png);
        border-bottom: 1px #999999 solid;
       
        line-height: 25px;
        text-align: right;
        color: white;
}

#menu {
        width: 170px; /* largeur du menu */
        height: 100%; /* hauteur du menu */
        margin: 0px; /* pas de marges extérieures */
        padding: 0px; /* pas de marges intérieures */
       
        font-size: 13px; /* taille de police du menu */
        text-indent: 12px; /* espace à gauche du texte */
        line-height: 24px; /* une ligne fait la hauteur d'un bouton */
        float: left;
       
        border: 1px #999999 solid;
        border-top: none;
        border-left: none;
}

#menu ul, dd {
        list-style-type: none; /* pas de puce aux éléments de la liste (menu) */
        margin: 0px; /* pas de marges extérieures */
        padding: 0px; /* pas de marges interieures */
}

#menu a, dt {
        width: 170px; /* largeur d'un bouton de menu */
        height: 24px; /* hauteur d'un bouton de menu */
        display: block; /* l'entier du rectangle est le lien */
        color: black; /* couleur du texte */
        cursor: pointer; /* le curseur se comporte de la même manière sur les titres que sur les boutons */
       
        margin: 0px;
        padding: 0px;

        text-decoration: none; /* pas de soulignement des liens */
        background: url(../images/button.png); /* image de fond (partie supérieure) */
}

#menu a:hover, dt:hover {
        background: url(../images/button.png) 0 24px; /* image de fond (partie inférieure) */
        color: white; /* couleur du texte */
}

#content {
        margin: 0px;
        margin-left: 170px;
        padding: 10px;
        padding-bottom: 50px;
       
        border-left: 1px #999999 solid;
        border-top: 1px #999999 solid;
}

#content a {
        color: black;
        text-decoration: none;
}

#content a:hover {
        text-decoration: underline;
}

#content img {
        border: 3px outset grey;
        padding : 15px;
}

#content .cadre {
        border: 3px #999999 outset;
}

#footer {
        width: 100%;
        height: 25px;
        background: url(../images/footer.png);
        border-top: 1px #999999 solid;
       
        line-height: 25px;
        text-align: center;
        color: white;
}