@media screen and (max-width: 768px) {

    body>header>div>nav>ul>li.current_page_item>a::before {
        display: none;
    }

    body>header>div {
        max-width: calc(100% - 14vw);
    }

    body.accueil>header>div>figure>a>img:nth-child(1),
    body:not(.accueil)>header>div>figure>a>img:nth-child(1) {
        width: 13vw;
        margin-right: 5vw;
    }

    body.accueil>header>div>figure>a>img:nth-child(2),
    body:not(.accueil)>header>div>figure>a>img:nth-child(2) {
        width: 18.5vw;
    }

    body>header,
    body:not(.accueil)>header,
    body.header_fixe>header {
        padding: 3vw 0;
    }

    body.accueil>header>div>figure>a {
        top: 0;
    }

    #menu_toggle {
        display: block;

    }

    #menu_toggle>div {
        display: block;
        width: 8vw;
        height: 8vw;
    }

    #menu_toggle>div>span {
        background: var(--third);
        width: 100%;
        display: block;
        height: 4px;
        margin: 1.5vw 0;
        transition: 0.3s ease;
    }

    body>header>div>nav>ul {
        display: none;
    }


    .menu_ouvert>header>div>nav>ul:nth-child(1) {
        display: block;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1024;
        width: 100%;
        margin: 0px;
    }

    .menu_ouvert>header>div>nav>ul:nth-child(1)>li {
        width: 100%;
    }


    body:before {
        position: fixed;
        height: 0;
        width: 100%;
        top: 0;
        content: '';
        left: 0;
        transition: height 0.3s ease;
        /* Ajout de la transition de hauteur */
    }

    body.menu_ouvert:before {
        content: '';
        z-index: 1024;
        height: 100vh;
        background: var(--main);
        transition: height 0.3s ease;
        /* Ajout de la transition de hauteur */
    }

    body.menu_ouvert #menu_toggle>div>span:nth-child(1) {
        transition: 0.3s ease;
        opacity: 0;
    }

    body.menu_ouvert #menu_toggle>div>span:nth-child(2) {
        opacity: 1;
        transition: 0.3s ease;
    }

    body.menu_ouvert #menu_toggle>div>span:nth-child(3) {
        opacity: 0;
    }

    body>header>div>nav>ul>li>a.active::before {
        display: none
    }

    body>header>div>nav>ul>li>a {
        font-size: 5vw;
        padding: 2vw 0;
        line-height: 2;
        text-align: center;
        width: 100%;
        display: block;
    }

    /* .container */
    #krispy_parralax>div,
    #krispy_a_propos>div,
    #krispy_nos_marques>div:nth-child(2),
    #krispy_liste_emploi>div {
        max-width: calc(100% - 14vw);

    }

    #krispy_parralax>div {
        display: flex;
        flex-wrap: wrap;
    }

    #krispy_parralax>div>div:nth-child(1),
    #krispy_parralax>div>div:nth-child(2),
    #krispy_parralax>div>div:nth-child(3) {
        width: 100%;
        height: auto;
        display: block;
    }

    #krispy_parralax>div>div:nth-child(1) {
        padding-top: 35vw;
    }

    #krispy_parralax>div>div:nth-child(1)>div>div>h1 {
        font-size: 14vw;
        line-height: 1.1;
    }

    #krispy_parralax>div>div:nth-child(1)>div>div>p {
        font-size: 4vw;
        font-weight: bold;
    }

    #krispy_parralax>div>div:nth-child(1)>div>div {
        transform: rotate(-10deg);
        margin-bottom: 9vw;
    }

    #krispy_parralax>div>div:nth-child(1)>div {
        display: flex;
        justify-content: center;
    }

    #krispy_parralax {
        display: flex;
        min-height: 100vh;
        justify-content: center;
        height: auto;
        overflow: unset;
    }

    #krispy_parralax>div>div:nth-child(2)>div {
        width: 75vw;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    #krispy_parralax>div>div:nth-child(1)>div>a {
        display: block;
        bottom: -20vw;
        width: 12vw;
        height: 12vw;
        background-size: 4vw;
    }

    #krispy_parralax>div>div:nth-child(3)>ul>li:nth-child(2) {
        display: none;
    }

    #krispy_parralax>div>div:nth-child(3)>ul>li>a>span:first-child br {
        display: none;
    }

    #krispy_parralax>div>div:nth-child(3)>ul>li>a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #krispy_parralax>div>div:nth-child(3)>ul>li>a>span:first-child {
        font-size: 6vw;
    }

    #krispy_parralax>div>div:nth-child(3)>ul>li>a>span:last-child {
        width: 10vw;
        height: 10vw;
        background-size: 3vw;
    }

    #krispy_parralax>div>div:nth-child(3)>ul {
        position: absolute;
        bottom: 1.5vw;
        width: calc(100% - 14vw);
    }

    #krispy_parralax:before {
        background: url('data:image/svg+xml,<svg width="432px" height="241px" viewBox="0 0 432 241" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Artboard</title><defs><circle id="path-1" cx="339.5" cy="339.5" r="339.5"></circle></defs><g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Rectangle" transform="translate(-124.000000, 0.000000)"><mask id="mask-2" fill="white"><use xlink:href="%23path-1"></use></mask><use id="Mask" fill="%232272B1" xlink:href="%23path-1"></use><rect fill="%232272B1" mask="url(%23mask-2)" x="124" y="0" width="432" height="241"></rect></g></g></svg>');
        width: 100%;
        left: 0;
        bottom: 0;
        height: 56vw;
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
    }



    #krispy_parralax:after {
        content: '';
        background: var(--secondary);
        width: 100%;
        position: absolute;
        bottom: -29vw;
        height: 30vw;
        z-index: -1;
    }

    #krispy_a_propos>div {
        flex-wrap: wrap;
    }

    #krispy_a_propos>div>div,
    #krispy_a_propos>div>div:nth-child(2) {
        width: 100%;
    }

    #krispy_a_propos>div {
        margin-left: auto;
        margin-right: auto;
    }

    #krispy_a_propos>div>div:nth-child(1) {
        display: flex;
        order: 2
    }

    #krispy_a_propos>div>div:nth-child(2) {
        display: flex;
        order: 1;
        flex-wrap: wrap;
    }

    #krispy_a_propos>div>div:nth-child(2) h2,
    #krispy_a_propos>div>div:nth-child(2) div,
    #krispy_a_propos>div>div:nth-child(2) p {
        width: 100%;
    }

    #krispy_a_propos {
        padding-top: 27.2vw;
        margin-top: 29vw;
    }

    #krispy_a_propos>div>div:nth-child(2)>p:nth-child(1) {
        font-size: 3.2vw;
        margin-bottom: 0.5vw;
    }

    #krispy_a_propos>div>div:nth-child(2)>h2 {
        font-size: 11.5vw;
        margin-bottom: 13vw;
    }

    #krispy_a_propos>div>div:nth-child(2)>div {
        max-width: 100%;
    }

    #krispy_a_propos>div>div:nth-child(2)>div>p {
        font-size: 4vw;
        line-height: 1.6;
        margin-bottom: 7vw;
    }

    .krispy_btn {
        font-size: 3.2vw;
        padding: 3vw 7vw;
        border-radius: 10vw;
    }

    .krispy_btn>span {
        width: 4vw;
        height: 4vw;
        background-size: 2vw;
        margin-left: 2vw;
    }

    #krispy_a_propos>div>div:nth-child(2)>div>p:last-child {
        margin-bottom: 20vw;
    }

    #krispy_a_propos>div>div:nth-child(1)>img {
        width: 100%;
        margin-left: -7vw;
    }

    #krispy_a_propos>div>div:nth-child(2)>p:nth-child(1),
    #krispy_notre_histoire>div>div:nth-child(2)>p:first-child,
    #krispy_histoire_tab>div>div:nth-child(1)>ul>li>a,
    #krispy_pourquoi_nous>div>div>p,
    #krispy_avantages>div:nth-child(1)>div>p,
    #krispy_contact>div>div>p,
    #krispy_entete>div>div>p,
    #krispy_cta>div>div>p {
        font-size: 3.2vw;
        margin-bottom: 0.5vw;
    }


    #krispy_engagements>div:nth-child(2)>div:nth-child(1)>ul>li>a {
        font-size: 4vw;
        margin-bottom: 0.5vw;
    }


    #krispy_activites>div:nth-child(1)>h2,
    #krispy_en_vedettes>div:nth-child(1)>h2,
    #krispy_nos_marques>div:nth-child(1)>h2,
    #krispy_engagements>div:nth-child(1)>h2,
    #krispy_histoire_tab .visible_tab>h3,
    #krispy_pourquoi_nous>div>div>h2,
    #krispy_notre_histoire>div>div:nth-child(2)>h2,
    #krispy_cta>div>div>h2,
    #krispy_contact_form>div>h2,
    #krispy_avantages>div:nth-child(1)>div>h2,
    #krispy_liste_emploi>div:nth-child(1)>h2 {
        font-size: 11vw;
        margin-bottom: 21vw;
    }

    #krispy_activites,
    #krispy_en_vedettes,
    #krispy_nos_marques,
    #krispy_engagements,
    #krispy_pourquoi_nous {
        padding-top: 35vw;
        padding-bottom: 35vw;
    }

    #krispy_nos_marques {
        padding-top: 25vw;
    }

    #krispy_activites>div:nth-child(2)>div {
        width: 100%;
    }

    #krispy_activites>div:nth-child(2)>div img {
        height: 95vw;
        object-fit: cover;
    }

    #krispy_activites>div:nth-child(2)>div span {
        display: block;
        color: #fff;
        font-size: 4vw;
        padding-top: 5vw;
        margin-bottom: 10vw;
    }

    #krispy_liste_emploi>div:nth-child(1)>h2 {
        text-align: center;
        margin-bottom: 10vw
    }

    #krispy_activites>div:nth-child(2)>div:nth-child(3n+2) {
        padding-top: 0;
    }

    #krispy_en_vedettes>div:nth-child(2)>div {
        width: 100%;
    }

    #krispy_activites>div:nth-child(2)>div {
        display: none
    }

    #krispy_activites>div:nth-child(2)>div:nth-child(1),
    #krispy_activites>div:nth-child(2)>div:nth-child(2),
    #krispy_activites>div:nth-child(2)>div:nth-child(3) {
        display: block !important;
    }

    #krispy_en_vedettes>div:nth-child(2)>div>h3 {
        font-size: 8vw;
        margin: 8vw 0 7vw 0;
    }

    #krispy_en_vedettes>div:nth-child(2)>div>p {
        font-size: 3.6vw;
        line-height: 1.6;
        margin-bottom: 13vw;
        -webkit-line-clamp: 3;
    }

    #krispy_en_vedettes>p>a {
        font-size: 4vw;
        padding-top: 3.5vw;
    }

    #krispy_en_vedettes>p>a>span {
        height: .5vw;
        width: 20vw;
        margin-top: 1.4vw;
    }

    #krispy_nos_marques>div:nth-child(2)>div {
        width: 100%;
    }


    #krispy_nos_marques>div:nth-child(2)>div>div>img {
        height: 66vw;
    }

    #krispy_nos_marques>div:nth-child(2)>div>div>img:nth-child(1),
    #krispy_nos_marques>div:nth-child(2)>div>div>img:nth-child(3) {
        height: 48.5vw;
    }

    #krispy_nos_marques>div:nth-child(2)>div>div>img:nth-child(1) {
        margin-right: -14vw;
    }

    #krispy_nos_marques>div:nth-child(2)>div:nth-child(2)>div>img:nth-child(3) {
        margin-left: -14vw;
        position: relative;
        left: 2vw;
    }

    #krispy_nos_marques>div:nth-child(2)>div>div>img:nth-child(3) {
        margin-left: -14vw;
    }

    #krispy_nos_marques>div:nth-child(2)>div:nth-child(1)>div>img:nth-child(1) {
        position: relative;
        left: -1.64vw;
    }

    #krispy_nos_marques>div:nth-child(2)>div>img {
        margin-top: -22.2vw;
    }

    #krispy_nos_marques>div:nth-child(2)>div>h3 {
        font-size: 8vw;
        margin: 7.4vw 0 7vw 0;
    }

    #krispy_nos_marques>div:nth-child(2)>div>p {
        font-size: 4vw;
        -webkit-line-clamp: 4;
        max-width: 100%;
        margin-bottom: 8vw;
    }

    #krispy_nos_marques>div:nth-child(2)>div>p:last-child {
        margin-bottom: 14vw;
    }

    #krispy_nos_marques {
        padding-bottom: 10vw;
    }

    #krispy_engagements>div:nth-child(2),
    #krispy_pourquoi_nous>div {
        display: block;
    }

    #krispy_engagements>div:nth-child(2)>div:nth-child(1),
    #krispy_engagements>div:nth-child(2)>div:nth-child(2),
    #krispy_engagements>div:nth-child(2)>div:nth-child(3),
    #krispy_histoire_tab>div>div:nth-child(1),
    #krispy_histoire_tab>div>div:nth-child(2) {
        width: 100%;
    }

    #krispy_engagements>div:nth-child(2)>div:nth-child(1)>ul,
    #krispy_histoire_tab>div>div:nth-child(1)>ul {
        display: flex;
        text-overflow: ellipsis;
        width: 100%;
        white-space: nowrap;
        width: 100%;
        justify-content: space-between;
        overflow-y: scroll;
        margin-bottom: 10vw;
    }

    #krispy_engagements>div:nth-child(2)>div:nth-child(1)>ul::-webkit-scrollbar-track,
    #krispy_histoire_tab>div>div:nth-child(1)>ul::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px transparent;
        border-radius: 0;
        background-color: transparent;
        opacity: 0;
    }

    #krispy_engagements>div:nth-child(2)>div:nth-child(1)>ul::-webkit-scrollbar,
    #krispy_histoire_tab>div>div:nth-child(1)>ul::-webkit-scrollbar {
        width: 0;
        background-color: transparent;
        opacity: 0;
    }

    #krispy_engagements>div:nth-child(2)>div:nth-child(1)>ul::-webkit-scrollbar-thumb,
    #krispy_histoire_tab>div>div:nth-child(1)>ul::-webkit-scrollbar-thumb {
        border-radius: 0;
        -webkit-box-shadow: inset 0 0 6px transparent;
        background-color: transparent;
        opacity: 0;
    }


    #krispy_engagements>div:nth-child(2)>div:nth-child(1)>ul>li>a,
    #krispy_histoire_tab>div>div:nth-child(1)>ul>li>a {
        font-size: 3.6vw;
        margin-bottom: 0.5vw;
        padding-bottom: 2vw;
        max-width: 100%;
        margin-right: 5vw;
    }

    .visible_tab>h3 {
        display: none;
    }

    .visible_tab>div p {
        font-size: 3.8vw;
        margin-bottom: 7vw;
        padding-right: 7vw;
    }

    #krispy_engagements>div:nth-child(2)>div:nth-child(3) {
        top: 0;
    }

    #krispy_engagements>div:nth-child(2)>div:nth-child(3)>img {
        margin-left: auto;
        top: 10vw;
        position: relative;
    }

    #krispy_footer>div {
        flex-wrap: wrap;
    }

    #krispy_footer>div>div {
        width: 100%;
    }

    #krispy_footer {
        padding-top: 14vw;
        padding-bottom: 14vw;
    }

    #krispy_footer>div:nth-child(1)>div:nth-child(1),
    #krispy_footer>div:nth-child(1)>div:nth-child(3) {
        width: 100%;
        justify-content: center;
    }

    #krispy_footer>div:nth-child(1)>div:nth-child(2) {
        display: block;
    }

    #krispy_footer>div:nth-child(1)>div:nth-child(1)>img:nth-child(1) {
        width: 21vw;
    }

    #krispy_footer>div:nth-child(1)>div:nth-child(1)>img:nth-child(2) {
        width: 28.4vw;
    }

    #krispy_footer>div:nth-child(1)>div:nth-child(1)>img:nth-child(1),
    #krispy_footer>div:nth-child(1)>div:nth-child(1)>img:nth-child(2) {
        margin: 0 4vw;
    }

    #krispy_footer>div:nth-child(1)>div:nth-child(2) {
        display: block;
        padding-top: 10vw;
        margin-bottom: 7vw;
        text-align: center;
    }

    #krispy_footer>div:nth-child(1)>div:nth-child(2)>a:nth-child(1) {
        margin-right: 0;
        margin-bottom: 6vw;
    }

    #krispy_footer>div:nth-child(1)>div:nth-child(2)>a:nth-child(2) {
        margin-bottom: 6vw;
    }

    #krispy_footer>div:nth-child(1)>div:nth-child(3)>a>svg {
        width: 8vw;
        height: auto;
    }

    #krispy_footer>div:nth-child(1)>div:nth-child(3)>a {
        margin: 0 4vw;
    }

    #krispy_footer>div:nth-child(2)>ul {
        display: block;
        padding-top: 12.5vw;
        text-align: center;
    }

    #krispy_footer>div:nth-child(2)>ul * {
        color: #333132;
        font-size: 3.2vw;
    }

    #krispy_footer>div:nth-child(2)>ul>li:nth-child(1) {
        padding-bottom: 12vw;
    }

    #krispy_footer>div:nth-child(2)>ul>li span {
        display: block;
        opacity: .5;
    }

    #krispy_entete {
        padding-top: 41.2vw;
        padding-bottom: 37.5vw;
    }

    #krispy_entete>div>div>h1 {
        font-size: 6.5vw;
        line-height: 1.25;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: unset;
        padding-right: 14.5vw;
        max-width: 100%;
        padding-top: 1vw;
    }

    #krispy_notre_histoire>div {
        flex-wrap: wrap;
    }

    #krispy_notre_histoire>div>div:nth-child(1),
    #krispy_notre_histoire>div>div:nth-child(2) {
        width: 100%;
        max-width: 100%;
    }

    #krispy_notre_histoire {
        padding-top: 34.2vw;
        padding-bottom: 34.2vw;
    }

    #krispy_notre_histoire>div>div:nth-child(1) img {
        top: 0;
        max-width: 70vw;
    }

    #krispy_notre_histoire>div>div:nth-child(2) {
        max-width: calc(100% - 14vw);
        margin-left: auto;
        margin-right: auto;
        padding-top: 14vw;
    }

    #krispy_notre_histoire>div>div:nth-child(2)>h2 {
        margin-bottom: 3vw;
        padding-top: 4vw;
    }


    #krispy_contact>div>div>div>p,
    .krispy_text p,
    #krispy_pourquoi_nous>div>div>div>p {
        font-size: 3.8vw;
        line-height: 2;
        position: relative;
        margin-bottom: 10vw;
        margin-top: 0;
        padding-top: 4vw;
    }

    .swipper_annee .swiper-slide>span {
        font-size: 4vw;
    }

    .swipper_annee .swiper-slide>span:before {
        width: 7vw;
        height: 7vw;
        margin-bottom: 1.5vw;
        transition: .4s;
        margin-left: 0.2vw;
    }

    .swipper_annee .swiper-slide:before {
        height: 0.5vw;
        left: 5vw;
        z-index: -1;
        top: 3.3vw;
    }

    .swipper_annee {
        margin-bottom: 14.4vw;
    }

    .krispy_arrow {
        display: flex;
        justify-content: center;
    }

    .krispy_arrow>div>span {
        height: 11vw;
        width: 11vw;
        background-size: 2.5vw;
    }

    #krispy_histoire_tab>div,
    #krispy_entete>div {
        display: block;
    }

    #krispy_pourquoi_nous>div>div>h2 {
        padding-top: 3vw;
        margin-bottom: 3vw;
    }

    #krispy_pourquoi_nous {
        padding-bottom: 0;
    }

    #krispy_pourquoi_nous>div>div:nth-child(2)>img {
        max-width: 90%;
    }

    #krispy_entete>div>div:nth-child(2) {
        min-width: 100%
    }

    #krispy_entete.entete_emploi>div>div:nth-child(2)>div {
        position: absolute;
        top: auto;
        left: 0;

        transform: scale(.8);
    }

    .entete_emploi.entete_carriere {
        padding-bottom: 54vw !important;
    }

    #krispy_avantages {
        padding-top: 57.2vw;
        padding-bottom: 36.2vw;
    }

    #krispy_avantages>div:nth-child(2)>div .swiper-slide img {
        height: 34vw;
        margin-top: 0vw;
        width: 34vw;
        border-radius: 100%;
        border: 0.5vw solid var(--main);
        margin-bottom: 6.3vw;
        margin-left: auto;
        margin-right: auto;
    }

    #krispy_avantages>div:nth-child(2)>div .swiper-slide div {
        font-size: 3.8vw;
        line-height: 1.6;
        margin-bottom: 10vw;
        padding-right: 2vw;
        text-align: center;
    }

    #krispy_avantages>div:nth-child(3)>div {
        margin-left: auto;
        margin-right: auto;
    }


    .bListPostes__filter {
        display: block;
    }

    .bListPostes__filter select {
        margin-left: 0;
        margin-right: 0;
        height: 11.5vw;
        width: 100%;
        border: 0.5vw solid var(--third);
        padding-left: 4vw;
        font-size: 3.8vw;
        margin-bottom: 6vw;
    }

    div.krispy_job_list>a {
        display: block;
    }

    div.krispy_job_list>a>div {
        color: #fff;
        font-size: 3.8vw;
        line-height: 1.5;
        width: 100% !important;
    }

    div.krispy_job_list>a {
        background-size: 2.5vw;
        padding: 8vw 0;
    }

    #krispy_cta>div {
        display: block;
    }

    #krispy_cta>div>div:nth-child(2)>img {
        position: absolute;
        top: auto;
        right: 0;
        height: 102vw;
        z-index: 1;
        transform: rotate(90deg);
        object-fit: cover;
        margin-top: -1.5vw;
    }

    #krispy_liste_emploi {
        padding-top: 25vw;
        padding-bottom: 50vw;
    }

    #krispy_cta {
        padding-top: 25vw;
        padding-bottom: 45vw;
    }

    #krispy_cta>div>div>h2 {
        width: 100%;
        margin-bottom: 16vw;
    }

    #krispy_cta>div>div:nth-child(1)>p:nth-child(1) {
        margin-bottom: 2vw;
    }

    #krispy_entete>div>div:nth-child(1)>ul>li {
        margin: 0vw 0 4vw 0;
        font-size: 3vw;
    }

    #krispy_entete>div>div:nth-child(1)>ul {
        flex-wrap: wrap;
        margin-top: 6vw;
    }

    #krispy_entete>div>div:nth-child(1)>ul>li {
        width: 50%;
        padding-left: 0;
        padding-left: 0;
        border: 0;
    }


    .entete_emploi_post>div>div:nth-child(2)>div {
        position: relative !important;

    }

    .entete_emploi_post>div {
        margin-right: auto;
        max-width: calc(100% - 14.5vw) !important;
    }

    .entete_emploi_post>div>div>h1 {
        -webkit-line-clamp: 2 !important;
    }

    .entete_emploi_post>div>div:nth-child(2)>div {
        top: 6vw !important;
        left: 0;
        transform: scale(.9);
    }

    .entete_emploi_post {
        padding-top: 31.2vw !important;
        padding-bottom: 0px !important;
        display: flex;
        align-items: center;
        height: 100Vh;
        ;
    }

    #krispy_emploi_column>div>div {
        width: 100%;
    }

    #krispy_emploi_column>div {
        display: block;
    }

    #krispy_emploi_paragraph p,
    #krispy_emploi_column p,
    #krispy_emploi_column ul {
        font-size: 3.5vw;
        line-height: 1.8;
        margin-bottom: 2.5vw;
        padding-right: 2vw;
        margin-top: 2.69vw;
        display: block;
    }

    #krispy_emploi_lead h2,
    #krispy_emploi_paragraph h2,
    #krispy_emploi_column h2 {
        font-family: 'SandwichMarkerPro';
        font-size: 8vw;
        margin-bottom: 10vw;
        line-height: 1.3;
    }

    #krispy_emploi_lead p {
        font-size: 4vw;
        line-height: 1.7;
    }

    #krispy_avantages.avantages_emploi {
        margin-top: 25vw;
    }

    #krispy_emploi_lead {
        padding-top: 25vw;
    }

    #krispy_avantages.avantages_emploi {
        padding-top: 36.2vw;
        padding-bottom: 36.2vw;
    }

    #krispy_cta>div {
        max-width: calc(100% - 14vw);
        margin-right: auto;
    }

    #krispy_cta>div>div:nth-child(1) {
        text-align: center;
    }

    #krispy_entete>div>div>div {
        padding-top: 10vw;
    }

    #krispy_entete>div>div>div>a:first-child {
        margin-right: auto;
        margin-bottom: 5vw;
    }

    #krispy_contact>div,
    #krispy_contact_form>div {
        display: block;
    }

    #krispy_contact>div {
        width: 100%;
    }

    #krispy_contact {
        padding-top: 25vw;
        padding-bottom: 25vw;
    }

    #krispy_contact>div>div h2 {
        max-width: 100%;
        font-size: 8vw;
        margin-bottom: 2vw;
    }

    #krispy_contact>div>div:nth-child(2) {
        border: 0;
        padding: 0;
    }

    #krispy_contact_form>div>h2 {
        margin-bottom: 25vw;
        text-align: center;
    }

    #krispy_form_ui>div {
        width: 100%;
    }

    #krispy_contact_form input,
    #krispy_contact_form textarea {
        margin-left: 0;
        margin-right: 0;
        height: 11.5vw;
        width: 100%;
        border: 0.5vw solid #C5C5C5;
        padding-left: 4vw;
        font-size: 3.8vw;
        margin-bottom: 6vw;
    }

    #krispy_contact_form.krispy_candidature {
        padding-top: 6vw;
        padding-bottom: 6vw;
        padding-top: 25vw;
        padding-bottom: 25vw;
    }

    #krispy_contact_form label {
        font-size: 3vw;
        letter-spacing: .1vw;
        margin-bottom: 2vw;
        display: block;
    }

    #krispy_contact_form>div:nth-child(2)>div>form>div:nth-child(7) {
        text-align: center;
    }

    #krispy_contact_form {
        border-bottom: 0.1vw solid #828282;
        padding-bottom: 25vw;
    }


    #krispy_choix_1>div>a {
        width: 100%;
    }

    #krispy_choix_1>div {
        flex-wrap: wrap;
    }

    #krispy_pagination {
        display: none;
    }

    #krispy_choix_1>div:before,
    #krispy_choix_1>div:after {
       
        bottom: 0;
        top: auto
    }

    #krispy_choix_1>div:after {
        top: 0;
    }

    #krispy_choix_1>div:before,
    #krispy_choix_1>div:after {
        height: 50%;
        width: 100%;
    }

    #krispy_choix_1>div>a {
        width: 100%;
        transform: scale(1.8);
    }

    #krispy_choix_1>div>a>div>div {
        font-size: 10vw;
        position: relative;
        z-index: 10;
    }

    #krispy_choix_1>span:nth-child(3) {
        width: 10vw;
        height: 10vw;
        font-size: 6vw;
        border: 0;
    }


    #krispy_choix_1>div>a>div {
        position: relative;
        padding: 10vw;
        transition: .4s;
    }

    #krispy_choix_1>div>a>div>img:nth-child(1),
    #krispy_choix_1>div>a>div>img:nth-child(5) {
        animation: floatUpDown 14s ease-in-out infinite;
    }

    #krispy_choix_1>div>a>div>img:nth-child(2),
    #krispy_choix_1>div>a>div>img:nth-child(4) {
        animation: floatDownUp 14s ease-in-out infinite;
    }

    #krispy_choix_1>div>a:nth-child(1)>div>img:nth-child(1) {
        top: 2vw;

    }

    #krispy_choix_1>span:nth-child(2) {
        display: none;
    }

    #krispy_choix_2>div:first-child {
        position: absolute;
        left: calc(13vw/2);
        top: 50%;
        transform: translate(-0%, -50%);
        display: block;
        justify-content: space-between;
    }


    #krispy_choix_2>div:first-child>div{
        width: 100%;
    }

    .krispy_step h2 {
        font-size: 6vw;
     
    }

    #krispy_choix_2 > div:nth-child(1) > div:nth-child(2) > h2{
        margin-top: 8vw;
    }

    #krispy_choix_2>div:nth-child(1)>div:nth-child(1)>div>p span label {
        font-size: 3vw;
        padding: 2vw 0vw;
    }

    #krispy_choix_2>div:nth-child(1)>div:nth-child(1)>div>p span label>input {
        opacity: 0;
        width: 0;
    }

    #krispy_choix_2>div:nth-child(1)>div:nth-child(1)>div>p span label:before {
        content: '';
        width: 6vw;
        height: 6vw;
        background: #fff;
        margin-right: 4vw;
    }

    #krispy_choix_2 textarea {
        width: 100%;
        padding: 1vw;
        border: 0;
        font-size: 4vw;
        height: 30vw;
        padding: 4vw 4vw 0vw 4vw;
    }

    #krispy_choix_2>div:nth-child(1)>div:nth-child(1)>div>p span label.active:after {
        width: 5vw;
        height: 5vw;
        display: block;
        position: absolute;
        left: 0.5vw;
        opacity: 1;
        transition: ease 2s;
        transform: scale(.8);
    }
    
    #krispy_choix_3>div:first-child,#krispy_choix_4>div:first-child {
        max-width: calc(100% - 14vw);
    }

    #krispy_choix_3>div:nth-child(1)>div>div{
        display: block;
    }

    #krispy_choix_3>div:nth-child(1)>div>div > div{
        width: 100%;
    }

   #krispy_choix_3>div:nth-child(1)>div>div>div input, #krispy_choix_3>div:nth-child(1)>div>div>div select, #krispy_choix_3>div:nth-child(1)>div>div>div input:focus, #krispy_choix_3>div:nth-child(1)>div>div>div select:focus, #krispy_choix_3>div:nth-child(1)>div>div>div input:hover, #krispy_choix_3>div:nth-child(1)>div>div>div select:hover {
        padding-left: 1vw;
        font-size: 3.5vw;
        margin-bottom: 1.5vw;
        box-shadow: none;
        padding: 3vw 5vw;
        margin-bottom: 2vw;
        height: auto;
    }

    #krispy_choix_3>div:nth-child(1)>div>div>div label ,
    #krispy_choix_4>div:nth-child(1)>div>div>div label{

        font-size: 3.5vw;
  
        margin-bottom: 1vw;
    }

    #krispy_choix_3>div:first-child h2,
    #krispy_choix_4 h2 {
        text-align: center;
        margin-bottom: 10vw;
    }
    #krispy_parralax:after {
        margin-top: -2px;
    }
}


