body {
    margin-top: 15px;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #777;
}

span.or {
    color: #777;
}

label.required::after {
    content: ' *';
    color: red;
}

.navbar {
    margin-bottom: 10px;
}
.navbar-brand img {
    display: inline-block;
    max-height: 32px;
}

div.totem {
    margin: 10px 0px;
    padding: 1px 10px;
}
div.totem h3 > small {
    float: right;
}
div.totem p {
    text-align: justify;
}
div.totem p::first-letter {
    text-transform: capitalize;
}
div.totem p::after {
    content: '.';
}
div#totem_list div.totem {
    border-bottom: 1px solid #ccc;
}
div#totem_list div.totem:last-child {
    border-bottom: none;
}

form {
    margin: 20px 0;
}

p.result {
    padding: 5px 10px;
    font-weight: bold;
    text-align: right;
}

div#attributs_list {
    font-size: 1.4em;
}
div#attributs_list span.badge {
    margin: 5px;
    display: inline-block;
}
div#attributs_list span.badge a,
div#attributs_list span.badge a:hover,
div#attributs_list span.badge a:focus {
    color: inherit;
    text-decoration: none;
}

.autocomplete-suggestions {
    border: 1px solid #777;
    background: white;
    overflow: auto;
    margin-top: 2px;
}
.autocomplete-suggestion {
    padding: 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 18px;
    color: #555;
}
.autocomplete-selected {
    background: #f0f0f0;
}
.autocomplete-suggestions strong {
    font-weight: normal;
    color: #66afe9;
}
.autocomplete-group {
    padding: 2px 5px;
}
.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid black;
}

.fos_user_change_password,
.fos_user_user_show,
.fos_user_profile_edit {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.columns{
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .columns {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
    }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .columns {
        -webkit-column-count: 3;
           -moz-column-count: 3;
                column-count: 3;
    }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .columns {
        -webkit-column-count: 4;
           -moz-column-count: 4;
                column-count: 4;
    }
}