.navbar {
    background: #62c3aa;
}

.navbar-brand {
    background-color: #62c3aa;
    color: #ffe600;
    font-family: "Pacifico", Sans-serif;
    /* font-size: 32px; */
}

.navbar-default .navbar-text {
    font-weight: bold;
    color: #555555;
}

.navbar-default .navbar-nav>li>a {
    color: #555555;
}

.navbar-default .navbar-brand {
    color: #555555;
}

.navbar button {
    margin: 8px 8px 8px 32px;
}

.active {
    background-color: #578DA6;
    color: white;
}

.navbar .divider-vertical {
    height: 50px;
    margin: 0 9px;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #ffffff;
}

#content {
    transition: margin-left .5s;
    /* padding: 20px; */
}

.myVerticalCenter {
    vertical-align: middle!important;
}

.form-group {
    margin-bottom: 15px; /* compatibilité bootstrap 3 */
}

.nav-item {
    margin-right: 10px;
}

@media screen and (max-width: 800px) {
    .divider-vertical {height:0;border-left: 0;border-right: 0;}
}