/* ==================== SECTION : QUI SOMMES NOUS ============== */
.section--qui-sommes-nous__container {
    margin-inline: auto;
    padding-top: 2rem;
    display: grid;
    gap: 1.5rem;
}

.section--qui-sommes-nous__container .image-container {
    max-width: 545px;
    justify-self: center;
}

.section--qui-sommes-nous__container .description {
    align-self: center;
    display: grid;
    gap: 1rem;
} 

@media (min-width : 800px) {
    .section--qui-sommes-nous__container {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ==================== NOS 5 METIERS ============== */
.metiers {
    background-color: var(--gris-clair);
    /* border: 4px solid blue ; */
}

.metiers .introduction {
    margin-inline: auto;
    padding-top: 2rem;
    text-align: center;  
}

.metiers__container {
    margin-inline: auto;
    padding-top: 2rem;
    display: grid;
    gap: 1rem;
    justify-content: center;
}

.metiers__container .image-container {
    max-width: 545px;
}

.metiers__liste {
    max-width: 545px;
    display: grid;
    gap: 1.4rem;    
} 

@media (min-width : 800px) {
    .metiers__container {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ==================== SECTION : NOTRE FACON DE TRAVAILLER ============== */
.travail {
    background-color: var(--primaire);
}

.travail__container {
    padding-top: 2rem;
    display: grid;
    gap: 2rem; 
}
.travail__container .container-texte {
    margin-inline: auto;
}

/* .etapes-container .souligne:hover {
    color: var(--focale);
} */

.travail__container .etapes-container {
    position: relative;
    max-width: 693px;
    justify-self: center;

    display: grid;
    gap: 2rem;
    justify-content: center;
}

.travail__container .ligne-verticale {
    display: block;
    width: 1px;
    height: 100%;
    opacity: 1;
    background-color: var(--focale);

    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }


 .travail__container .badge {
    display: none;
 }

.travail__container .etape {
    z-index: 2;

    display: grid;
    gap: 1rem;
    justify-items: center;
}

.travail__container .carte {
    background-color: var(--gris-clair);
    padding-inline: 1rem;
    padding-top: 2rem;
    max-width: none;

    align-items: flex-start;
}

@media (min-width : 700px) {

    .travail__container .ligne-verticale {
        left: 4.6%;
    }

    .travail__container .badge {
        display: inline-block;
        background-color: var(--primaire);
    }

    .travail__container .etape {
        grid-template-columns: 60px auto;
    }
}

/* ==================== SECTION : NOS PARTENAIRES ============== */
/* #partenaires__titre {
    color: var(--primaire);
}

.partenaires__container {
    padding-top: 2rem;
    margin-inline: auto;
    display: grid;
    gap: 1rem;
} */

/* ==================== ZONE D'INTERVENTION ============== */
.zone-intervention {
    background-color: var(--gris-clair);
}

.zone-intervention__container {
    padding-top: 2rem;
    margin-inline: auto;
    display: grid;
    gap: 1rem;
}

.zone-intervention__container .souligne:hover{
    color: var(--focale);
}

/* ==================== SECTION : FAQ ============== */
#section--faq-titre {
    padding-bottom: 2rem;
}

.section--faq__container .souligne:hover {
    color:var(--focale)
}

/* ==================== SECTION : NOS VALEURS ============== */
/* .section--nos-valeurs .container {
    display: grid;
    justify-content: center;
    gap: 2rem;
}

.section--nos-valeurs__container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  max-width: 900px;
}

.section--nos-valeurs__container .carte {
    background-color: var(--gris-clair);
    padding-inline: 1rem;
    padding-top: 2rem;

    align-items: flex-start;
}

.section--nos-valeurs__container .badge {
    background-color: var(--primaire);
}

.section--nos-valeurs__container .carte p {
    color: var(--gris-sombre);
}

@media (min-width: 560px) {
  .section--nos-valeurs__container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 800px) {
  .section--nos-valeurs__container {
    grid-template-columns: repeat(3, 1fr);
  }
} */