:root {
    --fond: #E5E7E9;
    --footer: #707B7C;
    --blanc: #FFF;
    --noir: #000;
    --yellowJuju: #fcb900;
    --pinkJuju: #f78da7;
    --greenJuju: #7bdcb4;
    --blueJuju: #0393e3;
}

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

body {
    display: flex;
    flex-direction: column;
    background-color: var(--fond);
}

main {
    flex: 1;
}

/* ADMIN */
img.admin_img {
    width: 100%;
}

/* BIENVENUE */
.img_banner {
    width: 100%;
}

.img_photo_profil,
.img_temoignage {
    width: 50%;
}

.btnVshContainer {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.btnVsh {
    display: inline-block; 
    width: 30%; 
    text-align: center; 
    border-radius: 50px; 
    transition: background-color 0.3s;
    padding: 0.5%;

}

.btnAccompagnement {
    padding: 2% 4%;
}

a.btnVsh {
    color: var(--blanc);
} 

.btnYellow {
    background-color: var(--yellowJuju);
}

.btnPink {
    background-color: var(--pinkJuju);
}

.btnGreen {
    background-color: var(--greenJuju);
}

.btnBlue {
    background-color: var(--blueJuju);
}

footer {
    background-color: var(--footer);
}

/* FOOTER */
.footer_informations {
    color: var(--blanc);
}

a.a_footer_informations {
    color: var(--blanc);
    text-decoration: none;
}

ul.ul_footer_plan_mentions {
    list-style-type: none;
}

a.a_footer_plan_du_site_mentions {
    color: var(--blanc);
    text-decoration: none;
}