@media screen and (min-width: 1888px) {
    .cheminement__etape:nth-child(2) {
        top: -10%;
    }

    .cheminement__etape:nth-child(1) {
        top: 18%;
    }

    .cheminement__etape:nth-child(4) {
        top: 88%;
    }

    .cheminement__etape:nth-child(6) {
        top: 7%;
    }
}
@media screen and (max-height: 850px) {
    .first-section .link-first svg {
        height: 180px;
        width: 180px;
    }

    .first-section .link-first.acc {
        left: calc(50% - 107px + 380px);
    }

    .first-section .link-first.forma {
        left: calc(50% - 107px - 340px);
    }

    .first-section .link-first.ressou {
        left: calc(50% - 140px + 410px);
    }

    .first-section .link-first.mel {
        left: calc(50% - 107px - 350px);
    }
    .container-link-first{
        top: 50px;
    }
}

@media screen and (max-width: 1500px) {
    .bigh1 {
        font-size: 100px;
    }
    .collaborateurs-details>svg{
        display: none;
    }
    .first-section .link-first svg {
        height: 215px;
        width: 215px;
    }

    .first-section .link-first.acc {
        top: calc(50% - 107px - 200px);
        left: calc(50% - 107px + 395px);
    }

    .first-section .link-first.forma {
        top: calc(50% - 107px + 80px);
        left: calc(50% - 107px - 450px);
    }

    .first-section .link-first.mel {
        top: calc(50% - 107px - 250px);
        left: calc(50% - 107px - 380px);
    }
    .form-contact>svg{
        width: 700px;
        height: auto;
    }
}

@media screen and (max-width: 1350px) {
    :root {
        --title1: 400 55px / 113% Anton, sans-serif;
        --title2: 700 27px / 104% Satoshi, sans-serif;
        --title3: 700 22px / 120% Satoshi, sans-serif;
        --lt-paragraphe: 400 16px / 120% Satoshi, sans-serif;
        --paragraphe: 400 18px / 120% Satoshi, sans-serif;
        --bigparagraphe: 400 24px / 118% Satoshi, sans-serif;
        --paragraphe-letter-spacing: 0.2px;
        --radius: 80px;
        --md-space: 110px;

    }

    #cookieNotice p,
    #cookieNotice a {
        font-size: 16px;
    }

    .intro, .intro p {
        font-size: 32px;
    }

    .first-section .link-first svg {
        height: 200px;
        width: 200px;
    }

    .grid-intro-chiffre {
        grid-gap: 50px;
    }

    .sticky-sous-pages svg {
        width: 250px;
    }

    .section3-home {
        grid-template-columns: 175px 1fr;
    }

    .modal {
        width: 80%;
    }

    .actu-item {
        margin-bottom: 30px;
    }

    #gravity-cloud {
        width: 550px;
        height: 100%;
    }

    #gravity-cloud .link-first {
        width: 166px;
        height: 166px;
    }

    #gravity-cloud .link-first > svg {
        width: 170px;
        height: 170px;
    }

    h1 strong::after {
        top: 5px;
        height: calc(100% - 13px);
    }

    .grid-head > div > svg {
        top: -35px;
        height: auto;
    }

    .sous-page img {
        width: 41px;
        height: 37px;
    }

    .sous-page h2 {
        font: var(--lt-paragraphe);
    }

    .grid-subpage.is-sticky .sous-page img {
        width: 25px;
        height: 25px;
    }

    .nav-actus > svg,
    .swiper-button-prev, .swiper-button-next {
        width: 70px;
        height: 70px;
    }

    .nb {
        font-size: 120px;
    }

    .cheminement__etape:nth-child(1) {
        top: 14%;
    }

    .cheminement__etape:nth-child(2) {
        top: -16%;
    }

    .cheminement__etape:nth-child(3) {
        top: 31%;
    }

    .cheminement__etape:nth-child(4) {
        top: 82%;
    }

    .cheminement__etape:nth-child(5) {
        top: 47%;
        left: 65.5%;
    }

    .cheminement__etape:nth-child(6) {
        top: 2%;
    }

    .show-more {
        width: 120px;
        height: 120px;
    }

    .type-entrepreneur div:first-of-type img {
        height: 284px;
    }

    .type-entrepreneur img {
        height: 190px;
    }

    .eq-quiz {
        padding-top: 55px;
        padding-bottom: 55px;
        padding-left: 70px;
        padding-right: 70px;
    }

    #eq-quiz > .btn {
        padding: 8px 20px;
    }

    .eq-option span {
        padding: 12px 18px;
    }

    .eq-nav > svg {

        right: 30px;
        width: 18px;
    }

    .eq-prev {
        left: 30px;
    }

    .swiper-avis img {
        width: 220px;
        height: 220px;
    }

    .content-avis {
        margin-left: 120px;
    }

    .nb-icone {
        height: 50px;
        width: 50px;
    }

    .grid-liste-icone {
        grid-template-columns: 50px 1fr;
    }

    .grid-start-game .number {
        font-size: 80px;
    }
    .first-title{
        margin-left: 0;
    }
    .svg-little-game {
        height: 555px;
        width: 320px;
        right: -35px;
    }

    .page-forma .grid-head > div > svg {
        width: 180%;
        bottom: -60px;
        height: auto;
        top: unset;
    }

    .menu .sub-menu li {
        margin-bottom: 15px;
    }

    .page-about .grid-head > div > svg {
        max-width: 350px;
    }

    .flex-contact-collab svg {
        width: 18px;
        height: 16px;
    }

    .collaborateurs-details {
        padding: 40px 30px;
    }

    .collaborateurs-details > svg {
        display: none;
    }

    .swiper-actus {
        padding: 50px 110px 50px 70px;
        height: 450px;
        width: 450px;
    }

    .actus-grid {
        grid-gap: 20px;
    }

    .container-actus {
        margin-top: 40px;
    }

    .grid-head-actus {
        overflow: hidden;
    }

    .grid-head-actus > div:nth-of-type(1) {
        width: calc(100% - 500px);
        padding-right: 100px;
    }

    .grid-head-actus > div:nth-of-type(2) {
        width: 500px;
        margin-right: 30px;
    }
    .grid-head-actus>div:nth-of-type(2)>svg{
        right: -30px;
    }
    .grid-head-actus>div:nth-of-type(2)>svg.swiper-actus-prev{
        left: -60px;
    }
    .presentation-actu {
        min-height: calc(450px);
    }

    .presentation-actu svg,
    .presentation-actu img {
        /*height: 450px;*/
        /*width: 450px;*/
    }
    .archive-actus{
        margin-top: 40px;
    }

    .contact-container {
        padding: 70px 170px 70px 90px;
    }

    .form-contact > svg {
        display: none;
    }

    .bubble-more .h1 {
        font-size: 42px;
    }

    .bubble-more {
        padding: 60px 120px 60px 80px;
        border-radius: 80px;
    }

    .bubble-more svg {
        width: 70px;
        height: 70px;
    }

    .connect-anim {
        padding-right: var(--md-side);
    }

    .last-actus .sticky-actus::after {
        height: 500px;
    }

    .sticky-actus {
        height: 500px;
    }

    .sticky-actus > div > svg {
        display: none;
    }

    .cheminement-content .cheminement-icone {
        display: none !important;
    }

    .cheminement-dialog {
        padding-bottom: 70px;
    }

    .modal {
        padding: 0 100px;
    }
    .collaborateur-modal{
        padding: 50px 90px;
    }
    .collaborateur-modal .sep{
        display: none;
    }

    .pop-nav svg {
        height: 90px;
        width: 90px;
    }

    .modal-mg {
        width: 90%;
        padding: 0;
    }

    .mg-popup {
        padding: 40px 70px;
    }

    .grid-mg {
        grid-gap: 25px 40px;
    }

    .sticky-ullu-docs .round-presta {
        height: 180px;
        width: 180px;
    }
    .container-link-first{
        top: 100px;
    }
    .bigh1 {
        font-size: 70px;
    }
    .parcours-contenu{
        padding: 30px 30px;
    }

    .eq-result-media img{
        height: 250px;
    }
    .mg-svgopt{
        height: 250px;
    }
    .form-submit button,
    #dl-form .btn,
    .wpcf7-form .wpcf7-submit{
        font-size: 18px;
    }
    .bubble-avis{
        margin-right: 100px;
    }
    .container-forma{
        grid-template-columns: 1fr 350px;
    }
    .container-forma img{
        height: 340px;
        width: 340px;
    }
}
@media screen and (max-height: 650px) {
    .bigh1 {
        font-size: 70px;
    }
    .first-section .link-first svg {
        height: 180px;
        width: 180px;
    }

    .first-section .link-first.acc {
        left: calc(50% - 107px + 380px);
    }

    .first-section .link-first.forma {
        left: calc(50% - 107px - 340px);
    }

    .first-section .link-first.ressou {
        left: calc(50% - 140px + 410px);
    }

    .first-section .link-first.mel {
        left: calc(50% - 107px - 350px);
    }
}

