/********************/
/****** Footer ******/
/********************/

footer {
    flex-direction: column;

    min-height: 25%;
    padding: 30px 50px 10px 50px;

    background-image: url("../img/img-general/fondForet.png");
    background-position: 46% 100%;
    background-color: var(--couleur-blanc);
}

.footer-contenu {
    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: clamp(var(--espace-petit), 2vw, var(--espace-moyen));

}

.footer-contenu>* {
    flex-basis: calc(25% - var(--taille-grand));
    
    margin-top: 24px;
    
    color: var(--couleur-noir);
}

.footer-contenu>article {
    flex-direction: column;
}

.footer-contenu li {
    padding: 3px;

    list-style: none;
}

.footer-contenu a { 
    padding: var(--espace-moyen) 0;

    color: var(--couleur-noir);
}

.footer-contenu h3 {
    margin-bottom: var(--espace-moyen);
    
    text-transform: uppercase;
    
    color: var(--couleur-vertClair);
}

.footer-contenu a:hover {
    color:  var(--couleur-vertClair);
}

.footer-logo>p {
    bottom: 0;

    text-align: center;
    
    font-size: var(--taille-petit);
}

.footer-logo {
    flex-direction: column;
    
    justify-content: center;
    align-items: center;
    margin-top: var(--espace-grand);
}

.footer-logo>img {
    width: 80px;
}