<div class="col-md-12" id="breadcrumb">
                    <a href="#">
                        <img alt="Accueil" class="loc" src="images/breadcrumb.png" />
                    </a>
                    <a href="" ng-click="all()">{{selectedTheme.nom}}</a> {{(selectedCategory.id!=undefined)?'>':''}} <a href="" ng-click="selectCategory(selectedCategory)">{{selectedCategory.nom}}</a> {{(selectedSubCategory.id!=undefined)?'>':''}} <a href="" ng-click="selectSubCategory(selectedCategory,selectedSubCategory)">{{selectedSubCategory.nom}}</a>
                    </div>
        <div class="row">
            <!-- Begin left content -->
            <div class="col-md-3" id="sidebar_themes">

                <h2 class="title_side_style">{{selectedTheme.nom}}</h2>
                <ul class="sidebar_style">
                    <li><a href="#">Meilleures ventes</a></li>
                    <li><a href="#">Nouveautés</a></li>
                    <li><a href="#" ng-click="all()">Tous les livres du rayon</a></li>
                    <hr/>
                    <div class="sep_cat"></div>
                    <li  ng-repeat="category in selectedTheme.categories"><a href="" ng-click="selectCategory(category)">>{{category.nom}}</a>
                        <ul class="subcat_translation" >
                            <li ng-repeat="subCategory in category.sousCategories"><a href="" ng-click="selectSubCategory(category,subCategory)">{{subCategory.nom}}</a></li>
                        </ul>
                    </li>
                </ul>
            </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">{{selectedTheme.nom}} {{(selectedCategory.id!=undefined)?'>':''}} {{selectedCategory.nom}} {{(selectedSubCategory.id!=undefined)?'>':''}} {{selectedSubCategory.nom}}</h1>
                    <p><b>Description de subCategories</b> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique
                        beatae, esse explicabo ex! Repellat, amet cupiditate tenetur eius enim, architecto autem labore ipsam
                        ad, facilis eveniet nemo beatae exercitationem ab.
                    </p>


                    <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">
                            <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>

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