/* Corrections */


  /* Edit Lundi 3 Juillet 2023 */

  #krispy_avantages>div:nth-child(2)>div .swiper-slide>div>div:first-child {
    font-size: .9vw;
    line-height: 1.6;
    margin-bottom: 0.5vw;
    padding-right: 2vw;
    font-weight: 600;
}

#krispy_avantages>div:nth-child(1)>div>div>p {
    font-size: .9vw;
    line-height: 1.6;
    margin-bottom: 2vw;
    padding-right: 2vw;
    max-width: 100%;
}

@media screen and (max-width: 768px) {
    #krispy_avantages>div:nth-child(1)>div>h2 {
        margin-bottom: 3vw;
    }

    #krispy_avantages>div:nth-child(1)>div>div>p {
        font-size: 3.8vw;
        line-height: 1.6;
        margin-bottom: 10vw;
        padding-right: 2vw;
        max-width: 100%;
    }

    #krispy_avantages>div:nth-child(2)>div .swiper-slide>div>div:first-child {
        font-size: 3.8vw;
        line-height: 1.6;

    }

}

.fade_me_krispy {
    opacity: 0;
}

#krispy_parralax>div>div:nth-child(2)>div>img.fade_me_krispy {
    display: block;
    width: 100%;
    max-width: 100%;
    position: relative;
    top: calc(1vw + 13px);
    z-index: 1;
    position: absolute !important;
}

