{% load cms_tags %}


{% static_placeholder "left-col" site or %}
    
	<div class="col-sm-16">
		<div class="box box-full nav-panel panel panel-default">
			<div class="panel-heading">
				<h4 class="panel-title">
					Démarches et services publics t
				</h4>
			</div>
			<div class="panel-body">
				<ul>
					<li><a href="">Mairie</a></li>
					<li><a href="">Vos démarches de A à Z</a></li>
					<li><a href="">Démarches en ligne</a></li>
					<li><a href="{{ portal_url }}">Compte citoyen</a></li>
					<ul>
						<li><a href="{{ portal_url }}">Votre compte citoyen
						</a></li><li><a href="">Aide</a></li>
					</ul>
					<li><a href="">Paiement en ligne</a></li>
					<li><a href="{{ famille_url }}">Espace famille</a></li>
					<li><a href="{{ bibliotheque_url }}">Espace médiathèque</a></li>
					<li><a href="{{ conservatoire_url }}">Espace conservatoire</a></li>
					<li><a href="">Marchés publics</a></li>
					<li><a href="">Foire aux questions</a></li>
					<li><a href="">Services publics</a></li>
					<li><a href="">Urgences et numéros utiles</a></li>
				</ul>
			</div>
		</div>
	</div>
{% endstatic_placeholder %}

<div id="access" class="col-sm-5 col-md-16">
<div class="access panel-group" id="access-menu">
{% static_placeholder "accordeon" site or %}

    <div class="box box-full access--directs panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title"><a data-toggle="collapse" data-parent="#access-menu" href="#access-toggle">Accès directs<i class="fa fa-caret-square-o-down"></i></a></h4>
        </div>
        <div id="access-toggle" class="panel-collapse collapse in">
            <div class="panel-body">
                <ul>
                    <li><a href="#">Offres d'emploi</a></li>
                    <li><a href="#">Plan de la ville</a></li>
                    <li><a href="#">Travaux en cours</a></li>
                    <li><a href="#">Pharmacie de garde</a></li>
                    <li><a href="#">Menu cantine</a></li>
                    <li><a href="#">Menu crèche</a></li>
                    <li><a href="#">Marchés publics</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="box box-full access--kiosque panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title"><a data-toggle="collapse" data-parent="#access-menu" href="#kiosque-toggle">Kiosque<i class="fa fa-caret-square-o-down"></i></a></h4>
        </div>
        <div id="kiosque-toggle" class="panel-collapse collapse">
            <div class="panel-body">
                <ul>
                    <li><a href="#">Vincennes Info</a></li>
                    <li><a href="#">Newsletters</a></li>
                    <li><a href="#">Vidéos</a></li>
                    <li><a href="#">Photos</a></li>
                    <li><a href="#">Communiqués</a></li>
                    <li><a href="#">Flux RSS</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="box box-full access--projects panel panel-default">
        <div class="panel-heading" id="projets">
            <h4 class="panel-title"><a data-toggle="collapse" data-parent="#access-menu" href="#projects-toggle">Grand projets<i class="fa fa-caret-square-o-down"></i></a></h4>
        </div>
        <div id="projects-toggle" class="panel-collapse collapse">
            <div class="panel-body">
                <ul>
                    <li><a href="#">Développement durable</a></li>
                    <li><a href="#">Projet de ville</a></li>
                    <li><a href="#">Observatoire du logement social</a></li>
                    <li><a href="#">Vincennes.fr</a></li>
                </ul>
            </div>
        </div>
    </div>

{% endstatic_placeholder %}