@media screen and (max-width: 1150px) {
    .first-section .link-first svg {
        height: 180px;
        width: 180px;
    }

    .first-section .link-first.acc {
        left: calc(50% - 107px + 380px);
    }

    .first-section .link-first.forma {
        left: calc(50% - 107px - 340px);
    }

    .first-section .link-first.ressou {
        left: calc(50% - 140px + 410px);
    }

    .first-section .link-first.mel {
        left: calc(50% - 107px - 350px);
    }

}

@media screen and (max-width: 980px) {
    :root {
        --sm-side: 7.5vw;
        --md-side: 7.5vw;
        --bg-side: 7.5vw;

        --lt-space: 40px;
        --md-space: 70px;

        --radius: 40px;

        --title1: 400 40px / 113% Anton, sans-serif;
        --title2: 700 22px / 104% Satoshi, sans-serif;
        --title3: 700 18px / 120% Satoshi, sans-serif;
        --lt-paragraphe: 400 14px / 120% Satoshi, sans-serif;
        --paragraphe: 400 16px / 120% Satoshi, sans-serif;
        --bigparagraphe: 400 18px / 118% Satoshi, sans-serif;
        --title1-letter-spacing: -0px;
        --title2-letter-spacing: -0px;
        --title3-letter-spacing: 0px;
        --paragraphe-letter-spacing: 0px;

    }

    .eq-nav > svg {
        top: unset;
        bottom: 30px;

    }
    #menu > .menu-toggle {
        align-items: center;
        pointer-events: all;
        transition: 0.5s ease-in-out all;
    }

    #main-menu-container {
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        transition: 0.5s ease-in-out all;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: #fff;
        height: 100vh;
        padding: 100px var(--bg-side);
        pointer-events: none;
    }

    .toggled .menu-toggle {
        background: var(--vert);
    }

    .intro, .intro p {
        font-size: 6.6vw;
    }

    #branding {
        position: relative;
        z-index: 10;
    }

    #logo-container img {
        width: 150px;
    }

    .menu > li a {
        font: var(--title2);
    }

    .menu .sub-menu,
    .menu .menu-item-has-children:hover .sub-menu {
        position: static;
        clip-path: unset;
        width: 100%;
        padding: 15px 0px 0 0;
        transform: unset;
    }

    .menu .sub-menu li {
        margin-bottom: 15px;
    }

    .menu .sub-menu a {
        font: var(--paragraphe);
    }

    .menu > li {
        margin-right: 0;
        margin-bottom: 30px;
    }

    #menu .menu > .current_page_item > a,
    #menu .current_page_item > a {
        color: var(--vert);
    }

    #menu .menu > .current_page_item > a::after {
        background: var(--vert);
    }

    .bigh1 {
        font-size: 60px;
    }

    .first-section .link-first svg {
        height: 110px;
        width: 110px;
    }

    .first-section .link-first.acc {
        left: calc(50% - 107px + 154px);
    }

    .first-section .link-first.ressou {
        left: calc(50% - 140px + 252px);
        top: calc(70% - 195px);
    }

    .first-section .link-first.forma {
        top: calc(50% - 107px + 54px);
        left: calc(50% - 107px - 140px);
    }

    .first-section .link-first.mel {
        top: calc(50% - 107px - 150px);
        left: calc(50% - 107px - 150px);
    }

    .first-section {
        justify-content: flex-start;
        min-height: calc(100vh - 70px);
        height: auto;
    }

    .first-section > p {
        text-align: center;
        margin-top: 20px;
    }

    .grid-intro-chiffre {
        display: block;
    }

    .grid-intro-chiffre .intro {
        margin-bottom: 40px;
    }

    .en-chiffres {
        padding: 30px 45px;
        width: 100%;
        /*align-items: center;*/
    }

    .chiffre-item:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .chiffre-item p {
        margin-bottom: 5px;
    }

    .section3-home {
        grid-template-columns: 1px 1fr;
    }

    .sticky-sous-pages svg{
        width: 70px;
        margin-left: calc(-1 * var(--md-side));
    }
    /*.liste-avis-clients .row-avis:nth-of-type(2n) .bubble-avis:nth-of-type(2),*/
    /*.row-avis .bubble-avis:nth-of-type(4),*/
    /*.row-avis .bubble-avis:nth-of-type(5){*/
    /*    display: none;*/
    /*}*/
    .liste-avis-clients {
        margin-top: 40px;
        overflow-x: scroll;
        overflow-y: hidden;
        padding-left: var(--md-side);
        padding-right: var(--md-side);
        scroll-behavior: smooth;
    }

    .liste-avis-clients::-webkit-scrollbar {
        display: none;
    }

    .liste-avis-clients {
        -ms-overflow-style: none; /* IE/Edge */
        scrollbar-width: none; /* Firefox */
    }

    /*.row-avis {*/
    /*    width: 240%;*/
    /*}*/
    .liste-avis-clients .row-avis:nth-of-type(2n){
        margin-bottom: 20px;
    }
    .liste-avis-clients .row-avis:nth-of-type(3) {
        display: none;
    }

    .connect-anim {
        padding-top: 0;
        padding-bottom: 0;
    }

    #stage {
        display: none;
    }

    .last-actus {
        display: block;
    }

    .grid-inscription {
        display: block;
    }

    .grid-inscription > div:nth-of-type(2) {
        display: none;
    }

    #gravity-cloud {
        /*display: none;*/
        width: 100%;
        height: 300px;
        bottom: -2px;
    }

    #gravity-cloud .link-first {
        height: 110px;
        width: 110px;
    }

    #gravity-cloud .link-first > svg {
        height: 110px;
        width: 110px;
    }

    .last-actus .sticky-actus::after {
        width: 100%;
    }

    .slog-connect {
        margin-left: 0;
        padding: 30px 40px;
        border-radius: 40px;
    }
    .slog-connect br{
        display: none;
    }

    .connect-txt {
        pointer-events: auto;
    }

    .connect-txt > .green-behind {
        padding: 40px 40px 80px 40px;
    }

    .connect-txt > .green-behind::after {
        transform: rotate(1.175deg);
    }

    .sticky-actus > div > svg {
        display: none;
    }

    .actus-list {
        width: calc(100% - 60px);
        margin: -30px auto 0 auto;
        padding: 0;
    }

    .last-actus .sticky-actus::after {
        height: 100%;
    }

    .sticky-actus {
        height: auto;
        padding: 40px 40px;
    }

    .last-actus .sticky-actus::after {
        transform: rotate(0.942deg);
        left: 0;
        height: 130%;
    }

    #footer {
        padding-left: calc(var(--md-side) + 0px);
        padding-right: calc(var(--md-side) + 0px);
        padding-bottom: 250px;
        margin-top: 80px;
    }

    #footer::after {
        transform: rotate(-0deg);
        left: 0;
        width: 100%;
        border-radius: var(--radius) var(--radius) 0 0;
    }

    /*#footer .h1 {*/
    /*    font-size: 30px;*/
    /*}*/

    .bubble-avis img {
        width: 100px;
        height: 100px;
    }

    .sous-page-item {
        padding: 30px 61px 30px 60px;
        border-radius: 40px;
    }
    .sous-page-item h2{
        font-size: 18px;
    }
    .sous-pages > div {
        margin-bottom: 20px;
    }

    .sous-page-item svg {
        bottom: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
    }

    .sous-page-item p {
        font: var(--lt-paragraphe);
    }

    .section3-home > div:first-of-type {
        /*display: none;*/
    }

    .grid-presta {
        grid-template-columns: 1fr 1fr;
    }

    .grid-head {
        display: block;
        padding-right: var(--md-side);
    }

    .page-about .grid-head h1 br {
        display: none;
    }

    .grid-head > div:nth-of-type(2) {
        display: none;
    }

    .grid-subpage.is-sticky,
    .grid-subpage {
        /*grid-template-columns: 1fr;*/
        /*position: static;*/
        /*grid-gap: 10px;*/
        margin-top: 40px;
        grid-gap: 0;
        padding: 0;
        top: 81px;

    }
    .grid-subpage.is-sticky .sous-page,
    .grid-subpage .sous-page{
        padding: 6px 5px;
        border-radius: 0;
        /*display: block;*/
        text-align: center;
        margin: 0 3px;
        /*width: 100%;*/
        justify-content: center;
        flex-direction: column;
        display: flex;
        width: calc(100% - 6px);
    }
    .grid-subpage .sous-page{
        background-color: transparent;
    }
    .grid-subpage.is-sticky  .sous-page.active{
        background-color: var(--vert);
    }
    .grid-subpage .sous-page:hover{
        background-color: var(--vert);
    }
    .grid-subpage.is-sticky{
        display: grid;
        padding: 4px 0;
        background: white;
        transition: 0.2s ease-in all;
    }
    .grid-subpage.is-sticky .sous-page.active img,
    .sous-page img{
        margin-right: 0;
        width: 25px;
        height: 25px;
    }
    .grid-subpage.is-sticky .sous-page:not(.active) h2,
    .grid-subpage.is-sticky h2{
        display: block;
    }
    .grid-subpage.is-sticky .sous-page h2,
    .sous-page h2{
        font-size: 10px;
    }
    .sous-page h2 br{
        display: block;
    }
    .cheminement__liste .cheminement__etape {
        position: relative;
        transform: unset;
        top: unset;
        left: unset;
        right: unset;
        margin-bottom: 10px;
    }
    .grid-subpage .sous-page.active{
        /*margin: 0 5px;*/
        border-radius: 10px;
        /*width: calc(100% - 10px);*/
        /*width: 100%;*/
        /*padding-left: 5px;*/
        /*padding-right: 5px;*/
    }

    .cheminement__dot {
        display: none;
    }

    .cheminement__svg {
        display: none;
    }

    .cheminement {
        height: auto;
        aspect-ratio: unset;
        margin-top: 20px;
        padding: 0 var(--md-side);
    }

    .grid-docs {
        display: block;
    }

    .grid-docs > div:nth-of-type(2) {
        display: none;
    }

    .container-banniere {
        padding-bottom: 210px;
    }

    .banniere > svg {
        position: absolute;
        width: auto;
        top: calc(100% - 100px);
        left: 0;
        height: 310px;
    }

    .content-banniere {
        padding-left: 60px;
        position: relative;
    }

    .result-page-contenu {
        margin-top: 60px;
    }

    /*.grid-subpage.is-sticky{*/
    /*    padding: 0 var(--md-side);*/
    /*    display: block;*/
    /*    position: static;*/
    /*}*/
    .swiper-content {
        width: calc(100% - var(--md-side));
        margin-left: var(--md-side);
    }

    .bloc-content-swipe {
        height: auto;
        padding: 30px 40px 80px 40px;
        border-radius: 50px;
    }

    .result-page-contenu .h1 {
        max-width: 100%;
    }

    .arrow-swiper {
        padding-left: 0;
    }

    .nav-actus > svg, .swiper-button-prev, .swiper-button-next {
        width: 60px;
        height: 60px;
    }

    .nb {
        font-size: 77px;
        right: 44px;
        bottom: -10px
    }

    .grid-liste-icone {
        grid-template-columns: 40px 1fr;
        margin-bottom: 30px;
    }

    .grid-liste-icone img {
        width: 40px;
        height: 40px;
        margin-bottom: 5px;
    }
    body.no-scroll-collabs {
        overflow: hidden;
        height: 100vh!important;
    }
    .in-modal,
    .dl-modal,
    .avis-modal,
    .collaborateur-modal,
    .modal-mg,
    .cheminement-modal,
    .modal-quizz.active {
        width: 100%;
        padding: 0;
        height: 100dvh;
        border-radius: 0px;
        overflow: hidden;
        /*margin-top: 40px;*/
        margin-top: 0;

    }

    .avis-modal > div {
        height: 100%;
    }

    .in-modal__dialog,
    .dl-modal__dialog,
    .avis-dialog,
    .collaborateur-modal,
    .mg-popup,
    .eq-quiz,
    .cheminement-dialog {
        padding: 50px 30px;
        /*height: calc(100vh - 160px);*/
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        border-radius: 0px;
        box-shadow: 0 0 black;
    }
    .avis-dialog{
        padding-bottom: 90px;
    }
    .grid-mg {
        display: block;
    }

    .avis-dialog .quote1,
    .avis-dialog .quote2 {
        display: none;
    }

    .cheminement-content .cheminement-icone {
        display: none !important;
    }

    #header {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .page-template-template-accompagnement.scrolled #header{
        background-color: var(--beige);
    }
    .menu-toggle {
        padding: 2px 9px;
        top: 20px;
        height: 35px;
        width: 35px;
    }

    #menu .menu-icon {
        height: 10px;
    }

    #close-bar1, #close-bar2, #close-bar3 {
        height: 1px;
        transition: 0.5s ease-in-out all;
    }

    #menu.toggled #close-bar1 {
        transform: translateY(5px) rotate(45deg);
    }

    #menu.toggled #close-bar3 {
        transform: translateY(-5px) rotate(-45deg);
    }
    #scrollto{
        display: none;
    }
    .pop-nav {
        transform: unset;
        top: unset;
        bottom: 0;
    }

    .pop-nav svg {
        width: 50px;
        height: 50px;
    }

    .pop-nav.pop-next {
        right: var(--md-side);
    }

    .pop-nav.pop-prev {
        left: var(--md-side);
    }

    .bloc.documents {
        padding-right: var(--md-side);
    }

    .txt h2 {
        margin-bottom: 20px;
    }

    .content-banniere {
        padding: 40px;
    }

    .content-banniere::after {
        transform: rotate(0.873deg);
    }

    .show-more {
        width: 80px;
        height: 80px;
    }

    .type-entrepreneur {
        grid-template-columns: 1fr;
        display: none;
    }

    .grid-liste-icone {
        display: block;
    }

    .ft-logo {
        margin-top: 40px;
    }

    .link-signa {
        margin-top: 15px;
        font-size: 12px;
    }

    .txt ul {
        padding-left: 0;
    }

    .txt ul li::before {
        top: 6px;
        height: 7px;
        width: 7px
    }

    .ico-docs {
        height: 40px;
        width: 40px;
    }

    .ico-docs svg {
        width: 15px;
        height: 15px;
    }

    .btn {
        padding: 13px 24px;
    }

    body.no-scroll-in #header,
    body.no-scroll-dl #header,
    body.no-scroll-avis #header,
    body.no-scroll-quiz #header,
    body.no-scroll-game #header,
    body.no-scroll-collab #header,
    body.no-scroll #header {
        display: none;
    }

    .content-page {
        padding-top: 20px;
    }

    .first-title {
        margin-bottom: 25px;
    }

    .cheminement-close {
        position: absolute;
        display: block;
        top: 20px;
        right: calc(var(--md-side) + 10px);
        z-index: 10;
        outline: 0;
        height: 20px;
        width: 20px;}

    .avis-close,
    .collab-close,
    #eq-quiz > .close {
        top: 20px;
        right: calc(var(--md-side) + 10px);
        z-index: 15;
        display: block;
        position: absolute;
        outline: 0;
        height: 20px;
        width: 20px;
    }

    .type-entrepreneur div:first-of-type img {
        height: auto;
    }

    .type-entrepreneur img {
        height: auto;
        width: 100%;
        max-width: 125px;
    }

    .type-entrepreneur > div {
        justify-content: flex-start;
    }

    .swiper-avis img {
        width: 100px;
        height: 100px;
        bottom: unset;
        top: -50px;
    }

    .content-avis {
        margin-left: 0;
        padding: 60px 40px 30px 40px;
        width: 100%;
    }

    .swiper-avis .quote1 {
        left: 125px;
        width: 45px;
    }

    .quote2 {
        right: 52px;
        width: 45px;
    }

    .swiper-avis-next {
        right: var(--md-side);
        top: 100px;
        transform: unset;
        width: 18px;
    }

    .swiper-avis-prev {
        left: unset;
        right: calc(var(--md-side) + 40px);
        width: 18px;
        top: 100px;
        transform: unset;
    }

    .nb-icone {
        height: 40px;
        width: 40px;
        margin-bottom: 10px;
    }

    .mg-header {
        transform: rotate(0.687deg);
        padding: 30px 30px 200px 30px;
    }

    .grid-start-game {
        transform: rotate(-0.687deg);
        display: block;
    }

    .svg-little-game {
        height: 200px;
        width: 80%;
        right: -35px;
        bottom: -225px;
    }

    .grid-start-game .number {
        font-size: 60px;
    }

    .content-banniere .h1 br {
        display: none;
    }

    .content-banniere .h1 {
        font-size: 30px;
    }

    .mg-close {
        top: 30px;
        right: calc(var(--md-side) + 10px);
        height: 20px;
        width: 20px;
        z-index: 20;
    }

    .mg-dots .mg-dot.is-active {
        padding: 10px 15px;
    }

    .mg-dots .mg-dot span {
        font-size: 14px;
    }

    .mg-dots .mg-dot {
        padding: 10px 8px;
    }

    .mg-dots .mg-dot:last-of-type {
        padding-right: 23px;
    }

    .mg-dots .mg-dot:first-of-type {
        padding-left: 23px;
    }

    .mg-option {
        padding: 12px 20px;
    }
    .mg-option:hover{
        opacity: 1;
    }
    .mg-options {
        margin-top: 20px;
    }
    .mg-next:hover{
        opacity: 1;
    }

    .grid-mg {
        position: relative;
    }

    .grid-mg .link-base {
        font-size: 13px;
        margin-bottom: -20px;
        /*display: flex;*/
        width: fit-content;
    }

    .grid-formations {
        grid-template-columns: 1fr;
        grid-gap: 20px;
        margin-top: 30px;
    }

    .actu-item {
        border-radius: 30px;
        padding: 30px 30px 40px 30px;
        margin-bottom: 20px;
    }

    .actu-picture {
        height: 54vw;
        border-radius: 30px 30px 0 0;
        width: calc(100% + 60px);
        margin-left: -30px;
        margin-top: -30px;
        margin-bottom: 30px;
    }

    .actu-item > svg {
        bottom: 15px;
        right: 15px;
        height: 40px;
        width: 40px;
    }

    .date {
        font-size: 12px;
    }

    .docs a {
        font-size: 16px;
    }

    .page-ressources h1 strong {
        margin-left: 0;
    }

    .docs a.link-base {
        margin-top: 20px;
    }

    .list-icone .grid-liste-icone {
        /*display: grid;*/
        margin-bottom: 30px;
        grid-gap: 20px;
    }
    .grid-head .list-icone .grid-liste-icone{
        display: grid;
    }
    .plusicone {
        background-size: 11px;
        width: 36px;
        height: 36px;
    }

    .contenu-vision::after {
        transform: rotate(0.873deg);
    }

    .container-vision {
        top: 80px;
    }

    .contenu-vision {
        padding: 40px;
        min-height: calc(100vh - 160px);
    }
    .contenu-vision p,
    .contenu-vision a,
    .contenu-vision li{
        font: var(--lt-paragraphe);
    }
    .container-vision:nth-of-type(2) {
        top: 85px;
    }

    .container-vision:nth-of-type(3) {
        top: 94px;
        margin-bottom: 80px;
    }

    .equipe .row-equipe,
    .equipe .row-equipe:nth-of-type(2n) {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
        padding: 0 var(--md-side);
        width: 100%;
        margin-left: 0;
    }

    .equipe .jaune,
    .equipe .vert,
    .equipe .mauve {
        display: none !important;
    }

    .equipe .row-equipe > div {
        height: 40.2vw;
        width: 40.2vw;
    }

    .row-equipe .img-collab:nth-of-type(1),
    .row-equipe .collaborateurs-details:nth-of-type(2) {
        /*transform: translate(calc(-1 * var(--md-side) / 2), 0);*/
        transform: unset;
    }

    .row-equipe .img-collab:nth-of-type(3),
    .row-equipe .collaborateurs-details:nth-of-type(4) {
        /*transform: translate(calc(1 * var(--md-side) / 2), 0);*/
        transform: unset;
    }

    .equipe .row-equipe:nth-of-type(2n) {
        /*transform: translate(calc(-1 * var(--md-side) / 2), 0);*/
        transform: unset;
    }
    .equipe .row-equipe:nth-of-type(2n){
        margin: 20px 0;
    }
    .collaborateurs-details {
        padding: 30px 19px;
    }

    .flex-contact-collab {
        display: none;
    }

    .grid-rapport {
        grid-template-columns: 1fr;
    }

    .rapport-svg {
        max-width: 100%;
        height: auto;
        width: auto;
        max-height: 150px;
        margin: 30px 0 0 auto;
        display: flex;
        transform: translate(calc(1 * var(--md-side)), 0);
    }

    .grid-head-actus {
        display: block;
    }

    .grid-head-actus > div:nth-of-type(1) {
        width: 100%;
        padding-right: 0;
    }

    .grid-head-actus > div:nth-of-type(1) > div {
        display: none;
    }

    .swiper-actus {
        width: 68vw;
        height: 68vw;
    }

    .swiper-actus-container {
        width: 85vw;
        margin-left: 30px;
    }

    #filter-cats {
        flex-wrap: wrap;
    }

    #filter-cats > li {
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .actus-grid {
        grid-template-columns: 1fr;
    }

    #filter-cats > li:hover {
        color: var(--noir);
    }
    #filter-cats > li:hover{
        background-color: white;
    }
    #filter-cats>li.active {
        background: var(--module-color);
    }
    #filter-cats > li {
        padding: 10px 20px;
    }

    .presentation-actu svg,
    .presentation-actu img {
        height: 85vw;
        width: 85vw;
        position: static;
    }

    .presentation-actu {
        display: flex;
        flex-direction: column-reverse;
        grid-gap: 0;
        padding-right: var(--md-side);
    }

    .presentation-actu::before {
        height: 2px;
    }

    .sommaire {
        margin-top: 20px;
    }

    .go-back svg {
        width: 40px;
        height: 40px;
        margin-right: 7px;
    }

    .go-back .btn {
        padding: 10px 24px;
    }

    .sommaire li a .nb-icone {
        height: 35px;
        width: 35px;
        margin-bottom: 0;
    }
    .sommaire li a{
        display: grid;
        grid-template-columns: 35px 1fr;
        grid-gap: 10px;
    }

    .grid-more-contact {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .bubble-more {
        padding: 30px 60px 30px 50px;
        border-radius: 50px;
    }

    .contact-container {
        position: relative;
        padding: 30px 40px 40px 40px;
    }

    .contact-container::after {
        transform: rotate(-0.077deg);
    }

    .grid-form {
        grid-gap: 10px;
        margin: 10px 0;
    }

    .form-group {
        margin-bottom: 10px;
    }

    .grid-50 {
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }
    select,
    .pomform input,
    .wpcf7-select,
    #dl-form input,
    .wpcf7-form input {
        font-size: 16px;
        border-radius: 15px;
        padding: 8px 14px;
        height: 40px;
    }


    .pomform input::placeholder,
    #dl-form input::placeholder,
    .wpcf7-form input::placeholder {
        font-size: 16px;
        padding: 0 2px;
        border-radius: 15px;
        height: 40px;
        text-align: left;
    }
    [type="date"]{
        height: 40px;
        width: 100%;
    }

    .wpcf7-select {
        border-radius: 15px;
    }

    .form-submit button,
    #dl-form .btn,
    .wpcf7-form .wpcf7-submit {
        padding: 13px 23px;
        border-radius: 30px;
        font-size: 16px;
        width: fit-content!important;
        height: auto;
    }
    .contain-submit>p>svg{
        top: 34px;
        height: 17px;
    }
    .wpcf7-spinner {
        display: none;
    }

    .bubble-more .h1 {
        font-size: 26px;
    }

    .bubble-more svg {
        width: 50px;
        height: 50px;
        right: 20px;
        bottom: 20px;
    }

    .container-map-contact {
        overflow: hidden;
    }

    .map-svg {
        width: 160%;
        margin-left: -50%;
    }

    .grid-form {
        grid-template-columns: 1fr;
    }

    .fixed-pop-visite {
        width: calc(100% - var(--md-side) * 2);
        /*height: 130px;*/
        height: 103px;
        grid-template-columns: 72px 1fr;
        /*padding: 25px 25px 25px 0;*/
        padding: 15px 25px 0px 25px;
        display: block;
    }

    .collaborateurs-details p{
        margin-bottom: 0;
    }
    .fixed-pop-visite .user-quest {
        height: 65px;
        width: auto;
        left: 7px;
        bottom: -10px;
    }
    .btn-with-who{
        /*padding-left: 35px;*/
        margin-left: auto;
        width: fit-content;
    }
    .btn-with-who .btn{
        font-size: 12px;
    }

    .question-visite {
        margin-bottom: 10px;
    }

    .svg-close {
        top: 7px;
        right: 19px;
        display: none;
    }

    .fixed-pop-visite.isclose {
        width: 60px;
        height: 60px;

    }

    .fixed-pop-visite.isclose .user-quest {
        left: 3px;
        height: 50px;
        bottom: 0;
    }

    .sous-page-item h2 br {
        display: none;
    }

    .docs {
        margin-top: 0;
    }

    #eq-result-text {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .eq-result-media img {
        height: 150px;
        object-position: left;
    }

    .success-point {
        height: 250px;
        width: 250px;
    }

    .success-point span {
        font-size: 66px;
        line-height: 55px;
    }

    .swiper-actus img {
        height: 17px;
        width: 19px;
        margin-bottom: 15px;
    }

    .scroll-avis {
        display: block;
    }

    .scroll-track {
        position: relative;
        height: 4px;
        background: var(--brun);
        border-radius: 3px;
        margin: 10px auto;
        width: calc(100% - var(--md-side) * 2); /* taille du "rail" */
        margin-bottom: var(--md-space);

    }

    /* Bouton draggable */
    .scroll-thumb {
        position: absolute;
        top: -2px;
        left: 0;
        width: 50px; /* taille du bouton */
        height: 8px;
        background: var(--vert);
        border-radius: 3px;
        cursor: grab;
        touch-action: none; /* mobile friendly */
    }

    .parcours-bloc {
        width: 100%;
        padding: 10px 0;
    }

    .parcours-niveaux > .parcours-niveau, .flex-subtype {
        margin: 20px 0;
    }

    .parcours-niveaux > .parcours-niveau:nth-of-type(1),
    .flex-subtype,
    .grid-msg,
    .isfg-flex,
    .parcours-full.res,
    .parcours-full.que {
        display: block;
    }

    /*.flex-subtype > div:nth-of-type(2),*/
    /*.parcours-full.que > div,*/
    /*.parcours-full.res > div,*/
    .parcours-niveaux svg {
        display: none;
    }

    .grid-msg > div:first-of-type {
        display: none;
    }

    .content-msg {
        padding: 30px 30px;
        border-radius: 30px 30px 30px 0;
        background: #b1d65a4d;
    }

    .parcours-contenu {
        padding: 30px 30px;
        border-radius: 30px 30px 0px 30px;
    }

    .contact-end {
        margin-bottom: 10px;
    }

    .search-form-pom {
        margin-bottom: 20px;
    }

    .search-form {
        justify-content: flex-start;
        border-bottom: 1px solid #a5a5a5;
    }

    .search-form-pom input {
        width: 100%;
    }

    .search-section .search-form {
        width: 100%;
        border-bottom: 0;
    }

    .search-card {
        padding: 30px 60px 30px 30px;
        border-radius: 20px;
    }

    .search-section .search-form label input {
        padding: 12px 20px 10px 0;
        border-radius: 15px;
    }

    .search-section .svg-search {

    }

    .search-card > svg {
        bottom: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
    }

    .sous-pages {
        padding-top: 0;
    }

    .grid-inscription-news {
        margin-top: 0;
    }

    .grid-presta svg {
        height: 150px;
        width: 150px;
    }

    .rea-site {
        font-size: 10px;
        margin-top: 0;
        background: var(--noir);
        border-top: 1px solid #646464;
        padding: 15px var(--sm-side) 25px var(--md-side);
        opacity: 1;
        color: rgba(255, 255, 255, 0.6);
    }
    .rea-site path{
        fill: rgba(255, 255, 255, 0.6);
    }
    .pix-log > svg {
        transform: translate(0, 10px);
        width: 38px;
    }
    .pix-log > svg path{
        fill: rgba(255, 255, 255, 0.7);
    }

    .link-signa a{
        display: block;
        margin-bottom: 3px;
    }
    .pix-pom > svg {
        transform: translate(0, 9px);
        width: 43px;
    }
    .first-section{
        padding-bottom: 80px;
    }
    #main-menu-container{
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }
    .scrolled #main-menu-container{
        right: 0;
    }
    .menu-item-has-children > a::after{
        display: none;
    }
    .search-form-pom input{
        margin-bottom: 3px;
    }
    .separateur{
        margin: 20px 0;
    }
    .share-article svg{
        width: 30px;
        height: 30px;
    }
    .share-article span, .share-article a{
        display: flex;
    }
    #gravity-cloud { touch-action: pan-y; }
    .abo-news>svg{
        margin-top: -8px;
        width: 18px;
    }
    .container-link-first{
        position: static;
    }
    .mg-svgopt{
        height: 169px;
        bottom: -46px;
        right: -52px;
    }
    body.no-scroll-in,
    body.no-scroll-dl,
    body.no-scroll-avis,
    body.no-scroll-quiz,
    body.no-scroll-game,
    body.no-scroll{
        height: 100dvh;
    }
    #eq-quiz{
        padding-bottom: 100px;
    }
    .eq-nav{
        display: flex;
        margin-top: 20px;
        /*position: absolute;*/
        /*bottom: 30px;*/
        /*left: 30px;*/
        /*width: calc(100% - 60px);*/
    }
    .eq-nav > svg{
        position: static;
        display: inline-block;
        transform: unset;
        height: auto;
    }
    .eq-nav > svg.eq-next{
        margin-left: auto;
        display: flex;
    }
    .eq-progressbar{
        margin-bottom: 20px;
    }

    .bubble-avis{
        margin-right: 50px;
    }
    .avis-body{
        display: block;
    }
    .grid-head-actus>div:nth-of-type(2)>svg{
        display: none;
    }
    .container-forma{
        display: flex;
        flex-direction: column-reverse;
        padding: 70vw 40px 40px 40px;
        grid-gap: 0;
    }
    .container-forma::after{
        transform: rotate(-0deg);
        top: 45vw;
        height: calc(100% - 45vw);
    }
    .container-forma img{
        /*width: 100%;*/
        height: calc(85vw - 80px);
        margin-bottom: 20px;
        position: absolute;
        top: 0;
        width: calc(85vw - 80px);
    }
    .grid-galerie{
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
    }
    .grid-galerie img{
        height: 41.3vw;
        border-radius: 10px;
    }
    .container-swip-gal .swiper-button-prev,
    .container-swip-gal .swiper-button-next{
        position: static;
        transform: unset;
    }
    .flex-swipe-gal{
        display: flex;
        margin: 34px 0 0 0;
    }
    .container-img-alone img, .swiper-gal img {
        width: 100%;
        height: 59vw;
        border-radius: 30px;
    }
    .white-bg-gal::after{
        left: 6px;
        top: -3px;
    }
    .white-bg-gal::after,
    .swiper-gal{
        border-radius: 30px;
    }
}