.defilement_fading #krispy_parralax>div>div:nth-child(2)>div>img.fade_me_krispy {
    opacity: 1;
    transition: opacity 1s ease-in-out;
}

.defilement_fading #krispy_parralax>div>div:nth-child(2)>div>img:not(.fade_me_krispy) {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

#krispy_parralax>div>div:nth-child(2)>div>img {
    transition: opacity 1s ease-in-out;
}

#krispy_parralax>div>div:nth-child(2)>div>img:nth-child(4),
#krispy_entete>div>div:nth-child(2)>div>img:nth-child(4) {
    z-index: 10;
}

#krispy_parralax>div>div:nth-child(2)>div>img:nth-child(5),
#krispy_entete>div>div:nth-child(2)>div>img:nth-child(5) {
    z-index: 9;
}

#krispy_parralax>div>div:nth-child(2)>div>img:nth-child(6),
#krispy_entete>div>div:nth-child(2)>div>img:nth-child(6) {
    z-index: 8;
}

@media screen and (min-width: 768px) {

    #krispy_emploi_paragraph,
    #krispy_emploi_column {
        padding-top: 0;
        padding-bottom: 6vw;
    }

    #krispy_emploi_lead {
        padding-bottom: 5vw;
    }
}

#krispy_entete>div>div:nth-child(1)>p:nth-child(5)>a {
    background: var(--third);
}

