<div id="header" class="header row">
            <!-- Logo -->
            <div class="col-xs-7 col-lg-11 col-sm-8 col-md-10">
                <div class="row">
                    <a href="{{ site_vincennes_url }}">
                        <div class="cont-logo">
                            <img class="header--logotype" src="{{ site_base }}{{ STATIC_URL }}img/Ville-de-Vincennes.png" width="294" height="41" alt="vincennes.fr (Aller à l'accueil)">
                        </div>
                    </a>
                </div>
            </div>

            

            <button type="button" class="visible-xs visible-sm btn" data-toggle="collapse" data-target="#navigation-toggle">
                <i class="fa fa-bars"></i>
            </button>

            <button type="button" data-toggle="collapse" data-target="#search_engine-toggle" class="search_engine--toggle visible-xs visible-sm btn">
                <i class="fa fa-search"></i>
            </button>

            <a id="contact_us" href="{{ portal_url }}" class="contact_us btn box">
                <i class="fa fa-envelope-o"></i>
                <span class="hidden-xs hidden-sm">Nous contacter</span>
            </a>
           
            <div id="procedures" class="procedures col-md-6 col-lg-5">
                <div class="box box-full">
                    <div class="navbar-header procedures--header clearfix">
                        <button type="button" class="visible-xs visible-sm btn" data-toggle="collapse" data-target="#procedures-toggle">
                            <i class="fa fa-bars"></i>
                        </button>
                    </div>
                    <div class="procedures--body collapse navbar-collapse" id="procedures-toggle">
                    <div class="box-title procedures--title hidden-xs hidden-sm">
                            <a  class="trapezoidal" href="{{ site_vincennes_url }}/Vos-demarches"><h3 class="trapezoidal-title">
                                    Démarches
                                </h3></a>
                        </div>
                        <ul class="">
                            <li class="col-md-8 procedures--compte_citoyen">
                                <a href="{{ idp_url }}accounts/">
                                    <i class="fa fa-caret-right"></i> Compte citoyen
                                    <span class="icon-user">
                                        <img src="{{ site_base }}{{ STATIC_URL }}img/compte-citoyen2.png" alt="">
                                    </span>
                                </a>
                            </li>
                                 {% for item in demarches %}
                                    {% if item.link == "https://demarches.vincennes.fr" and user.is_authenticated %}
                                    <li class="col-md-8"><a href="{{ portal_url }}login/"><i class="fa fa-caret-right"></i>{{ item.title }}</a></li>
                                    {% elif item.title == "Espace famille" and user.is_authenticated %}
                                    <li class="col-md-8"><a href="{{ item.link }}"><i class="fa fa-caret-right"></i>{{ item.title }}</a></li>
                                    {% elif item.title == "Espace médiathèque" and user.is_authenticated %}
                                    <li class="col-md-8"><a href="{{ item.link }}"><i class="fa fa-caret-right"></i>{{ item.title }}</a></li>
                                    {% else %}
                                    <li class="col-md-8"><a href="{{ item.link }}"><i class="fa fa-caret-right"></i>{{ item.title }}</a></li>
                                    {% endif %}
                                 {% endfor %}
                        </ul>
                    </div>
                </div>
            </div>

        </div>

        <div id="search_engine" class="search_engine clearfix hidden-print">
            <div class="search_engine--body col-md-6 col-lg-4">
                <div id="search_engine-toggle" class="search_engine--collapse collapse">
                    <div class="input-group input-group-lg">
                    	<form id="recherche" action="{{site_vincennes_url}}/content/search">
                       
                        <input type="hidden" name="SubTreeArray[]" value="200" checked="checked" id="search-global" />
				        <script type="text/javascript">
					        <!--
						        document.write('<input id=\"SearchText\" name=\"SearchText\" type=\"text\" class=\"champ form-control\" title=\"Recherche\" value=\"Rechercher sur le site...\" onfocus=\"if(this.value==\'Rechercher sur le site...\'){this.value=\'\'}\" onblur=\"if(this.value==\'\'){this.value=\'Trouver dans le site\'}\" />');
					        //-->
				        </script>
				        <noscript>
					        <input name="SearchText" id="SearchText" type="text" class="champ" title="Recherche" />
				        </noscript>				
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button>
                        </span>
                        </form>
                    </div>
                </div>
            </div>  
        </div>
        
        
        {% include "navigation.html" %}
        <!--/div--><!--header end-->


