{% block stylesheets %}
<style>
.main-menu nav ul li a, .main-menu nav ul li ul.submenu li a {
    text-transform: none;
 }
</style>
{% endblock %}
<header class="header-area">
<div class="header-top bg-img" style="background-image:url({{ asset('front/assets/img/icon-img/header-shape.png') }});">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-7 col-12 col-sm-8">
                    <div class="header-contact">
                        <ul>
                            <li><i class="fa fa-phone"></i> +212 5 377 717 45/58/59</li>
                            <li><i class="fa fa-envelope-o"></i><a href="#">drsfd@iav.ac.ma</a></li>
                        </ul>
                    </div>
                </div>
                {# <div class="col-lg-6 col-md-5 col-12 col-sm-4">
                    <div class="login-register">
                        <ul>
                            <li><a href="login-register.html">Login</a></li>
                            <li><a href="login-register.html">Register</a></li>
                        </ul>
                    </div>
                </div> #}
            </div>
        </div>
    </div>
   
    <div class="header-bottom sticky-bar clearfix">
        <div class="container">
            <div class="row">
                <div class="col-lg-2 col-md-6 col-4">
                    <div class="mt-1 mb-1">
                        <a href="{{path('app_front')}}">
                            <img alt="LOGO" src="{{ asset('front/assets/img/logo/logo-transparent.png') }}?v=1.0" width="70%">
                        </a>
                    </div>
                </div>
                <div class="col-lg-10 col-md-6 col-8">
                    <div class="menu-cart-wrap">
                        <div class="main-menu">
                            <nav>
                                <ul>
                                    <li><a href="{{path('app_front')}}"> Accueil</a></li>
                                    <li><a href="{{path('app_cedoc')}}"> CEDoc  </a></li>
                                    <li ><a href="{{path('app_unitesRecherches')}}"> Domaines de recherche </a></li>                                   
                                    {# <li><a href="#">Avis de soutenance</a></li> #}
                                    <li><a>Évènements <i class="fa fa-angle-down"></i></a>
                                        <ul class="submenu">
                                                <li><a href="{{path('app_evenement', {slug: "formation"})}}">Formation</a></li>
                                                <li><a href="{{path('app_evenement', {slug: "conférence"})}}">Conférences</a></li>
                                                <li><a href="{{path('app_evenement', {slug: "colloque"})}}">Colloque</a></li>
                                                <li><a href="{{path('app_evenement', {slug: "congrès"})}}">Congrès</a></li>
                                                <li><a href="{{path('app_evenement', {slug: "ateliers"})}}">Ateliers</a></li>
                                                <li><a href="{{path('app_evenement', {slug: "appel-a-projet"})}}">Appel à projet</a></li>
                                                <li><a href="{{path('app_evenement', {slug: "journée-doctoriale"})}}">Journée doctoriales</a></li>
                                                <li><a href="{{path('app_evenement', {slug: "annonce"})}}">Annonce</a></li>

                                        </ul>
                                    </li>
                                    <li><a href="{{path('app_contact')}}">Contact</a></li>
                                </ul>
                            </nav>
                        </div>
                        
                    </div>
                </div>
            </div>
            <div class="mobile-menu-area">
                <div class="mobile-menu">
                    <nav id="mobile-menu-active">
                        <ul class="menu-overflow">
                            <li><a href="{{path('app_front')}}"> Acceuil</a></li>
                                    <li><a href="{{path('app_cedoc')}}"> CEDoc  </a></li>
                                    <li ><a href="{{path('app_unitesRecherches')}}"> Domaines de recherche </a></li>                                   
                                    <li>Évènements
                                    <ul class="submenu">
                                            <li><a href="{{path('app_evenement', {slug: "formation"})}}">Formation</a></li>
                                                <li><a href="{{path('app_evenement', {slug: "conférence"})}}">Conférences</a></li>
                                                <li><a href="{{path('app_evenement', {slug: "colloque"})}}">Colloque</a></li>
                                                <li><a href="{{path('app_evenement', {slug: "congrès"})}}">Congrès</a></li>
                                                <li><a href="{{path('app_evenement', {slug: "ateliers"})}}">Ateliers</a></li>
                                                <li><a href="{{path('app_evenement', {slug: "appel-a-projet"})}}">Appel à projet</a></li>
                                                <li><a href="{{path('app_evenement', {slug: "journée-doctoriale"})}}">Journée doctoriales</a></li>
                                        </ul>
                                        </li>
                                    <li><a href="{{path('app_contact')}}">Contact</a></li>
                           
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</header>