.section-nos-engagements {flex-direction: column;}
.section-nos-engagements .engagement { flex-direction: column;  scroll-margin-top: 100px; margin-bottom: 6rem; }
.section-nos-engagements .engagement .image-engagement {position: relative; transform: rotate(4deg); width: 100%; max-height: 40rem; max-width: 55rem; margin: 0 2rem; order: -1;}
.section-nos-engagements .engagement:nth-child(odd) .image-engagement {transform: rotate(-5deg);}
.section-nos-engagements .engagement .image-engagement::before {content: ""; position: absolute;  top: -1.5rem; left: 50%; transform: translateX(-50%); width: 12rem; background: var(--couleur-scotch); box-shadow: var(--ombre-scotch);  display: block; margin: auto; height: 3.5rem;}
.section-nos-engagements .engagement .image-engagement img { border-color: rgba(181, 165, 155, .25); border-width: .15rem 0 0 .15rem; border-style: solid; box-shadow: 10px 12px 0 0 rgba(181, 165, 155, .15), 1px 1px 0 0 rgba(181, 165, 155, .25), 10px 12px 0 0 rgba(181, 165, 155, .1), 1px 1px 0 0 rgba(181, 165, 155, .25), 3px 3px 0 0 rgba(181, 165, 155, .4), 1px 1px 0 0 rgba(181, 165, 155, .4); padding: 1rem; }
.section-nos-engagements .engagement .engagement-content {row-gap: 1rem; flex-wrap: wrap; column-gap: 5rem;}
.section-nos-engagements .texte-engagement {width: 100%; flex-direction: column;}

/*.section-nos-engagements .engagement .engagement-titre {align-items: center; justify-content: flex-start; column-gap: 3rem;}*/
.section-nos-engagements .engagement h2 {text-align: left; text-transform: none; margin-bottom: 0; text-wrap: balance;}
.section-nos-engagements .engagement .engagement-btn {background-color: var(--couleur-principale); color: #fff; box-shadow: #A82D23 3px 3px; width: fit-content; text-transform: uppercase; padding: .7rem 1.5rem; border-radius: .6rem; margin: 0;}
.section-nos-engagements .engagement .engagement-picto { max-width: 7rem; max-height: 8rem; display: block; }
.section-nos-engagements .engagement .engagement-numero {color: var(--couleur-principale); font-family: var(--font-secondaire); letter-spacing: 0; font-size: 3rem; margin: 0;}
.section-nos-engagements .engagement .engagement-header {align-items: center; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 2rem; }



.section-nos-engagements .engagements-nav {flex-wrap: wrap; gap: 1rem 5rem; justify-content: center; margin: 0 2rem 5rem; }
.section-nos-engagements .engagements-nav .engagement-nav-item {width: 100%; column-gap: 2rem; padding: 2rem; align-items: center; background-color: var(--couleur-secondaire-light); border-radius: 2rem; }
.section-nos-engagements .engagements-nav .engagement-nav-item h2 {font-size: 1.9rem; text-align: left; line-height: 1.2; font-weight: 400; margin: 0;}
.section-nos-engagements .engagement-nav-item img {max-width: 6rem; max-height: 6rem;}









@media (hover: hover) {
    .section-nos-engagements .engagement .engagement-btn:hover {transform: rotate(0) scale(1.03); box-shadow: #942e25 5px 5px; }
    .section-nos-engagements .engagements-nav .engagement-nav-item:hover { box-shadow: rgba(137, 108, 74, 0.4) -6px 6px; transform: scale(1.03);}
    .section-nos-engagements .engagements-nav .engagement-nav-item:nth-child(even):hover { box-shadow: rgba(137, 108, 74, 0.4) 6px 6px;}

}
@media (min-width: 768px) {
    .section-nos-engagements .engagement .image-engagement {margin: 0 auto; order: initial;}
}

@media (min-width: 1025px) {
    .section-nos-engagements .engagement {margin-bottom: 9rem;}
    .section-nos-engagements .engagements-nav { gap: 2rem; margin-left: 4rem; margin-right: 4rem; margin-bottom: 8rem; }
    .section-nos-engagements .engagements-nav .engagement-nav-item {width: calc(50% - 1.1rem); column-gap: 1.5rem; padding: 2rem; align-items: center;}
    .section-nos-engagements .engagement .image-engagement { flex: 1; width: auto; margin: 0;}
    .section-nos-engagements .texte-engagement {width: 65%; }
    .section-nos-engagements .engagement .engagement-btn {transform: rotate(-5deg);}
    .section-nos-engagements .engagement .engagement-header {margin-bottom: 4rem; justify-content: center; }
    .section-nos-engagements .engagement:nth-child(odd) .engagement-content {flex-direction: row-reverse;}
    .section-nos-engagements .engagement:nth-child(odd) .engagement-header .engagement-picto {order: 1;}

}
@media (min-width: 1400px) {
    .section-nos-engagements .engagements-nav .engagement-nav-item {flex: 1;}
    .section-nos-engagements .texte-engagement { flex: 1; width: auto; }
    .section-nos-engagements .engagement h2 {font-size: 3.5rem;}
    .section-nos-engagements .engagement .engagement-numero {font-size: 4rem;}
    .section-nos-engagements .engagement .engagement-picto { max-width: 10rem; }


}

@media (min-width: 1800px) {
.section-nos-engagements .engagements-nav {margin-left: 8rem; margin-right: 8rem; column-gap: 3rem;}
}