        <div class="row">
            <!-- Begin left content -->
            <div class="col-md-3" id="sidebar_themes">

                <h3 class="title_side_style">Affiner votre recherche</h3>
                <ul class="sidebar_style"> Afficher / Cacher les filtres
                    <li>
                        <p id="miniTitle">Rayon</p>
                        <ul>
                            <li>
                                <input type="checkbox"> Tous</li>
                            <li>
                                <input type="checkbox">Graphisme & photo(36)</li>
                            <li>
                                <input type="checkbox"> Informatique (255)</li>
                            <li>
                                <input type="checkbox"> Sciences</li>
                            <li>
                                <input type="checkbox"> Entreprise</li>
                        </ul>

                    </li>

                    <li>
                        <p id="miniTitle">Type</p>
                        <ul>
                            <li>
                                <input type="checkbox"> Tous</li>
                            <li>
                                <input type="checkbox">Ouvrage (2494)</li>
                            <li>
                                <input type="checkbox"> CD-ROM (7)</li>
                            <li>
                                <input type="checkbox"> DVD-ROM (4)</li>
                            <li>
                                <input type="checkbox"> Coffret livre (64)</li>
                        </ul>

                    </li>

                    <li>
                        <p id="miniTitle">Langue</p>
                        <ul>
                            <li>
                                <input type="checkbox"> Tous</li>
                            <li>
                                <input type="checkbox">Français (821)</li>
                            <li>
                                <input type="checkbox"> Anglais (1800)</li>
                            <li>
                                <input type="checkbox"> Allemand (3)</li>
                            <li>
                                <input type="checkbox"> Multilingue (4)</li>
                        </ul>

                    </li>

                    <li>
                        <p id="miniTitle">Prix</p>
                        <ul>
                            <li>
                                <input type="checkbox"> Tous</li>
                            <li>
                                <input type="checkbox">Moins de 10€ (65)</li>
                            <li>
                                <input type="checkbox">10€ - 25€ (284)</li>
                            <li>
                                <input type="checkbox"> 25€ - 35€ (467)</li>
                            <li>
                                <input type="checkbox"> Plus de 35€ (939)</li>
                        </ul>

                    </li>


                </ul>
                <button type="button" class="btn btn-default " id="updatebtn">
                    Mettre à jour
                </button>
            </div>


            <!--End left content -->
            <div class="col-md-1"></div>
            <!-- Begin right content -->
            <div class="row">
                <div class="col-md-8">


                    <h1 class="titre_souligne">Recherche : {{mc}}</h1>
                    <div class="row">
                        <form class="search">
                            <div id="conteneur_search">
                                <input type="text" id="champDeRecherche" ng-model="searchQuery" class="box" value placeholder="Entrer un titre, un auteur ou un ISBN..." />
                                <input type="submit" id="submitRecherche_cat" value="Rechercher" />
                            </div>
                        </form>
                    </div>
					                    <div class="row">
                        <div class="col-md-3 fixe_line">
                            <p>
                               {{(livres.totalPages==0)?'0':'1'}} - {{livres.totalPages}} sur {{livres.totalElements}} résultats
                            </p>
                        </div>

                        <div class="col-md-3 fixe_line">
                            <div class="dropdown">
							  <a id="dLabel" data-target="#" href="http://example.com" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
							    trier par ...
							    <span class="caret"></span>
							  </a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Date de parution</a></li>
                                <li><a href="#">Auteur</a></li>
                                <li><a href="#">Editeur</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#">Prix croissant</a></li>
                                <li><a href="#">Prix décroissant</a></li>
                            </ul>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <nav>

                                <ul class="pagination">
                                    <li>
                                        <a href="#" aria-label="Previous" ng-click="previous()">
                                            <span aria-hidden="true">&laquo;</span>
                                        </a>
                                    </li>
                                    <li  ng-repeat="n in pages" class="{{(n==page)?'active':''}}"><a href="#" ng-click="change(n)">{{n}}</a></li>
                                    <li>
                                        <a href="#" aria-label="Next" ng-click="next()">
                                            <span aria-hidden="true">&raquo;</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6 col-md-4" ng-repeat="livre in livres.content|filter:searchQuery">
                            <div class="thumbnail">
                                <img ng-src="livre/photo/{{livre.id}}" alt="...">
                                <div class="caption">
                                    <h3>{{livre.titre}}</h3>
                                    <p></p>
                                    <h2 class="price_color">{{livre.prix}} euro</h2>

                                    <div class="row">
                                        <div class="col-md-6">
                                            <button type="button" class="btn btn-default " id="Ajouter_panier" ng-click="addPanier(livre)">
                                                Ajouter Panier
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                	<div class="row">
                        <div class="col-md-3 fixe_line">
                            <p>
                               {{(livres.totalPages==0)?'0':'1'}} - {{livres.totalPages}} sur {{livres.totalElements}} résultats
                            </p>
                        </div>

                        <div class="col-md-3">
  
                        </div>
                        <div class="col-md-6">
                            <nav>

                                <ul class="pagination">
                                    <li>
                                        <a href="#" aria-label="Previous" ng-click="previous()">
                                            <span aria-hidden="true">&laquo;</span>
                                        </a>
                                    </li>
                                    <li  ng-repeat="n in pages" class="{{(n==page)?'active':''}}"><a href="#" ng-click="change(n)">{{n}}</a></li>
                                    <li>
                                        <a href="#" aria-label="Next" ng-click="next()">
                                            <span aria-hidden="true">&raquo;</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
              		  </div>
					


    
                    
                    
                    <div class="separateur_nov"></div>
                </div>

                <!-- End right content -->
            </div>
        </div>