#krispy_avantages>div:nth-child(2)>div .swiper-slide div p:first-child {
    font-weight: 600;
    margin-bottom: 0.5vw;
}

.img_carriere_anim {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    display: block;
    max-width: 100%;
}

.img_carriere_anim {
    opacity: 0;
}

#krispy_entete>div>div:nth-child(2)>div>img {
    opacity: 1;
    transition: opacity 1s ease-in-out;
}

#krispy_entete>div>div:nth-child(2)>div>img.img_carriere_anim {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}


.defilement_fading #krispy_entete>div>div:nth-child(2)>div>img:not(.img_carriere_anim) {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.defilement_fading #krispy_entete>div>div:nth-child(2)>div>img.img_carriere_anim {
    opacity: 1;
    transition: opacity 1s ease-in-out;
}

@media screen and (max-width: 769px) {
    #krispy_entete.entete_emploi.entete_emploi_post>div>div:nth-child(1) {
        word-wrap: break-word;
    }
}

@media screen and (min-width: 769px) {
    #krispy_entete.entete_emploi.entete_emploi_post>div>div:nth-child(1) {
        max-width: 45vw;
        position: relative;
        z-index: 11;
    }
}

#krispy_parralax>div>div:nth-child(1)>div>a {
    outline: 0vw solid var(--third);
    border: 0px;
    box-shadow: inset 0px 5px 4px var(--third);
}

