PROGRAMMATION 2024

REPRESENTATION DES ARTISTES

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<head>

        <meta charset="utf-8">
        <title>Mon Menu</title>
        <link rel="stylesheet" href="menu-vertical.css">
    </head>
    <body>
     
        <ul class="niveau1">
            <li><a href="">Accueil</a></li>
            <li class="sousmenu"><a href="">Formation</a>
                <ul class="niveau2">
                    <li><a href="">Etudiants</a></li>
                    <li><a href="">Emploi du temps</a></li>
                    <li><a href="">Recherche de stage</a></li>
                    <li><a href="">Documents</a></li>
                </ul>
            </li>
            <li><a href="">Informations</a></li>
            <li class="sousmenu">
                <a href="">Cours</a>
                <ul class="niveau2">
                    <li><a href="">Internet</a></li>
                    <li><a href="">HTML/CSS</a></li>
                    <li><a href="">CMS</a></li>
                    <li><a href="">Stats</a></li>
                    <li><a href="">Réseaux sociaux</a></li>
                    <li><a href="">Référencement</a></li>
                    <li><a href="">Marketing</a></li>
                    <li><a href="">Cahier des charges</a></li>
                    <li><a href="">Photoshop</a></li>
                </ul>
            </li>
            <li><a href="">mon CV</a></li>
        </ul>
         
    </body>
menu-vertical.css
nav  ul li { float:left; list-style: none; }
nav  ul ul {display:none; width:150px;}
nav  li {background:#CCCCCC;}
nav  li a {text-decoration: none; color: #000; padding: 4px 0 4px; display:block; width:150px;}
nav  ul {padding: 0; margin:0px; text-align:center;}
nav  ul.niveau1 li.sousmenu:hover ul.niveau2{display:block;}
nav  li:hover {background: #EDD;}
nav  li.sousmenu:hover {background: #EBB;}