/* Main elements of site */

body {
    background-color: #F6F1F1;
}

/* Classes of Navigation Bar */

.bg-nav {
    background-color: #146C94;
}

.nav-header {
    color: #F6F1F1;
    padding: 10px;
    text-decoration: none;
}

.nav-header:hover {
    color: #9DB2BF;
    text-decoration: none;
}

.nav-txt{
    color: #F6F1F1;
    padding: 10px;
}

.nav-txt:hover , header:hover {
    color: #9DB2BF;
}

/* Classes of Main Body */

.article-col {
    background-color: #fff;
    border-color: black;
    border-style: solid;
    border-width: 0.1rem;
    margin-top: 10px;
    padding: 1rem;
}

.article-title {
    background-color: #9DB2BF;
}

.article-txt {
    color: #000;
    padding: 0, 1rem;
    display: block;
    text-align: center;
}

.article-txt:hover {
    color: #8a8989;
    text-decoration: none;
}

.time-publishing, .categories {
    background-color: lemonchiffon;
    color: brown;
    display: block;
    width: 100%;
}

.article-border {
    background-color: lemonchiffon;
    border-color: black;
    border-style: solid;
    border-width: 0.1rem;
}

.centered-message {
    display: block;
    text-align: center;
}


/* Footer classes */

.pagination {
    background-color: #146C94;
    height: 5rem;
    display: flex;
	justify-content: center;
	align-items: center;
}

.button-paginator {
    color: #fff;
    height: 3rem;
    margin: 0 1rem;
    width: 120px;
}

.title {
    background-color: #9DB2BF;
    margin: 5% 10% 2%;
    padding: 1%;
    text-align: center;
}

.single-title {
    display: block;
    margin-top: 2%;
    text-align: center;
}

.administration-title {
    margin: 5% auto 2%;
}

.icon-right-mark {
    margin: 0 0 0 15%;
    vertical-align: center;
}

.icon-left-mark {
    margin: 0 15% 0 0;
    vertical-align: center;
}


/* Identifiers */

ul#index {
    padding-left: 0;
    list-style-type: none;
}
#message {
    height: 10em;
}

#formContact, #formLogin, #formArticle {
    padding: 0 10%;
}

#fieldCategories {
    margin-bottom: 3%;
}