#krispy_parralax>div>div:nth-child(1)>div>a:hover {
    outline: 0.5vw solid var(--third);
}

#krispy_parralax>div>div:nth-child(3)>ul>li>a>span:last-child,
.krispy_btn>span {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30.32" height="19.402" viewBox="0 0 30.32 19.402"><defs><clipPath id="clip-path"><rect id="Rectangle_24" data-name="Rectangle 24" width="30.32" height="19.402" transform="translate(0 0)" fill="none"></rect></clipPath></defs><g id="Fleche_scrolldown" data-name="Fleche scrolldown" transform="translate(0 0)"><g id="Groupe_40" data-name="Groupe 40" clip-path="url(%23clip-path)"><path id="Tracé_106" data-name="Tracé 106" d="M15.159,19.4,0,4.243,4.243,0,15.159,10.918,26.077,0,30.32,4.243Z" fill="%23fff"></path></g></g></svg> ');
    background-repeat: no-repeat;
    background-size: 1vw;
    background-position: center;
    transform: rotate(-90deg) !important;
}

#krispy_engagements>div:nth-child(2)>div:nth-child(1)>ul>li>a:not(.active):before {
    content: '';
    height: 2px;
    background: #fff;
    width: 0;
    transition: width .5s;
    display: block;
    width: 0%;
    position: absolute;
    bottom: 0;
}

#krispy_engagements>div:nth-child(2)>div:nth-child(1)>ul>li>a:not(.active):hover:before {
    width: 100%;
    transition: width .5s;
}

#krispy_engagements>div:nth-child(2)>div:nth-child(3)>img.tab_image_edit {
    display: none;
}

#krispy_engagements>div:nth-child(2)>div:nth-child(3)>img.tab_image_edit.active {
    display: block;
}

#krispy_footer>div:nth-child(1)>div:nth-child(3) a:hover {
    color: var(--third);
    opacity: 1;
}

.krispy_arrow>div>span {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30.32" height="19.402" viewBox="0 0 30.32 19.402"><defs><clipPath id="clip-path"><rect id="Rectangle_24" data-name="Rectangle 24" width="30.32" height="19.402" transform="translate(0 0)" fill="none"></rect></clipPath></defs><g id="Fleche_scrolldown" data-name="Fleche scrolldown" transform="translate(0 0)"><g id="Groupe_40" data-name="Groupe 40" clip-path="url(%23clip-path)"><path id="Tracé_106" data-name="Tracé 106" d="M15.159,19.4,0,4.243,4.243,0,15.159,10.918,26.077,0,30.32,4.243Z" fill="%23fff"></path></g></g></svg> ');
    background-repeat: no-repeat;
    background-size: 1vw;
    background-position: center 53%;
    transform: rotate(90deg) !important;
}

.krispy_arrow>div:nth-child(2)>span {
    transform: rotate(-90deg) !important;
}



#krispy_histoire_tab>div>div:nth-child(1)>ul>li>a:not(.active):before {
    content: '';
    height: 2px;
    background: #000;
    width: 0;
    transition: width .5s;
    display: block;
    width: 0%;
    position: absolute;
    bottom: 0;
}

#krispy_histoire_tab>div>div:nth-child(1)>ul>li>a:not(.active):hover:before {
    width: 100%;
    transition: width .5s;
}

#krispy_choix_1>div>a:hover>div>img:nth-child(1),
#krispy_choix_1>div>a:hover>div>img:nth-child(2),
#krispy_choix_1>div>a:hover>div>img:nth-child(4),
#krispy_choix_1>div>a:hover>div>img:nth-child(5),
#krispy_choix_1>div>a:hover>div::after {
    opacity: 1;
}

#krispy_choix_1>div>a:hover {
    cursor: pointer;
}

#krispy_choix_1>div>a:hover>div {
    padding: 6vw;
}

#krispy_choix_1>div>a>div:hover:after {
    width: 7vw;
    height: 7vw;
    bottom: -8vw;
}

.krispy_floating_button a:first-child span {
    transform: rotate(90deg) !important;
}

/* Cookies */

.cmplz-cookiebanner.cmplz-show {
    box-shadow: 0px 1px 6px #00000054;
    background-color: white;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
    background-color: var(--secondary);
    border: 1px solid var(--secondary);
    color: #fff;
}

/* Nouveau css du mobile */



#krispy_engagements>div:nth-child(2)>div:nth-child(3)>img.tab_image_edit.active {

    width: 100%;
}




@media screen and (max-width: 500px) {

    #krispy_parralax>div>div:nth-child(3)>ul>li>a>span:last-child,
    .krispy_btn>span {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30.32" height="19.402" viewBox="0 0 30.32 19.402"><defs><clipPath id="clip-path"><rect id="Rectangle_24" data-name="Rectangle 24" width="30.32" height="19.402" transform="translate(0 0)" fill="none"></rect></clipPath></defs><g id="Fleche_scrolldown" data-name="Fleche scrolldown" transform="translate(0 0)"><g id="Groupe_40" data-name="Groupe 40" clip-path="url(%23clip-path)"><path id="Tracé_106" data-name="Tracé 106" d="M15.159, 19.4, 0, 4.243, 4.243, 0, 15.159, 10.918, 26.077, 0, 30.32, 4.243Z" fill="%23fff"></path></g></g></svg>');
background-repeat: no-repeat;
        background-size: 4vw;
        background-position: center;
    }

    #krispy_parralax>div>div:nth-child(1) {
        padding-top: 15vw;
    }

    #krispy_parralax>div>div:nth-child(1)>div>div {
        margin-bottom: 1vw;
    }

    #krispy_parralax>div>div:nth-child(2) {
        margin-top: -23vw;
    }


    #krispy_parralax>div>div:nth-child(3)>ul {
        bottom: 19.5vw !important;
    }

    #krispy_parralax>div>div:nth-child(1)>div>a {
        bottom: 6vw;
    }

    #krispy_parralax:after {
        display: none;
    }

    #krispy_parralax>div>div:nth-child(3)>ul>li>a>span:nth-child(2) {
        top: 2vw;
    }

    #krispy_a_propos {
        margin-top: 0;
    }

    #krispy_parralax>div>div:nth-child(3)>ul>li>a:hover,
    #krispy_parralax>div>div:nth-child(3)>ul>li>a:hover * {
        transform: none;
    }

    #krispy_engagements>div:nth-child(1)>h2 br {
        display: none !important;
    }

    .krispy_btn:not(.wpcf7-submit)::after,
    .krispy_btn,
    .krispy_btn:not(.wpcf7-submit)::before {
        border-radius: 10vw;
    }

    #krispy_engagements>div:nth-child(2)>div:nth-child(3) {
        top: 0;
    }

    #krispy_engagements>div:nth-child(2)>div:nth-child(3)>img,
    #krispy_pourquoi_nous>div>div:nth-child(2)>img {
        max-width: 64%;
    }

    body>header>div>nav>ul>li>a:hover:after {
        display: none;
    }

    .krispy_arrow>div>span {
        background-size: 4vw;
    }

    #krispy_pourquoi_nous>div>div:nth-child(2) {
        width: auto;
    }

    body.menu_ouvert:before {
        background: #fff;
    }

    body>header>div>nav>ul>li>a {
        color: var(--main);
    }

    #krispy_emploi_lead ul>li {
        font-size: 4vw;
        line-height: 1.7;
    }

    #krispy_emploi_lead ul {
        margin-bottom: 5.5vw;
        list-style: disc;
        padding-left: 4vw;
    }


    #krispy_choix_1>div>a>div:after {
        font-size: 2.5vw;
        width: 10vw;
        height: 10vw;
    }

    .krispy_floating_button {
        bottom: 10vw;
    }


    #krispy_contact>div>div>div>p:first-child {
        display: none;
    }

    #krispy_contact_form input:not(.wpcf7-submit),
    #krispy_contact_form textarea {
        margin-bottom: 6vw;
        margin-bottom: 6vw;
        padding-left: 4vw;
        font-size: 3.8vw;
    }

    .wpcf7-not-valid-tip {
        padding-bottom: 6vw;
        font-size: small;
    }

    textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
        border: 0.1vw solid #C5C5C5 !important;
        height: 36vw !important;
    }

    input.wpcf7-form-control.has-spinner.wpcf7-submit.krispy_btn {
        text-align: center !important;
        display: block;
        line-height: 1;
        border: 0 !important;
    }

    #krispy_entete.entete_emploi.entete_carriere {
        padding-top: 32.2vw;
    }


    .entete_emploi_post {
        padding-top: 10vw !important;
    }


    #krispy_entete.entete_emploi.entete_emploi_post>div>div>h1 {
        -webkit-line-clamp: unset !important;
        font-size: 7.4vw !important;
        padding-right: 0 !important;
    }


}


