.imgOrange {
    filter: invert(34%) sepia(50%) saturate(3638%) hue-rotate(37deg) brightness(98%) contrast(101%) !important;
}

/* IMG PROFIL */
/* ------------------------------------------------------------------------------- */
.imgTxt {
    position: absolute;
    left: 3.2vw;
    width: 25vw;
    pointer-events: auto;
}

.imgTxt:hover .profilTxt {
    opacity: 0.12;
}

.imgTxt:hover .imgProfil {
    filter: invert(12%) sepia(5%) saturate(12%) hue-rotate(39deg) brightness(100%) contrast(87%);
}

.imgProfil {
    user-select: none;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: ease-out 0.6s;
    filter: invert(94%) sepia(26%) saturate(1778%) hue-rotate(370deg) brightness(104%) contrast(106%);
}

.profilTxt {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: ease-out 0.6s;
}

.profilTxt::selection {
    background-color: #202020;
}

/* PARCOUR */
/* ------------------------------------------------------------------------------- */
#stroke {
    width: 0px;
    height: 80vh;
    border: 0.2vw yellow solid;
}

#parcours {
    position: relative;
    top: 3vw;
    display: flex;
    flex-direction: column;
}

#parcourConteneur {
    position: absolute;
    left: 31.5vw;
    display: flex;
    pointer-events: none;
}

.parcour {
    pointer-events: auto;
    transition: ease-out 0.24s;
    display: flex;
    /* padding-bottom: 2vw; */
    /* padding-bottom: 5vw; */
}

.pointParcour {
    position: relative;
    left: -0.9vw;
    background-image: url('/asset/img/rond.svg');
    height: 2.1vw;
    width: 2.1vw;
    background-size: contain;
    background-repeat: no-repeat;
    filter: invert(94%) sepia(26%) saturate(1778%) hue-rotate(357deg) brightness(104%) contrast(106%);
}

.textParcour {
    position: relative;
    display: none;
    top: -0.4vw;
    width: 55vw;
}

.parcour:first-of-type .textParcour {
    display: block; /* Afficher uniquement le .textParcour du dernier .parcour */
}

@media print {
    .imgOrange {
        filter: none !important;
    }

    /* IMG PROFIL */
    .imgTxt {
        position: relative !important;
        left: auto !important;
        width: auto !important;
        pointer-events: auto !important;
    }

    .imgTxt:hover .profilTxt {
        opacity: 1 !important;
    }

    .imgTxt:hover .imgProfil {
        filter: invert(12%) sepia(5%) saturate(12%) hue-rotate(39deg) brightness(100%) contrast(87%) !important;
    }

    .imgProfil {
        position: absolute;
        user-select: none;
        top: -65px !important;
        left: 220px !important;
        width: 160px !important;
        height: auto !important;
        transition: none !important;
        filter: invert(12%) sepia(5%) saturate(12%) hue-rotate(39deg) brightness(100%) contrast(87%) !important;
    }

    .profilTxt {
        position: relative !important;
        top: 20px !important;
        left: auto !important;
        width: 200px !important;
        height: auto !important;
        transition: none !important;
        font-size: 20px !important;
    }

    .profilTxt::selection {
        background-color: transparent !important;
    }

    /* PARCOUR */
    #stroke {
        width: auto !important;
        height: auto !important;
        border: none !important;
    }

    #parcours {
        position: absolute !important;
        top: 40px !important;
        bottom: 0px !important;
        display: block !important;
        flex-direction: row !important; /* Remet en flux normal */
    }

    #parcourConteneur {
        position: relative !important;
        left: auto !important;
        display: block !important;
        pointer-events: auto !important;
    }

    .parcour {
        pointer-events: auto !important;
        transition: none !important;
        display: block !important;
    }

    .pointParcour {
        position: relative !important;
        left: auto !important;
        height: auto !important;
        width: auto !important;
        background: none !important;
        background-size: auto !important;
        background-repeat: repeat !important;
        filter: none !important;
    }

    .textParcour {
        position: relative !important;
        display: block !important;
        top: auto !important;
        width: auto !important;
    }

    .parcour:first-of-type .textParcour {
        display: block !important;
    }
}