PROGRAMMATION 2024

THÉRÈSE - AURELIEN BOULY, COMPOST COLAPS WHAT THE PUFF - EL MAOUT - AZTECHNO - HAV PROJECT - DEAR JOHN -
GRÔS TOUR - NON MERCI - ZERBIB & POUX TRIO DALONKHII
MOKTAR SOUND SYSTEM
EMERGENTE
BARBARA PROBST
SACÉKRIPA - LATINANGO - ALLER RETOUR THÉÂTRE - Du TuRFu - LA TRAPPE À RESSORT - LE GUICHET - MABOUL DISTORSION
PROGÉNITURE
800 LITRES DE PAILLE
LE CHAT FOU

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;}