#krispy_notre_histoire>div>div:nth-child(1) img {
    margin-bottom: 1.6vw;
}

#complianz-infos {
    padding: 8vw;
}

#complianz-infos>div {}

#complianz-infos * {
    font-size: 1vw;
    line-height: 1.55;
    margin-top: 2.69vw;
    display: block;
}

#krispy_activites>div:nth-child(2)>div img {
    width: 100%;
}


#cmplz-document,
.editor-styles-wrapper .cmplz-unlinked-mode {
    max-width: 100% !important;
}

div#cmplz-document *,
#krispy_emploi_paragraph p,
#krispy_emploi_paragraph ul,
#complianz-infos p {
    font-size: 1.2vw !important;
    line-height: 1.7 !important;
    font-style: unset !important;
}

#complianz-infos>div>h2 {
    font-family: 'SandwichMarkerPro';
    font-size: 2.1vw;
    color: var(--main);
    line-height: 1;
    margin-bottom: 2vw;
}

#complianz-infos p {
    margin-bottom: 1.5vw;
}


#cmplz-cookies-overview .cmplz-dropdown summary div,
#cmplz-document .cmplz-dropdown summary div,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#complianz-infos * {
    margin-top: 0px;
    display: block;
    text-align: left !important;
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header {
    padding: 1vw;
    margin-top: 1vw;
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories {
    margin-top: 2vw;
    margin-bottom: 2vw;
}

div#cmplz-document [type=checkbox] {
    display: none !important;
}

@media screen and (max-width:769px) {

    div#cmplz-document *,
    #krispy_emploi_paragraph p,
    #krispy_emploi_paragraph ul,
    #complianz-infos p {
        font-size: 4vw !important;
        line-height: 1.7 !important;
        font-style: unset !important;
    }

    #complianz-infos>div>h2 {
        font-size: 8.1vw;
        color: var(--main);
        line-height: 1;
        margin-bottom: 8vw;
        line-height: 1.5;
    }

    #complianz-infos {
        padding: 20vw 8vw;
    }
}

article.candidature {
    padding-bottom: 0px;
    position: relative;
    top: -4vw;
}

.inactive {
    display: none;
}


.formulaire_visible #krispy_entete>div>div:nth-child(1)>p:nth-child(5),
.formulaire_visible article#krispy_emploi_lead,
.formulaire_visible #krispy_emploi_paragraph,
.formulaire_visible #krispy_emploi_column,
.formulaire_visible #krispy_avantages {
    display: none;
}

.formulaire_visible .inactive {
    display: block;
    padding: 6vw 0 !important;
}

.formulaire_visible #krispy_form_ui>div:nth-child(5),
.formulaire_visible #krispy_form_ui>div:nth-child(6),
.formulaire_visible #krispy_form_ui>div:nth-child(7) {
    width: 48%;
}

.formulaire_visible #krispy_form_ui>div:nth-child(7),
.formulaire_visible #krispy_form_ui>div:nth-child(8) {
    text-align: left;
    padding-top: 0px;
    margin-bottom: 1.5vw;
}

.formulaire_visible select {
    border: 0.1vw solid #C5C5C5;
    display: block;
    padding: 1.5vw;
    font-size: 1vw;
    box-shadow: none;
    border-radius: 0.3vw;
    margin-bottom: 1.5vw;
    width: 100%;
}

span.wpcf7-not-valid-tip {
    position: relative;
    top: -1vw;
    font-size: small;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #46b450;
    color: #fff;
    font-size: 1vw;
    text-align: center;
    padding: 1vw;
    border-radius: 0.4vw;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit.krispy_btn:hover {
    opacity: .8;
    cursor: pointer;
}

#krispy_choix_2 #krispy_form_ui>div p {
    display: block;
    font-size: .8vw;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0.4vw;
}


#krispy_choix_2 #krispy_form_ui>div:nth-child(7) {
    text-align: left;
    padding-top: 0;
}

.krispy_step h2 {
    text-align: center;
}

.wpcf7-form-control-wrap {
    position: relative;
    display: block;
    max-width: 100%;
}

#krispy_choix_2 input[type="email"],
#krispy_choix_2 input[type="tel"],
#krispy_choix_2 input[type="text"],
#krispy_choix_2 input[type="number"],
#krispy_choix_2 select {
    border: 0;
    font-size: .9vw;
    width: 100%;
    color: var(--secondary);
    font-weight: 600;
    padding: 1vw;
    max-width: 100%;
}

.pinottes #krispy_choix_2 input[type="email"],
.pinottes #krispy_choix_2 input[type="tel"],
.pinottes #krispy_choix_2 input[type="text"],
.pinottes #krispy_choix_2 input[type="number"],
.pinottes #krispy_choix_2 select {
    color: var(--main);
}

#krispy_choix_2 span.wpcf7-not-valid-tip {
    position: relative;
    top: 0;
    font-size: small;
    color: #fff;
    padding-top: 0.5vw;
    display: block;
    margin-bottom: 1.1vw;
    text-transform: none;
    font-size: small;
}

#krispy_choix_2 #krispy_form_ui>div:nth-child(5),
#krispy_choix_2 #krispy_form_ui>div:nth-child(6),
#krispy_choix_2 #krispy_form_ui>div:nth-child(7) {
    width: 48%;
}

#krispy_choix_2 #krispy_form_ui>div:nth-child(6)>p:nth-child(2),
#krispy_choix_2 #krispy_form_ui>div:nth-child(5)>p:nth-child(2) {
    color: var(--secondary);
}

#krispy_choix_2 #krispy_form_ui>div:nth-child(6)>p:nth-child(2),
#krispy_choix_2 #krispy_form_ui>div:nth-child(5)>p:nth-child(2) {

    background: #fff;
    padding: 1vw;
}

.pinottes #krispy_form_ui>div:nth-child(6)>p:nth-child(2),
.pinottes #krispy_form_ui>div:nth-child(5)>p:nth-child(2) {
    color: var(--main) !important;
}

#krispy_choix_2 .wpcf7 input[type="file"] {
    font-size: .9vw;
}

#krispy_choix_2 #krispy_form_ui>div p {
    margin-top: 1vw;
}



@media screen and (max-width: 769px) {

    #krispy_choix_2 input[type="email"],
    #krispy_choix_2 input[type="tel"],
    #krispy_choix_2 input[type="text"],
    #krispy_choix_2 input[type="number"],
    #krispy_choix_2 select {
        margin-bottom: 2vw;
        font-size: 3.2vw;
        padding: 3vw;
    }

    #krispy_choix_2 #krispy_form_ui>div p {
        display: block;
        font-size: 2.7vw;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 1vw;
    }

    #krispy_choix_2 #krispy_form_ui>div:nth-child(5),
    #krispy_choix_2 #krispy_form_ui>div:nth-child(6),
    #krispy_choix_2 #krispy_form_ui>div:nth-child(7) {
        width: 100%;
    }

    #krispy_choix_2 #krispy_form_ui>div p {
        font-size: 2.7vw;
    }

    #krispy_choix_2 #krispy_form_ui>div:nth-child(6)>p:nth-child(2),
    #krispy_choix_2 #krispy_form_ui>div:nth-child(5)>p:nth-child(2) {
        padding: 3vw;
        font-size: 2.7vw;
        margin-bottom: 4vw;
    }

    #krispy_form_ui>div:nth-child(1),
    #krispy_form_ui>div:nth-child(2),
    #krispy_form_ui>div:nth-child(3),
    #krispy_form_ui>div:nth-child(4) {
        width: 48%;
    }

    .krispy_step h2 {
        margin-bottom: 10vw;
    }

    #krispy_choix_2 span.wpcf7-not-valid-tip {
        font-size: smaller;
        padding-bottom: 0px;
    }

    #krispy_choix_2 input.wpcf7-form-control.has-spinner.wpcf7-submit.krispy_btn,
    #krispy_choix_2 .krispy_btn {
        height: 11vw;
        width: 48%;
    }


    .krispy_arrow>div>span {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30.32" height="19.402" viewBox="0 0 30.32 19.402"><defs><clipPath id="clip-path"><rect id="Rectangle_24" data-name="Rectangle 24" width="30.32" height="19.402" transform="translate(0 0)" fill="none"></rect></clipPath></defs><g id="Fleche_scrolldown" data-name="Fleche scrolldown" transform="translate(0 0)"><g id="Groupe_40" data-name="Groupe 40" clip-path="url(%23clip-path)"><path id="Tracé_106" data-name="Tracé 106" d="M15.159,19.4,0,4.243,4.243,0,15.159,10.918,26.077,0,30.32,4.243Z" fill="%23fff"></path></g></g></svg> ');
        background-repeat: no-repeat;
        background-size: 4vw;
        background-position: center 53%;
    }

}

