Banner

Vous avez le goût de l'aventure, le sens de l'accueil et une passion pour le territoire ? Joignez-vous à une équipe tissée serrée qui fait vivre l'écolodge au rythme des saisons.

Consultez nos offres ci-dessous.

REJOIGNEZ NOTRE ÉQUIPE

List

Illustration for environment, business or green investment concept. Virtual screen with icons on green background for advertisement or web banner. Space for text.

Intervenant en intervention Plein Air

Embed

<div class="partners-footer-custom">
    <div class="partners-grid-custom">
        
        <a href="https://www.pourvoiries.com/pourvoiries/aventures-kiamika-15-914#informations" target="_blank" class="partner-item">
            <img src="https://lh3.googleusercontent.com/u/0/d/1iRRTCpFp3g0ytZ1-EwwMsg8oJPan8vMH" alt="Partenaire 1">
        </a>

        <a href="https://www.laurentides.com/membre/aventures-kiamika/" target="_blank" class="partner-item">
            <img src="https://lh3.googleusercontent.com/u/0/d/1t701xXYbO_KyzaQi9-gSx6h5l7H6-7XV" alt="Partenaire 2">
        </a>

        <a href="https://www.aventurequebec.ca/entreprise/aventures-kiamika" target="_blank" class="partner-item">
            <img src="https://lh3.googleusercontent.com/u/0/d/1wyGDiDc8Sko0M-HfhtfsMDqih8yg0Qzy" alt="Partenaire 3">
        </a>

        <a href="https://lespagesvertes.ca/entreprise/aventures-kiamika/" target="_blank" class="partner-item">
            <img src="https://lh3.googleusercontent.com/u/0/d/1RuLzwuUUhcz6_c-VeG3hX9wXu37jCQto" alt="Partenaire 4">
        </a>

    </div>
</div>

<style>
.partners-footer-custom {
    width: 100%;
    padding: 40px 0;
    background-color: transparent;
}

.partners-grid-custom {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    align-items: center;
    justify-items: center;
    gap: 30px;
    max-width: 95%; 
    margin: 0 auto;
}

.partner-item {
    width: 100%;
    display: flex;
    justify-content: center;
}

.partner-item img {
    width: 100%;
    /* TAILLE LAPTOP - Ajustée pour être bien visible */
    max-width: 250px; 
    max-height: 120px; 
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.partner-item img:hover {
    transform: scale(1.05);
}

/* Ajustement pour MOBILE (Smartphone) */
@media (max-width: 600px) {
    .partners-grid-custom {
        grid-template-columns: repeat(4, 1fr); /* Force la ligne unique */
        gap: 8px;
        padding: 0 5px;
    }
    
    .partner-item img {
        max-width: 85px; 
        max-height: 50px;
    }
}
</style>