Placement du titre

Bonsoir,
Voila j'ai repris la programmation il y'a pas très longtemps et je vous cache pas que je suis perdu..
Donc voila j'ai une barre de menu ou tout a gauche j'ai mis mon titre et tout a droite j'ai mis mes onglets.
Mais sauf soucis quand j'ai rajouté mon titre lorsque je mes un padding mes onglets qui sont toutes a gauches descends aussi... ( J'utilise Bootstrap).

Je vous mets mon code et une image du résultat que j'obtiens je vous remércie d'avance !

css:

.regroupbars {
        top: 0;
        border-width: 0 0 1px;
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
    }

    .baricons {
        background-color: #CC0600;
        padding: 10px;
    }

    .iconsmenubar a {
        text-decoration: none;
        color: white;
        padding-left: 10px;
        margin-right: 7px;
    }

    .linksmenubar {
        text-align: right;
    }

    .linksmenubar a {
        color: white;
        padding-right: 10px;
    }

    .menu {
        float: right;
        padding-top: 20px;
        padding-right: 20px;
    }

html:

<nav class="navbar navbar-inverse red">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#toggle">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div style="padding-top: 20px;"><h4>Coco-Minute</h4></div>
            <div class="collapse navbar-collapse menu" id="toggle">
                <ul class="nav navbar-nav">
                    <li><a href="<?= $base_href ?>"><i class="fa fa-home"></i> Accueil</a></li>
                    <li><a href="<?= $base_href ?>"><i class="fa fa-cutlery"></i> Les recettes</a></li>
                    <li><a href="<?= $base_href ?>"><i class="fa fa-envelope"></i> Contact</a></li>
                </ul>
                <?php if(isset($_SESSION['id'])) { ?>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <li>
                                <a href="<?= $base_href ?>user.php?pseudo=<?= $user['pseudo'] ?>"><i class="fa fa-user fa-fw"></i> <?= $user['pseudo'] ?></a>
                            </li>
                            <li style="cursor: pointer;" class="dropdown-toggle" data-toggle="dropdown">
                                <a>
                                    <i class="fa fa-caret-down" ></i>
                                </a>
                            </li>
                            <ul class="dropdown-menu">
                                <li><a href="<?= $base_href ?>edit"><i class="fa fa-pencil fa-fw"></i> Éditer mon profil</a></li>
                                <li><a href="<?= $base_href ?>"><i class="fa fa-plus fa-fw"></i> lien classique</a></li>
                                <li class="divider"></li>                   
                                <li><a href="<?= $base_href ?>logout"><i class="fa fa-power-off"></i> Déconnexion</a></li>
                            </ul>
                        </li>
                    </ul>
                <?php } ?>
            </div>
        </div>
    </nav>

http://hpics.li/074bacd

Donc comme vous pouvez le voir je veux alligner les onglets avec le titre.

Encore merci