@media screen and (min-width: 769px) {
    #krispy_avantages>div:nth-child(3)>div {
        display: none;
    }
}

form#cmplz-datarequest-form {
    border: 1px solid #ddd;
    padding: 2vw;
    margin-bottom: 2vw;
}


#complianz-infos style {
    display: none;
}

/* Wide screen  */

#complianz-infos input#cmplz-datarequest-submit {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1vw;
    display: inline-flex;
    color: rgb(255, 255, 255);
    position: relative;
    align-items: center;
    box-shadow: none;
    padding: 0.52vw 1.4vw;
    background: var(--third);
    border-radius: 4vw;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
}

/* QA Client */

#loader > div {
    align-items: center;
}





/* Equilibrer les paragraphes */

@media screen and (min-width: 769px) {
    #krispy_nos_marques>div:nth-child(2)>div>p {
        height: 6vw;
    }

    #krispy_en_vedettes>div:nth-child(2)>div>h3 {
        height: 4.5vw;
    }

    #krispy_pourquoi_nous>div>div>h2 {
        font-size: 3.2vw;
        margin-bottom: 2.8vw;
    }

    #krispy_pourquoi_nous>div>div:nth-child(2)>img {
        height: 38vw;
        margin-top: 0;
    }

    #krispy_histoire_tab .visible_tab>h3,
    #krispy_avantages>div:nth-child(1)>div>h2 {
        font-size: 3.3vw;
        line-height: 1.2;
    }

    #krispy_notre_histoire>div>div:nth-child(2) h2 {
        font-size: 4.3vw;
        line-height: 1.3;
        margin-top: 2vw;
    }

    #krispy_avantages>div:nth-child(2)>div .swiper-slide div {
        font-size: .8vw;
        padding-right: 0;
    }

    #krispy_contact>div>div h2 {
        max-width: unset;
    }

    #krispy_contact>div>div {
        width: 100vw;
    }

    #krispy_contact>div>div:nth-child(2) {
        padding: 0 4vw;
    }

    #krispy_contact>div>div:nth-child(3) {
        padding-left: 4vw;
    }

    #krispy_parralax>div>div:nth-child(1)>div>div>h1 {
        font-size: 6.5vw;
    }

    #krispy_a_propos>div>div:nth-child(2)>h2 {
        font-size: 4.7vw;
    }


}

div.krispy_job_list>a>div:nth-child(2),
div.krispy_job_list>a>div:nth-child(3),
div.krispy_job_list>a>div:nth-child(4),
div.krispy_job_list>a>div:nth-child(5),
#krispy_entete>div>div:nth-child(1)>ul>li {
    text-transform: capitalize !important;
}

/* Ajout svg avantages */

#krispy_avantages>div:nth-child(2)>div .swiper-slide img {
    border: 0px;
}

a#postuler_post:focus {
    background: var(--third);
}

form.wpcf7-form.submitting:before {
    content: '';
    border: 5px solid #ffd506;
    border-top: 5px solid #e42628;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


form.wpcf7-form.init.submitting div {
    opacity: .3;
    z-index: -1;
}


#krispy_cta.krispy_emploi_cta>div {
    justify-content: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}



/* Ecran très large */
/* Résolution ecran JF : 3749 x 2160 */
/* La maquette est limitées à 1920px */

#loader>div>img:nth-child(1){
    height: 90px;
    width: auto
}

#loader>div>img:nth-child(2) {
    height: 90px;
    width: auto;
}


@media screen and (min-width: 1920px) {
    body.main_nav_edited>header>div>figure>a>img:nth-child(1) {
        width: 3vw;
        margin-right: 1vw;
    }

    body.main_nav_edited>header>div>figure>a>img:nth-child(2) {
        width: 4.5vw;
    }

    body:not(.main_nav_edited)>header>div>figure>a>img:nth-child(1){
        width: 3vw;
        margin-right: 1vw;
    }

    body:not(.main_nav_edited)>header>div>figure>a>img:nth-child(2){
        width: 3.4vw;
    }


    body.main_nav_edited>header>div>figure>a {
        position: relative;
        top: 1vw;
    }

    body>header>div>nav>ul>li>a {
        font-size: .8vw;
        padding: 1.5vw 1vw;
    }

    body.header_fixe>header>div>figure>a>img:nth-child(1) {
        width: 2vw;
        margin-right: 1vw;
    }

    body.header_fixe.main_nav_edited>header>div>figure>a {
        position: relative;
        top: 0;
    }

    body.header_fixe.main_nav_edited>header>div>figure>a>img:nth-child(2) {
        width: 3vw;
    }

    body.header_fixe>header {
        padding: 0.5vw 0;
    }

    #krispy_parralax>div>div:nth-child(1)>div>div>p {
        font-size: 1vw;
        letter-spacing: 0;
        left: 1vw;
    }

    #krispy_parralax>div>div:nth-child(1)>div>div>h1 {
        font-size: 6vw;
        position: relative;
        top: 1vw;
    }

    #krispy_parralax>div>div:nth-child(2)>div>img,
    #krispy_parralax>div>div:nth-child(2)>div>img.fade_me_krispy {
        width: 90%;
        max-width: 90%;
    }

    #krispy_parralax>div>div:nth-child(3)>ul>li>a>span:first-child {
        font-size: 1.5vw;
    }

    #krispy_parralax>div>div:nth-child(3)>ul>li>a>span:last-child {
        width: 2vw;
        height: 2vw;
    }


    #krispy_a_propos>div>div:nth-child(2)>h2,
    #krispy_en_vedettes>div:nth-child(1)>h2,
    #krispy_nos_marques>div:nth-child(1)>h2,
    #krispy_engagements>div:nth-child(1)>h2,
    #krispy_cta>div>div>h2,
    #krispy_entete>div>div>h1,
    #krispy_liste_emploi>div:nth-child(1)>h2,
    #krispy_notre_histoire>div>div:nth-child(2) h2,
    #krispy_contact_form>div>h2{
        font-size: 4vw;
    }

    #krispy_a_propos>div>div:nth-child(2)>p:nth-child(1),
    #krispy_a_propos>div>div:nth-child(2)>div>p,
    #krispy_engagements>div:nth-child(2)>div:nth-child(1)>ul>li>a,
    .visible_tab>div p ,
    #krispy_nos_marques>div:nth-child(2)>div>p,
    .krispy_text p,
    #krispy_pourquoi_nous>div>div>div>p,
    #krispy_emploi_lead p, #krispy_emploi_lead ul{
        font-size: .9vw;
    }

    #krispy_en_vedettes>div:nth-child(2)>div>p,
    #krispy_en_vedettes>p>a,
    #krispy_cta>div>div>p,
    #krispy_entete>div>div>p,
    #krispy_avantages>div:nth-child(1)>div>div>p,
    div.krispy_job_list>a>div,
    #krispy_notre_histoire>div>div:nth-child(2)>p:first-child,
    #krispy_histoire_tab>div>div:nth-child(1)>ul>li>a,
    #krispy_pourquoi_nous>div>div>p,
    #krispy_contact>div>div>div>p,
    #krispy_contact>div>div>p{
        font-size: .8vw;
    }

    div#cmplz-document *, #krispy_emploi_paragraph p, #krispy_emploi_paragraph ul, #complianz-infos p{
        font-size: .9vw!important;
        line-height: 1.5!important;
    }

    #krispy_contact_form>div>h2{
        margin-bottom: 4.8vw;
    }
    .visible_tab>h3{
        font-size: 2.5vw;
    }

    #krispy_footer>div:nth-child(1)>div:nth-child(1)>img:nth-child(1) {
        width: 4vw;
        margin-right: 1vw;
    }

    #krispy_footer>div:nth-child(1)>div:nth-child(1)>img:nth-child(2) {
        width: 4.8vw;
    }

    #krispy_footer>div:nth-child(2)>ul *{
        font-size: .7vw;
    }

    .krispy_btn {
                font-size: .8vw;
    }

    .krispy_btn>span{
        width: .8vw;
        height: .8vw;
    }

    #krispy_nos_marques>div:nth-child(2)>div>h3{
        font-size: 2.6vw;
    }

    #loader>div>img:nth-child(1) {
        height: 4vw;
        width: auto;
    }

    div.krispy_job_list>a{
        padding: 2.5vw 0;
    }

    #krispy_notre_histoire>div>div:nth-child(2) h2{
        padding-right: 2vw;
    }

    #krispy_choix_1>div>a>div>div {

        font-size: 5vw;
        line-height: 1.6;
    }

    select.wpcf7-form-control.wpcf7-select {
        height: 3.5vw;
        line-height: 1;
        padding: 1vw;
        font-size: .8vw;
    }


    #krispy_choix_2 input[type="email"], #krispy_choix_2 input[type="tel"], #krispy_choix_2 input[type="text"], #krispy_choix_2 input[type="number"], #krispy_choix_2 select {
        font-size: .8vw;
    }

    #krispy_contact_form input:not(.wpcf7-submit), #krispy_contact_form textarea {
        padding: 0.8vw 1vw;
        font-size: .8vw;
    }

    #krispy_emploi_lead {
        padding-top: 8vw;
    }

    #loader>div>img:nth-child(1){
        height: 90px!important;
        width: auto
    }
    
    #loader>div>img:nth-child(2) {
        height: 70px!important;
        width: auto;
    }

}


