#navbar-logo {
    height: 50px;
    width: 53px;
}

/* DEBUT : Pour l'éclypse lunaire dans index.php */
@media screen and (min-width: 576px) {
    #index-black_background {
        height: 640px;
        width: 100%;
        background-color: #050505;
        background-image: url('/images/index_eclipse_full.png');
        background-repeat: no-repeat;
        background-position: 50% 50%;
        text-decoration: none;
    }
}

/* Pour les petits écrans :  */
@media screen and (max-width: 576px) {
    #index-black_background {
        height: 640px;
        width: 100%;
        background-color: #050505;
        background-image: url('/images/index_eclipse_small.png');
        background-repeat: no-repeat;
        background-position: 50% 50%;
        text-decoration: none;
    }

    .index-annonce {
        text-align: center;
    }
}

/* FIN : Pour l'éclypse lunaire dans index.php */

.index-annonce {
    padding-top: 125px;
}

.index-annonce h1,
.index-annonce p {
    color: white
}

#index-second_part {
    margin-top: 32px;
}

#index-article_1_image {
    background-image: url('/images/index-article_1.jpg');
    height: 400px;
    position: relative;
}

#index-article_2_image {
    background-image: url('/images/index-article_2.jpg');
    background-size: cover;
    background-position: 48%;
    height: 400px;
    position: relative;
}

#index-article_3_image {
    background-image: url('/images/index-article_3.jpg');
    background-size: cover;
    background-position-y: 24%;
    height: 192px;
    margin-bottom: 16px;
    position: relative;
}

#index-article_4_image {
    background-image: url('/images/index-article_4.jpg');
    background-size: cover;
    background-position-x: 83%;
    height: 192px;
    position: relative;
}

.big_article {
    color: white;
    font-size: 1.25rem;
    /* background-color: hsla(237 100% 12.2% / 0.76); */
    font-weight: 800;
    position: absolute;
    bottom: 0px;
    margin: 32px
}

.filtre_contraste {
    background: linear-gradient(65.99deg, #000 0, transparent 99.04%);
    width: 100%;
    height: 100%;
}

.text_centered {
    text-align: center;
}

.listeFormulairesRecherches {
    margin-top: 24px;
}

.rechercheFormBy {
    padding-top: 32px;
    padding-bottom: 16px;
}

.rechercheSearchButton {
    padding-top: 16px;
    padding-bottom: 32px;
}

#formulaireByPassError {
    text-align: center;
    font-size: 32px;
    font-weight: 800;
    color: red;
    margin-top: 16px;
}

.returnButtonDiv {
    margin-top: 32px;
    margin-bottom: 32px;
    text-align: center;
}

.returnButtonLink {
    text-decoration: none;
    color: black;
}

.newSearchButton {
    text-decoration: none;
    color: white;
}

.h2_ResultatRecherche {
    margin-top: 40px;
    margin-bottom: 40px;
}

.div_h5 {
    font-size: 1.25rem;
}

/* Début magouille pour laisser le footer tout en bas d'une page, même d'une page vide*/

html,
body {
    height: 100%;
    margin: 0;
}

.wrapper {
    min-height: 100%;
    margin-bottom: -50px;
}

.footer,
.push {
    height: 50px;
}

/* Fin de magouille footer en bas */