<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link id="main-css" href="megamenu/demos.css" type="text/css" rel="stylesheet">
<link id="main-css" href="megamenu/menuzord.css" type="text/css" rel="stylesheet">
<div class="content">
	<div id="menuzord" class="menuzord menuzord-responsive"><a href="javascript:void(0)" class="showhide" style="display: none;"><!-- <em></em><em></em><em></em> --></a>
        <ul class="menuzord-menu menuzord-right menuzord-indented scrollable" style="max-height:400px;">
            <li<?php if($active=='index'){ ?> class="active"<?php } ?>><a href="./">Accueil</a></li>
            <li<?php if($active=='propos'){?> class="active"<?php } ?>><a href="#">A propos de<span class="indicator"></span></a>
                <div class="megamenu megamenu-half-width" style="right:0px; display: none;">
                    <div class="megamenu-row">
                        <div class="col12">
                            <ul class="list-unstyled">
                                <a href='#'><li id="titro_menu">Informations sur l'entreprise</li></a>
                                <a href='#'><li id="titro_menu">Nos valeurs</li></a>
                                <a href='#'><li id="titro_menu">Nos clients</li></a>
                                <a href='#'><li id="titro_menu">Nos partenaires</li></a>
                            </ul>
                        </div>
                    </div>
                </div>
            </li>
            <li<?php if($active=='service'){?> class="active"<?php } ?>><a href="#">Nos services<span class="indicator"></span></a>
                <div class="megamenu megamenu-half-width" style="right:0px; display: none;">
                    <div class="megamenu-row">
                        <div class="col12">
                            <ul class="list-unstyled">
                                <a href='#'><li id="titro_menu">Développement d'application</li></a>
                                <a href='#'><li id="titro_menu">Multimédia</li></a>
                                <a href='#'><li id="titro_menu">Sécurité & réseau informatique</li></a>
                                <a href='#'><li id="titro_menu">E-marketing</li></a>
                            </ul>
                        </div>
                    </div>
                </div>
            </li>
            <li<?php if($active=='produit'){?> class="active"<?php } ?>><a href="#">Nos produits<span class="indicator"></span></a>
                <div class="megamenu megamenu-half-width" style="right:0px; display: none;">
                    <div class="megamenu-row">
                        <div class="col12">
                            <ul class="list-unstyled">
                                <a href='#'><li id="titro_menu">CRM CommercialiX</li></a>
                                <a href='#'><li id="titro_menu">CSI protocole</li></a>
                                <a href='#'><li id="titro_menu">Helpdesk</li></a>
                            </ul>
                        </div>
                    </div>
                </div>
            </li>
            <li<?php if($active=='contact'){ ?> class="active"<?php } ?>><a href="#">Contact</a></li>
            <li class="scrollable-fix"></li>
        </ul>
    </div>
</div>
<script type="text/javascript" src="megamenu/menuzord.js"></script>
<!-- <script type="text/javascript" src="megamenu/jquery-1.11.1.min.js"></script> -->
<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery("#menuzord").menuzord({
            align: "right"
        });
    });
</script>