[Resolu]Centrer 2ème ligne d'un menu

Bonjour je suis en train de créer un site responsive et j'ai fait en sorte que lorsque on redimensionne ma page le menu se met sur 2 lignes cependant je ne sais pas comment centrer la 2 ème ligne

Sur navigateur pc : http://gyazo.com/0f5c79947575fdcdd108f9725ca6b38a

Sur mobile : http://gyazo.com/6c2244048d01919793875ad91e58d9b0

J'aimerais que les mots " Autres " et " Photographie " soient centrés
Voici mon html :

<div id="header">
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-4 col-md-offset-4"><img src="img/logo.png" alt=""></div>
        </div>
      </div>
      <div id="navigation_principale">
        <div class="container-fluid">
          <div class="row">
            <div class="col-md-12">
              <ul>
                  <a href="#"><li>Accueil</li></a>
                  <a href="#"><li>Tutoriel</li></a>
                  <a href="#"><li>Ressources</li></a>
                  <a href="#"><li>Voyage</li></a>
                  <a href="#"><li>Autres</li></a>
                  <a href="#"><li>Photographie</li></a>
              </ul>
            </div>
          </div>  
        </div>
      </div>
      <div id="navigation_secondaire">
        <div class="container-fluid">
          <div class="row">
            <div class="col-xs-12 col-md-4 pub">Code de PRomotion : 5€ de reduction chez Google.fr</div>
            <div class="col-xs-12 col-md-6 col-md-offset-2">
              <ul>
                <li>Contactez moi</li>
                <li>Lien utlise</li>
                <li>Partenaires</li>
                <li>A Propos</li>
              </ul>
            </div>
          </div>
        </div>
      </div>

Et mon Css

#header { text-align: center;}
#navigation_principale {z-index: 999; width: 100%;background-color:#2d2d2d;text-align: center;}
#navigation_principale ul { margin:auto; height: 100%;display:table;table-layout: fixed;}
#navigation_principale ul li { padding-right: 20px; padding-left: 15px;list-style: none; float:left; height: 50px;width:auto; font-family: "Bebas" , 'Open Sans' , sans-serif; color:#efefef; font-size:24px;letter-spacing: 5px;text-transform:uppercase;text-align:center; line-height: 50px; }
#navigation_principale ul li a { height: 50px;}
#navigation_principale ul li:hover { background-color:#2ecc71;}
#recherche { width:200px; height: 50px; margin-top: -5px; text-align: left;}
#recherche:hover {background-color:transparent!important;}
#rechercher { width:100px;height: 50px;padding-left:18px;}

.pub { text-align: center;}
.sticky { position:fixed; width:100px; left:0; top:0; z-index: 9999;border-top:0;}
#navigation_secondaire { width:100%; background-color:#d5d5d6; text-align: center; line-height: 20px;height: 100%;}
#navigation_secondaire { display:inline-block;font-family: 'Bebas', 'Open Sans' ; color:#848484; line-height: 35px!important; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; }
#navigation_secondaire ul { margin:auto; height: 35px;display:table;table-layout: fixed;}
#navigation_secondaire ul li {width:auto; list-style: none; float:right; letter-spacing: 3px; padding-left: 10px;padding-right:10px; line-height: 35px;}
#navigation_secondaire ul li:hover { background-color:#2d2d2d;}

Merci d'avance