body {
    margin: 0;
    padding: 0;
}

/* 
? ---------- Début des styles pour la page de connexion ---------- ?
*/
#body_login {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    /* justify-content: center;
    align-items: center; */
}

#body_login>div#login-container {
    flex: 1;
}

#body_login>div.side_infos_lmb {
    flex: 2;
}

#login-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#content-login>form p {
    display: flex;
    flex-direction: column;
    gap: .5em;
    margin: 1em 0;
}

#login-container>#content-login {
    padding: 1.5em;
    width: 70%;
}

img.custom-logo {
    width: 20%;
}

a.custom-logo-link {
    display: flex;
    justify-content: center;
}

input[type="text" i],
input[type="password" i] {
    padding-block: 7px;
    padding-inline: 14px;
    border-radius: 0;
    border: 1px solid rgb(118, 118, 118);
}

input:focus-visible {
    outline: 0.5px solid rgb(48, 48, 48);
}

/*
? ---------- Fin des styles pour la page de connexion ---------- ?
*/
/*
? ---------- Début des styles pour le header ---------- ?
*/
/* Styles de base pour le menu */
header #menu-principal {
    list-style-type: none;
    background-color: #fff;
    padding: 0;
    display: flex;
    gap: 1em;
}

header #upepo-navigation>#menu-principal>li {
    font-size: 1.1em;
    font-weight: 500;
}

header #upepo-navigation>#menu-principal>li>ul li {
    font-size: 1em;
    font-weight: 400;
}

header #menu-principal>li>.sub-menu {
    font-size: .9em !important;
}

header #menu-principal .sub-menu {
    list-style-type: none;
    padding: 0;
    display: none;
    background-color: #fff;
    width: max-content;
}

header>.logo_container>.site-logo>a>img {
    width: 70px;
}

/*! Navigation  */

nav#upepo-navigation {
    z-index: 2 !important;
}

nav#upepo-navigation li a span {
    margin-left: .2em;
}

/*
? ---------- Fin des styles pour le header ---------- ?
*/
/*
? ---------- Début des styles pour le single-post.php ---------- ?
*/
/*! Section Information article */ 
.fil__ariane {
    display: flex;
    justify-content: end;
}
.fil__ariane span {
    margin: 0 .2em;
}
.title__single__post {
    margin: .5em 0;
}
.wrap__single__content .metadata > ul {
    list-style-type: none;
    display: flex;
    justify-content: center;
    font-size: .9em;
    padding: 0;
}
/*! Section contenu article */
.content__single__post .content .thumbnail {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.content__single__post .content .thumbnail .thumbnail-description {
    margin-top: .5em;
    font-size: .9em;
    color: #666;
    text-align: center;
}
/*! Section commentaires */
#comments__container > .commentlist{
    list-style-type: none;
    padding: 0;
}
#comments__container > .commentlist ul.children {
    list-style-type: none;
    padding-top: 20px;
}
.comment-respond form {
    width: 50%;
}
.comment-respond form > p:not(.comment-form-cookies-consent) {
    display: flex;
    flex-direction: column;
}
.comment-respond form input {
    padding-block: 7px;
    padding-inline: 14px;
    border-radius: 0;
    border: 1px solid rgb(118, 118, 118);
}
/*
? ---------- Fin des styles pour le single-post.php ---------- ?
*/
/*
? ---------- Début des styles communs pour les pages ---------- ?
*/
#container__filter__post {
    margin-top: 20px;
}

/*! Page erreur 404 */
#wrapper__404__pages {
    display: flex;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
#wrapper__404__pages .redirect__content {
    text-align: center;
}
/*
? ---------- Fin des styles communs pour les pages ---------- ?
*/
/*
? ---------- Début des styles pour le footer ---------- ?
*/
/* .follow_us > ul {
    display: flex;
}
.site-footer>.top__footer a, .bottom__copyright .by__lmb > p a {
    color: #666
}
.site-footer>.top__footer a:hover {
    color: red;
}
.bottom__copyright>.by__lmb>a>img {
    width: 50px;
} */
/*! Pied de page  */
footer ul {
    list-style: none;
    padding: 0;
}

.follow_us>ul {
    display: flex;
}

.site-footer>.top__footer {
    display: flex;
    gap: 40px;
}

footer .top__footer {
    display: flex;
    /* justify-content: space-between; */
}

footer .top__footer .bio_structure .logo__structure a img {
    width: 80px;
}

.site-footer>.top__footer a,
.bottom__copyright .by__lmb>p a {
    color: #666
}

.top__footer>div.bio_structure {
    border-right: 1px solid #c4c4c4;
    padding-right: 40px;
}

footer .ctr_legal_doc .legal_doc {
    list-style: none;
    display: flex;
    padding: 0;
}

footer .ctr_legal_doc .legal_doc li {
    margin-right: 1em;
}

footer .ctr_legal_doc .legal_doc li a {
    /* text-decoration: none; */
    color: #999;
    font-size: 0.875rem;
}

.bottom__copyright .by__lmb>p a {
    color: rgba(33, 33, 33, 0.5);
}

.site-footer>.bottom__copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-footer>.bottom__copyright>.copyright>p,
.site-footer>.bottom__copyright>.by__lmb>p {
    color: rgba(33, 33, 33, 0.5);
    font-size: 0.875rem;
}

.bottom__copyright>.by__lmb {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bottom__copyright>.by__lmb>a>img {
    width: 50px;
}

/*
? ---------- Fin des styles pour le footer ---------- ?
*/