div.krispy_job_list>a>div{
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: clip;
display: block;
height: 1.39vw;
display: block;
}

#krispy_entete.entete_emploi.entete_emploi_post > div > div:nth-child(1) > ul > li{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: clip;
    display: block;
    height: 1.39vw;
    display: block;
}



/* QA 2 */
@media screen and (max-width: 769px){
    #loader>div>img:nth-child(1){
        height: 80px!important;
        width: auto
    }
    
    #loader>div>img:nth-child(2) {
        height: 60px!important;
        width: auto;
    } 

    #krispy_engagements > div:nth-child(2) > div:nth-child(3) > img{
        max-width: 100%;
        transform:none!important;
    }

    div.krispy_job_list>a>div{
        height: 7vw;
        display: block;
    }

    #krispy_entete.entete_emploi.entete_emploi_post > div > div:nth-child(1) > ul > li{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: clip;
        display: block;
        height: 7vw;
        display: block;
    }
    
}

/* Nos marques */
/* Sacs même hauteurs */

@media screen and (min-width: 769px){
    #krispy_nos_marques > div:nth-child(2) > div:nth-child(2) > div > img:nth-child(3){
        margin-left: -8vw;
    }

    #krispy_nos_marques > div:nth-child(2) > div:nth-child(2) > div > img:nth-child(1){
        margin-left: -1vw;
    }
    #krispy_nos_marques > div:nth-child(2) > div:nth-child(2) > div > img:nth-child(1), 
    #krispy_nos_marques > div:nth-child(2) > div:nth-child(2) > div > img:nth-child(3){
         height: 20vw;
    }
    #krispy_nos_marques>div:nth-child(2)>div:nth-child(2)>div>img:nth-child(1) {
        transform: none;
    }



}


#krispy_emploi_paragraph > div > div > h2:nth-child(2),
#krispy_emploi_paragraph > div > div > h2:nth-child(3),
#krispy_emploi_paragraph > div > div > h2:nth-child(4),
#krispy_emploi_paragraph > div > div > h2:nth-child(5) {
    font-family: 'Open Sans';
    font-style: normal;
    font-size: .9vw!important;
    color: #000;
}


@media screen and (max-width: 600px){

    body.header_fixe.menu_ouvert>header{
        background:transparent!important;
    }

    body.menu_ouvert > header > div > nav > ul:nth-child(2) {
        display: block;
        position: fixed;
        left: 50%;
        bottom: 15vw;
        transform: translate(-50%, -50%);
    }

    body.menu_ouvert  > header > div > nav > ul:nth-child(2) > li > a{
        text-transform: uppercase;
        font-family: unset;
        font-style: normal;
    }
    
    #krispy_emploi_paragraph > div > div > h2:nth-child(2),
    #krispy_emploi_paragraph > div > div > h2:nth-child(3),
    #krispy_emploi_paragraph > div > div > h2:nth-child(4),
    #krispy_emploi_paragraph > div > div > h2:nth-child(5) {
        font-family: 'Open Sans';
        font-style: normal;
        font-size: 4vw !important;
        color: #000;
    }

}

ul.list.tCols1 {
    margin-bottom: 3rem;
}
#krispy_emploi_paragraph p, #krispy_emploi_column p, #krispy_emploi_column ul{
    margin-top: 0;
}
ul.list.tCols1,
#krispy_emploi_lead ul,
#krispy_emploi_paragraph ul {
    margin-bottom: 3rem;
    list-style: disc;
    padding-left: 1vw;
}

#def_text{
    font-size: 1rem;
    margin-bottom: 2vw;
    font-weight: normal;
}

#no_result {
    display: none;
}

.aucun_resultat_trouve #no_result {
    display: block;
}

#no_result > div > p:nth-child(2) > a{
    display: inline-block!important;
}

ul.list.tCols1,
#krispy_emploi_lead ul,
#krispy_emploi_paragraph ul {
    list-style: none;
}

ul.list.tCols1 li,
#krispy_emploi_lead ul li,
#krispy_emploi_paragraph ul li {
    position: relative;
    display: block;
}

ul.list.tCols1 li:before,
#krispy_emploi_lead ul li:before,
#krispy_emploi_paragraph ul li:before {
    content: "";
    position: relative;
    left: 0;
    top: 0%;
    width: 0.34vw;
    height: 0.34vw;
    background-color: #e42628;
    border-radius: 50%;
    margin-right: 1vw;
    color: #e42628;
    position: relative;
    top: -0.1vw;
    display: inline-block;
}

@media screen and (max-width: 769px) {

    ul.list.tCols1 li:before,
    #krispy_emploi_lead ul li:before,
    #krispy_emploi_paragraph ul li:before {
        margin-right: 3vw;
        width: 2vw;
        position: absolute;
        height: 2vw;
        top: 2.4vw;
    }

    ul.list.tCols1 li,
    #krispy_emploi_lead ul li,
    #krispy_emploi_paragraph ul li {
        padding-left: 6vw;
        padding-bottom: 1vw;
    }
}


div#cmplz-document a {
    display: inline-block
}

@media screen and (min-width: 7000px) {
    #krispy_engagements>div:nth-child(2)>div:nth-child(3) {
        width: 35vw;
    }

    #krispy_engagements>div:nth-child(2)>div:nth-child(3)>img.tab_image_edit,
    #krispy_engagements>div:nth-child(2)>div:nth-child(3)>img.tab_image_edit.active {
        width: 32vw;
        margin-left: auto;
        margin-right: 0;
    }
}



@media screen and (min-width: 1920px) and (max-width: 7000px) {
    #krispy_engagements>div:nth-child(2)>div:nth-child(3) {
        width: 35vw;
    }

    #krispy_engagements>div:nth-child(2)>div:nth-child(3)>img.tab_image_edit,
    #krispy_engagements>div:nth-child(2)>div:nth-child(3)>img.tab_image_edit.active {
        width: 32vw;
        margin-left: auto;
        margin-right: 5.98vw;
    }
}

@media screen and (min-width: 1340px) and (max-width: 1920px) {
    #krispy_engagements>div:nth-child(2)>div:nth-child(3) {
        width: 40.5vw;
    }

    #krispy_engagements>div:nth-child(2)>div:nth-child(3)>img.tab_image_edit,
    #krispy_engagements>div:nth-child(2)>div:nth-child(3)>img.tab_image_edit.active {
        width: 30vw;
        margin-left: auto;
        margin-right: 5.2vw;
    }
}

@media screen and (min-width: 769px) and (max-width: 1340px) {
    #krispy_engagements>div:nth-child(2)>div:nth-child(3) {
        width: 43vw;
    }

    #krispy_engagements>div:nth-child(2)>div:nth-child(3)>img.tab_image_edit,
    #krispy_engagements>div:nth-child(2)>div:nth-child(3)>img.tab_image_edit.active {
        width: 29vw;
        margin-left: auto;
        margin-right: 9.7vw;
    }
}