@media screen and (max-width: 700px) {
    body.home {
        /*overflow-x: hidden;*/
    }

    .bigh1 {
        font-size: 54px;
        letter-spacing: 0;
    }

    .first-section .link-first {
        position: static;
    }

    .first-section .link-first.mel {
        margin-right: auto;
    }

    .first-section .link-first.acc {
        margin-left: auto;
        margin-right: 5vw;
        margin-top: -90px;
    }

    .first-section .link-first.forma {
        margin-right: auto;
        margin-left: 14vw;
    }

    .first-section .link-first.ressou {
        margin-left: auto;
        margin-top: -90px;
    }

    .ico-docs {
        height: 27px;
        width: 27px;
    }

    .ico-docs svg {
        width: 12px;
        height: 12px;
    }

    .docs a {
        margin-bottom: 12px;
    }

    .groupe-documents .docs {
        margin-top: 15px;
    }
    .container-vision .h1{
        margin-bottom: 20px;
    }


    /*.first-section .link-first.ressou {*/
    /*    left: calc(50% - 140px + 200px);*/
    /*    top: calc(95% - 195px);*/
    /*}*/
    /*.first-section .link-first.forma {*/
    /*    top: calc(61% - 107px + 84px);*/
    /*    left: calc(50% - 38px - 121px);*/
    /*}*/
    /*.first-section .link-first.mel {*/
    /*    top: calc(65% - 107px - 94px);*/
    /*    left: calc(50% - 107px - 74px);*/
    /*}*/
    /*.first-section .link-first.acc{*/
    /*    top: calc(85% - 107px - 200px);*/
    /*}*/
}

@media screen and (max-width: 330px) {
    :root {
        --title1: 400 30px / 113% Anton, sans-serif;
    }

    .bigh1 {
            font-size: 34px;

    }

    .first-section {
        height: auto;
    }

    .intro, .intro p {
        font-size: 5.6vw;
    }
    #footer .h1 {
        font-size: 22px;
    }
    .container-vision{
        position: relative;
        top: 0!important;
        transform: unset!important;
        height: auto;
    }
    .actu-item>.lt-p{
        display: none;
    }
    .bubble-more .h1 {
        font-size: 21px;
    }
    .bubble-more{
        padding-left: 30px;
    }
}