:root {
    --small-margin: 40px;
    --medium-margin: 70px;
    --lt-space: 80px;
    --md-space: 130px;
    --big-space: 180px;

    --radius: 110px;


    --sm-side: 3vw;
    --md-side: 8.5vw;
    --bg-side: 15vw;

    --noir: #2B2B2B;
    --beige: #EFEBE1;
    --vert: #B1D65A;
    --rouge: #FF7970;
    --jaune: #F4DC41;
    --brun: #C7BFAA;
    --mauve: #C2AFEA;
    --module-color: var(--vert);

    /*       Fonts      */
    --title1: 400 78px/113% Anton, sans-serif;
    --title1-letter-spacing: -0.624px;

    --title2: 700 34px/104% Satoshi, sans-serif;
    --title2-letter-spacing: -0.4px;

    --title3: 700 24px/120% Satoshi, sans-serif;
    --title3-letter-spacing: 0.4px;

    --lt-paragraphe: 400 17px/120% Satoshi, sans-serif;
    --paragraphe: 400 20px/120% Satoshi, sans-serif;
    --bigparagraphe: 400 28px/118% Satoshi, sans-serif;
    --paragraphe-letter-spacing: 0.4px;

}


::selection {
    background-color: var(--module-color);
    color: var(--noir);
}

/* Firefox */
::-moz-selection {
    background-color: var(--module-color);
    color: var(--noir);
}

/* width */
::-webkit-scrollbar {
    width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--noir);
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--noir);
    width: 2px;
}

@font-face {
    font-family: 'Satoshi';
    src: url('fonts/Satoshi-Variable.woff2') format('woff2'),
    url('fonts/Satoshi-Variable.woff') format('woff'),
    url('fonts/Satoshi-Variable.ttf') format('truetype');
    font-weight: 300 900;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi';
    src: url('fonts/Satoshi-VariableItalic.woff2') format('woff2'),
    url('fonts/Satoshi-VariableItalic.woff') format('woff'),
    url('fonts/Satoshi-VariableItalic.ttf') format('truetype');
    font-weight: 300 900;
    font-display: swap;
    font-style: italic;
}


html.lenis, html.lenis body {
    height: auto;
}

html {
    overflow-x: hidden !important;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-smooth iframe {
    pointer-events: none;
}

body {
    background: var(--beige);
}

#container {
    background: var(--beige);
    /*padding: 70px 0 140px 0;*/
    padding: 70px 0 0px 0;
}

* {
    font-family: 'Satoshi';
    font-weight: 400;
    color: var(--noir);
}

.bigh1 {
    font-size: 125px;
    line-height: 115%;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-align: center;
}

h1, .h1, h1 p, h1 strong {
    font: var(--title1);
    letter-spacing: var(--title1-letter-spacing);
    margin: 0 0 30px 0;
}

h1 strong {
    /*background: var(--module-color);*/
    padding: 0 10px;
    margin-left: -10px;
    position: relative;
    z-index: 9;
}
h1 strong::after{
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 0;
    height: calc(100% - 24px);
    background: var(--module-color);
    z-index: -1;
    transition: 0.5s ease-in-out all;
    animation: appearh1 0.5s ease-in-out forwards;
}
@keyframes appearh1 {
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}
h2, .h2 {
    font: var(--title2);
    letter-spacing: var(--title2-letter-spacing);
    margin: 0 0 10px 0;
}

h3, .h3 {
    font: var(--title3);
    letter-spacing: var(--title3-letter-spacing);
    margin: 0 0 5px 0;
}

p, .p, li {
    font: var(--paragraphe);
    letter-spacing: var(--paragraphe-letter-spacing);
}

p {
    margin: 0 0 20px 0;
}

.txt ul {
    margin: 0 0 20px 0;
    padding-left: 20px;
}

p:last-child, .txt ul:last-child {
    margin-bottom: 0;
}

.txt li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
}

.txt ul li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0px;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    background: var(--module-color);
}

.lt-p {
    font: var(--lt-paragraphe);

}

strong {
    font-weight: 700;
}

.pd-base {
    padding-right: var(--md-side);
    padding-left: var(--md-side);
}

.green {
    color: var(--vert);
}

.white,
.white *{
    color: white;
}

/************
MENU
 */
.menu {
    display: flex;
}

.menu > li {
    position: relative;
    margin-right: 20px;
}
.menu > li a{
    font: var(--lt-paragraphe);
    font-weight: 500;
    transition: 0.5s ease-in-out all;
}
.menu > li a:hover{
    color: var(--vert);
}
.menu .sub-menu {
    position: absolute;
    top: 100%;
    border-radius: 60px;
    background-color: white;
    padding: 10px 50px;
    width: 375px;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    transition: 0.4s ease-in-out all;
    transform: translate(0, 0);
}

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

.menu .sub-menu li:last-child {
    margin-bottom: 0;
}

.menu .menu-item-has-children:hover .sub-menu {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    padding: 40px 50px;
    transform: translate(0, 10px);
}

.menu-item-has-children > a::after {
    content: "";
    display: inline-block;
    /*background-image: url("../icons/plus.svg");*/
    height: 12px;
    width: 12px;
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-size: contain;*/

    -webkit-mask-image: url("../icons/plus.svg");
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background: var(--noir);
    margin-left: 9px;
    transition: 0.5s ease-in-out all;
}


.single-actualites .menu-item-275 a,
#menu .menu > .current_page_item > a,
#menu .menu > .current_page_parent > a,
#menu .current_page_item > a {
    color: var(--noir);
    font-weight: 700;
}
body #menu .menu-item-has-children > a:hover,
.menu .menu-item-has-children:hover>a{
    color: var(--vert) !important;
}
.menu-item-has-children > a:hover::after,
.menu .menu-item-has-children:hover>a::after{
    background-color: var(--vert);
    -webkit-mask-image: url("../icons/moins.svg");

}
#header {
    display: flex;
    padding: 40px var(--sm-side) 20px var(--sm-side);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    transition: 0.5s ease-in-out all;
    pointer-events: none;
}
.scrolled #header{
    background-color: var(--beige);
}
/*#header::after{*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 100%;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 35px;*/
/*    background: linear-gradient(#EFEBE1, transparent);*/
/*    opacity: 0;*/
/*    transition: 0.5s ease-in-out all;*/
/*    z-index: -1;*/
/*}*/
.scrolled.in-footer #header::after{
    opacity: 0;
}
.scrolled #header::after{
    opacity: 1;
}
.page-template-template-accompagnement.scrolled #header{
    background-color: transparent;
}
.page-template-template-accompagnement.scrolled #header::after{
    opacity: 0;
}

.header-scroll{
    /*transform: translateY(-125px);*/
}
.up-scroll{
    /*background: white;*/
}
/*,*/
/*#header>#menu*/
#header>#branding{
    pointer-events: all;
}

#menu {
    margin-left: auto;
}

/***********
HOME
 */
.first-section {
    height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: var(--md-space);
}
.link-first{
    transition: 0.5s ease-in-out opacity;
}
.container-link-first .link-first:hover{
    filter: brightness(0.8);
}
.container-link-first{
    position: fixed;
    top: 100px;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 20;
    transition: 0.5s ease-out all;
    pointer-events: none;
}
.container-link-first .link-first{
    transition: 0.5s ease-out transform,0.5s ease-in-out filter;
}
.container-link-first .link-first:nth-of-type(1){
    transition: 0.8s cubic-bezier(.06,.62,.33,1.01) all;
}
.container-link-first .link-first:nth-of-type(2){
    transition: 0.75s cubic-bezier(.06,.62,.33,1.01) all;
}
.container-link-first .link-first:nth-of-type(3){
    transition: 0.85s cubic-bezier(.06,.62,.33,1.01) all;
}
.container-link-first .link-first:nth-of-type(4){
    transition: 0.60s cubic-bezier(.06,.62,.33,1.01) all;
}
.container-link-first.scrolled .link-first:nth-of-type(1){
    transform: translate(0, 100vh);
    transition: 0.65s cubic-bezier(.76,-0.02,1,.55) transform,0.5s ease-in-out filter;
}
.container-link-first.scrolled .link-first:nth-of-type(2){
    transform: translate(0, 100vh);
    transition: 0.55s cubic-bezier(.76,-0.02,1,.55) transform,0.5s ease-in-out filter;
}
.container-link-first.scrolled .link-first:nth-of-type(3){
    transform: translate(0, 100vh);
    transition: 0.8s cubic-bezier(.76,-0.02,1,.55) transform,0.5s ease-in-out filter;
}
.container-link-first.scrolled .link-first:nth-of-type(4){
    transform: translate(0, 100vh);
    transition:  0.75s cubic-bezier(.76,-0.02,1,.55) transform,0.5s ease-in-out filter;
}

/*.container-link-first.scrolled{*/
/*    transform: translate(0, 100vh);*/
/*    transition: 1s ease-in all;*/
/*}*/
/*.section2-home,*/
/*.section3-home,*/
/*.section4-home,*/
/*.section5-home,*/
/*.section6-home,*/
/*.section7-home{*/
/*    position: relative;*/
    /*background-color: var(--beige);*/
/*    z-index: 10;*/
/*}*/
/*.section2-home{*/
/*    z-index: 11;*/

/*}*/
.first-section .link-first {
    position: absolute;
    pointer-events: all;
    /*transform: translate(-50%, -50%);*/
}
.first-section .link-first:hover{

}
.first-section .link-first svg{
    height: 245px;
    width: 245px;
}
.first-section .link-first.mel {
    top: calc(50% - 140px - 250px);
    /*left: 120px;*/
    left: calc(50% - 140px - 450px);
}
.first-section .link-first.mel svg{
    transform: rotate(20deg);
}
.first-section .link-first.acc {
    /*top: 80px;*/
    top: calc(50% - 140px - 200px);
    left: calc(50% - 140px + 495px);

    /*right: 120px;*/
}
.first-section .link-first.acc svg{
    transform: rotate(5deg);
}
.first-section .link-first.forma {
    top: calc(50% - 140px + 80px);
    /*left: 120px;*/
    left: calc(50% - 140px - 550px);

}
.first-section .link-first.forma svg{
    transform: rotate(3deg);
}
.first-section .link-first.ressou {
    /*bottom: 80px;*/
    /*right: 120px;*/
    left: calc(50% - 140px + 490px);

    top: calc(70%  - 140px);
}
.first-section .link-first.ressou svg{
    transform: rotate(-5deg);
}
#scrollto{
    position: absolute;
    bottom: 85px;
    left: 50%;
    transform: translate(-50%, 0px);
    z-index: 10;
}
.grid-intro-chiffre {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 100px;
}

.intro,
.intro p {
    font-size: 40px;
    font-weight: 400;
    line-height: 128%;
}

.intro strong {
    font-weight: 400;
    position: relative;
    /*background-color: var(--jaune);*/

    padding: 0 5px;
    margin-left: -5px;
    z-index: 5;
}
.intro strong::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 3px);
    background-color: var(--jaune);
    z-index: -1;
}
.intro p {
    padding: 0 5px;
}

.en-chiffres {
    position: relative;
    z-index: 10;
    padding: 80px;
    display: flex;
    width: fit-content;
    flex-direction: column;
}

.en-chiffres::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 70px;
    transform: rotate(3.937deg);

    background-color: white;
}

.chiffre-item {
    display: flex;
    align-items: flex-end;
}

.chiffre-item p {
    margin: 0 0 10px 10px;
}

.chiffre-item h3 {
    font: var(--title1);
    margin: 0;
}

.section3-home {
    display: grid;
    grid-template-columns: 200px 1fr;
    position: relative;
    z-index: 10;
}

.section3-home {
    padding-top: var(--md-space);
    padding-bottom: var(--md-space);
}

.sous-pages {
    position: relative;
    z-index: -1;
    padding-top: 60px;
}
.sous-pages>div{
    margin-bottom: 40px;
    transition: 0.5s ease-in-out opacity;
}
/*.sous-pages>div:hover{*/
/*    opacity: 0.6;*/
/*}*/

.sous-page-item {
    background-color: white;
    padding: 60px 150px 60px 150px;
    position: relative;
    display: block;
    width: 100%;
    border-radius: 80px;
    margin-bottom: 50px;
    transition: 0.5s ease-in-out background;
}
.sous-page-item:hover{
    background: var(--vert);
}
.sous-page-item svg circle{
    fill: var(--vert);
    transition: 0.5s ease-in-out all;
}
.sous-page-item:hover svg circle{
    fill: var(--jaune);
}
.sous-page-item:last-of-type {
    margin-bottom: 0;
}

.sous-page-item h2,
.sous-page-item p {
    margin: 0;
}

.sous-page-item h2 {
    margin-top: 10px;
}

.sous-page-item svg {
    position: absolute;
    bottom: 34px;
    right: 40px;
}

.sticky-sous-pages {
    position: sticky;
    top: 100px;
    left: 0;
}

.bubble-avis {
    cursor: pointer;
    transition: transform 0.15s ease-out, opacity 0.5s ease-in-out;
    will-change: transform;
    pointer-events: auto;
    text-align: center;
    margin-right: 200px;

}
.bubble-avis:hover{
    opacity: 0.6;
}
.bubble-avis *{
    font: var(--lt-paragraphe);
}

.bubble-avis img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
}
.bubble-avis.default-avatar img{
    border-radius: 0;
    object-fit: contain;
}
.bubble-avis h3,
.bubble-avis p {
    margin: 0;
    text-align: center;
}
.bubble-avis h3{
    margin: 7px 0 3px 0;
    font-weight: 700;
}
.liste-avis-clients {
    display: block;
    margin-top: 80px;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.liste-avis-clients::-webkit-scrollbar {
    display: none;
}

.row-avis {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 40px;
}
.row-avis:last-of-type{
    margin-bottom: 0;
}

.liste-avis-clients .row-avis:nth-of-type(2n) {
    padding-left: var(--md-side);
    padding-right: var(--md-side);
}

body.no-scroll-in,
body.no-scroll-dl,
body.no-scroll-avis,
body.no-scroll-quiz,
body.no-scroll-game,
/*body.no-scroll-collab,*/
body.no-scroll {
    overflow: hidden;
    /*height: 100vh!important;*/
}
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{
    z-index: 0;
}

body.no-scroll-in::after,
body.no-scroll-dl::after,
body.no-scroll-avis::after,
body.no-scroll-quiz .contenu-page::after,
body.no-scroll-game::after,
/*body.no-scroll-collab::after,*/
body.no-scroll::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--beige);
    opacity: 0.8;
    z-index: 9999;
}
body.no-scroll-quiz::after{
    z-index: 8;
}
body.no-scroll-quiz .grid-subpage{
    opacity: 0.6;
}
.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(50% + 300px);
    z-index: 10001;
    padding: 0 150px;
}
.dl-modal{
    width: 50%;
    padding: 0;
}
.in-modal__dialog,
.dl-modal__dialog,
.avis-dialog,
.collaborateur-modals {
    background: #FFFfff;
    box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.10);
    border-radius: var(--radius);
    padding: 70px 80px;
    position: relative;
}
.avis-close{
    display: none;
}
.avis-body{
    overflow: hidden;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.pop-nav {
    background-color: transparent;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: 10000;
}

.pop-nav.pop-next {
    left: unset;
    right: 0;
}

.quote1 {
    position: absolute;
    top: -36px;
    left: 78px;
}

.quote2 {
    position: absolute;
    bottom: -36px;
    right: 78px;
}

.section4-home {
    position: relative;
    z-index: 111;
    /*pointer-events: none;*/
}

.section5-home {
    padding-left: var(--bg-side);
    padding-right: var(--sm-side);
}

.connect-anim {
    position: relative;
    z-index: 110;
    padding-top: 400px;
    padding-bottom: var(--md-space);
}

#stage {
    display: block;
    /*width:100vw;*/
    /*height:100vh;*/
    position: absolute;
    top: -400px;
    left: -5%;
    width: 110%;
    height: calc(100% + 400px);
    z-index: -1;
}

.connect-anim::before {
    content: "";
    position: absolute;
    top: -400px;
    left: 0;
    width: 100%;
    height: 180px;
    background: linear-gradient(0deg, rgba(239, 235, 225, 0.00) 2.14%, #EFEBE1 100%);
    z-index: 1;
}

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

.connect-txt > .green-behind {
    padding: 70px 110px 120px 160px;
    position: relative;
    z-index: 100;
    max-width: 1400px;
}

.connect-txt > .green-behind::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--radius);
    z-index: -1;
    background-color: var(--vert);
    transform: rotate(3.175deg);
}

.connect-txt p {
    max-width: 745px;
}

.slog-connect {
    border-radius: 60px;
    padding: 30px 100px;
    background-color: var(--jaune);
    text-align: center;
    display: flex;
    width: fit-content;
    margin-left: 130px;
    margin-top: -50px;
    position: relative;
    z-index: 101;
}

.slog-connect p {
    font: var(--bigparagraphe);
    margin: 0;
}

.section6-home {
    padding-top: var(--md-space);
    padding-bottom: 40px;
}

.last-actus {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 60px;
    z-index: 100;
}

.last-actus .sticky-actus::after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(-1 * var(--md-side) / 1.5);
    width: 200%;
    /*height: 800px;*/
    height: 715px;

    border-radius: var(--radius);
    z-index: -1;
    background-color: #ffffff;
    transform: rotate(-4.058deg);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}

.sticky-actus {
    padding-top: var(--md-space);
    position: sticky;
    top: 100px;
    left: 0;
    /*height: 800px;*/
    height: 746px;

}

.sticky-actus > div > p {
    max-width: 520px;
}

.sticky-actus > div {
    /*height: 80vh;*/
    overflow: hidden;
    height: 100%;
    position: relative;
}

.sticky-actus > div > svg {
    /*width: 180px;*/
    /*width: 280px;*/
    /*height: 320px;*/
    /*transform: rotate(-4deg);*/
    /*position: absolute;*/
    /*bottom: -0vh;*/
    /*left: 0px;*/

    width: 177px;
    height: 263px;
    transform: rotate(-4deg);
    position: absolute;
    bottom: 2px;
    left: 0px;
}

.actus-list {
    padding-top: var(--md-space);

}

.actu-item {
    display: block;
    padding: 40px 44px 44px 44px;
    border-radius: 60px;
    position: relative;
    margin-bottom: 40px;
    background: var(--module-color);
    transition: 0.5s ease-in-out all;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.actu-item:last-of-type{
    margin-bottom: 0;
}
.actu-item:hover{
    /*opacity: 0.6;*/
    filter: brightness(0.9);
}

.actu-item h3 {
    font: var(--bigparagraphe);
    margin: 0 0 10px 0;
    font-weight: 500;
}

.actu-item > svg {
    position: absolute;
    bottom: 24px;
    right: 24px;
}

.actu-icone {
    filter: brightness(0);
    opacity: 0.72;
    width: 18px;
    height: 33px;
    object-fit: contain;
}

/*.cat-5 {*/
/*    background-color: var(--brun);*/
/*}*/
.cat-5 {
    --module-color: var(--brun);
}
.cat-7 {
    /*background-color: var(--mauve);*/
    --module-color: var(--mauve);
}

.cat-6 {
    /*background-color: var(--jaune);*/
    --module-color: var(--jaune);
}

.cat-8 {
    /*background-color: var(--rouge);*/
    --module-color: var(--rouge);
}

.cat-9 {
    /*background-color: var(--vert);*/
    --module-color: var(--vert);
}

.date {
    font-size: 16px;
    margin-bottom: 0;
}

.center {
    text-align: center;
}

.section7-home {
    /*padding: var(--md-space) var(--bg-side) 0 var(--bg-side);*/
    padding: var(--md-space) var(--bg-side) var(--md-space) var(--bg-side);
}

.grid-inscription {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
    max-width: 1200px;
    margin: 0 auto;
}
.svg-inscription{
    max-width: 100%;
    height: auto;

}
/***************
FOOOTER
 */
#footer {
    position: relative;
    padding-top: var(--md-space);
    /*padding-bottom: var(--md-space);*/
    padding-bottom: 50px;
    z-index: 100;
    margin-top: 120px;
    background-color: var(--beige);
}
body.home #footer{
    margin-top: 0;
}
#footer::after {
    content: "";
    position: absolute;
    top: 0;
    left: var(--sm-side);
    width: calc(100% - var(--sm-side) * 2);
    height: 100%;
    border-radius: var(--radius);
    z-index: -1;
    background-color: var(--noir);
    transform: rotate(-2deg);
}
#footer .adresse-ft{
    font: var(--lt-paragraphe);
}
#gravity-cloud {
    position: absolute;
    right: 0;
    overflow: hidden;
    /*height: 800px;*/
    /*height: calc(100% + 80px);*/
    height: calc(100% + 800px);
    touch-action: none;
    bottom: -80px;
    width: 750px;
    pointer-events: none;
}
body:not(.home) #gravity-cloud{
    height: calc(100% + 200px);

}


#gravity-cloud .link-first {
    position: absolute;
    left: 0;
    top: 0;
    will-change: transform;
    user-select: none;
    cursor: grab;
    width: 214px;
    height: 214px;
    border-radius: 50%;
}
/*#gravity-cloud .link-first:hover{*/
/*    opacity: 1;*/
/*}*/


/* transition douce quand ça apparait */
#gravity-cloud .link-first {
    transition: opacity 1.2s .35s ease;
}

/* avant démarrage : invisible et non cliquable */
#gravity-cloud.prestart .link-first {
    opacity: 0;
    pointer-events: none;
}

/* une fois démarré : visible */
#gravity-cloud.started .link-first {
    opacity: 1;
    pointer-events: auto;
}


#gravity-cloud .link-first > svg {
    /*width: 285px;*/
    /*height: 285px;*/
    width: 218px;
    height: 218px;
    /*transform: scale(0.9) translate(-33px, -40px);*/
}

/*#gravity-cloud .link-first.forma > svg {*/
/*    height: 264px;*/
/*    width: 264px;*/
/*}*/

#gravity-cloud .link-first:active {
    cursor: grabbing;
}

/* le contenu interne ne bloque pas le drag/clic */
#gravity-cloud .link-first * {
    pointer-events: none;
}

#gravity-cloud .link-first path:nth-of-type(1),
#gravity-cloud .link-first path:nth-of-type(2) {
    opacity: 0;
    transition: 0.5s ease-in-out all;
}

#gravity-cloud .link-first:hover path {
    opacity: 1;
}

.ft-logo {
    margin-bottom: 20px;
    margin-top: 80px;
    display: block;
}

.link-signa {
    opacity: 0.6;
    font-size: 15px;
    margin-top: 100px;
    margin-bottom: 0;
}
.link-signa a{
    margin-right: 5px;
    transition: 0.5s ease-in-out all;
}
.link-signa a:hover{
    opacity: 0.6;
}
.flex-ft a{
    transition: 0.5s ease-in-out all;
}
.flex-ft a:hover{
    opacity: 0.6;
}
.rea-site {
    padding: 20px var(--sm-side);
    margin-bottom: 0;
    font-size: 15px;
    opacity: 0.6;
    margin-top: 15px;

}

.pix-log > svg {
    transform: translate(0, 8px);
}

.pix-pom > svg {
    transform: translate(0, 7px);
}


/**********
PAGE
 */
.content-page {
    padding-top: 55px;
    /*padding-bottom: 60px;*/
    min-height: 100vh;
}

.txt p {
    max-width: 1000px;
}
.txt a{
    text-decoration: underline;
    transition: 0.5s ease-in-out all;
}
.txt a:not(.btn):hover{
    opacity: 0.6;
}
.grid-presta {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    margin-bottom: 20px;
}
.grid-presta svg{
    max-width: 100%;
}
.op-5 {
    opacity: 0.5;
}

.btn {
    padding: 19px 30px 20px 30px;
    border-radius: 25px;
    background: var(--module-color);
    display: inline-block;
    font: var(--lt-paragraphe);
    border: 1px solid transparent;
    transition: 0.5s ease-in-out all;
    cursor: pointer;
    text-decoration: unset;
}
.txt .btn{
    text-decoration: unset;

}

.btn.nohover {
    cursor: unset;
}

.btn:not(.nohover):hover {
    /*border: 1px solid var(--module-color);*/
    background: var(--jaune);
    /*color: var(--module-color);*/
}

.first-title {
    margin-bottom: 40px;
    font-weight: 500;
    border-radius: 75px;
    padding: 14px 26px;
    margin-left: -5px;
}

.grid-head {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    padding-left: var(--md-side);
}

.grid-head h1 strong,
.grid-head h1 p {
    text-transform: uppercase;
    line-height: 125%;
}

.grid-head div {
    position: relative;
}
.grid-head .sticky-ullu-docs,
.grid-head .sticky-ullu-search{
    position: sticky;
    top: 100px;
    left: 0;
}
.sticky-ullu-docs svg{
    width: 100%;
}
.sticky-ullu-search svg{
    width: 80%;
    margin-left: auto;
    display: flex;
}
.sticky-ullu-docs .round-presta{
    bottom: 64px;

}
.grid-head>div>svg {
    width: 100%;
    position: absolute;
    right: 0;
    top: -70px;
    height: calc(100vh + 112px);
}
.page-about .grid-head>div>svg{
    height: calc(100vh + 0px);

}
.page-mel .grid-head>div>svg{
    width: 1150px;
    bottom: -59px;
    height: 708px;
    top: unset;
}
.page-forma .grid-head>div>svg{
    width: 1208px;
    bottom: -59px;
    height: 708px;
    top: unset;
}
.round-presta {
    background: var(--module-color);
    display: flex;
    text-align: center;
    border-radius: 500px;
    font: var(--lt-paragraphe);
    font-weight: 700;
    height: 220px;
    width: 220px;
    justify-content: center;
    align-items: center;

    position: absolute;
    bottom: 0;
    left: 100px;
    padding: 0 20px;
    transform: rotate(-13deg);
}
.round-presta svg:first-of-type{
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%, 0);
}
.round-presta svg:last-of-type{
    position: absolute;
    top: 190px;
    left: 50%;
    transform: translate(-50%, 0);
}
.grid-subpage {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    padding: 0 var(--sm-side);
    margin-top: 80px;
    position: sticky;
    top: 30px;
    left: 0;
    transition: 0.5s ease-in-out all;
    z-index: 10000;
}
.page-forma .round-presta{
    bottom: unset;
    top: 100px;
    left: 30px;
}
.sous-page {
    display: flex;
    align-items: center;
    background: white;
    cursor: pointer;
}

.sous-page img {
    width: 56px;
    height: 60px;
    object-fit: contain;
    margin-right: 10px;
}

.sous-page.active {
    background: var(--module-color);
}

.grid-subpage.is-sticky .sous-page:not(.active) h2{
    display: none;
}
.grid-subpage.is-sticky{
    display: flex;
    grid-gap: 0;
    background-color: var(--beige);
    padding-bottom: 20px;
    padding-top: 25px;
    margin-top: 0;
    top: 0;
    padding-left: calc(180px + var(--sm-side) + 80px);
}
.grid-subpage.is-sticky .sous-page{
    display: flex;
    width: fit-content;
    border-radius: 500px;
    margin-right: 10px;
    padding: 13px 15px;
}
.grid-subpage.is-sticky .sous-page img{
    margin-right: 0;
    width: 30px;
    height: 30px;
}
.grid-subpage.is-sticky .sous-page.active img{
    margin-right: 5px;
}
.grid-subpage.is-sticky .sous-page h2{
    font-size: 16px;
}

.sous-page h2 {
    margin: 0;
    font: var(--paragraphe);
    letter-spacing: var(--paragraphe-letter-spacing);
    font-weight: 700;
}

.contenu-page {
    position: relative;
    z-index: 9;
}

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

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

.bigpd {
    padding-left: var(--bg-side);
    padding-right: var(--bg-side);
}

.result-page-contenu > .bloc:nth-of-type(2) {
    padding-top: var(--lt-space);

}

.bloc {
    padding-top: var(--md-space);
}
.txt .bloc h2{
    margin-top: 0;
}

.mx-wd {
    max-width: 930px;
}

.txt h2 {
    margin-top: 50px;
    margin-bottom: 30px;
}

.titre__slider h2 {
    padding-left: var(--bg-side);
}

.titre__slider .container-swipe-content {
    padding-left: calc(var(--bg-side) - 100px);
}

.swiper-content {
    overflow: hidden;
    padding: 20px 0;
}

.bloc-content-swipe {
    position: relative;
    z-index: 1;
    height: 320px;
    padding: 80px 100px;
    background: white;
    transform: rotate(-1.5deg) !important;
    border-radius: 70px;
    overflow: hidden;
    transition: 0.5s ease-in-out opacity;
}

.bloc-content-swipe:not(.swiper-slide-active) {
    opacity: 0.6;
}

.bloc-content-swipe h3,
.bloc-content-swipe div,
.bloc-content-swipe .nb {
    transform: rotate(1.5deg);

}

.bloc-content-swipe h3 {
    margin-bottom: 20px;
}

/*.bloc-content-swipe::after{*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    background: white;*/
/*    height: 100%;*/
/*    width: calc(100% + 0px);*/
/*    border-radius: 70px;*/
/*    z-index: -1;*/
/*    transform: rotate(-1.589deg);*/
/*}*/

.nb {
    color: var(--module-color);
    font-size: 140px;
    font-weight: 900;
    position: absolute;
    right: 100px;
    bottom: -20px;
}

.arrow-swiper {
    position: relative;
    display: flex;
    margin-top: 50px;
    padding-left: 100px;
}

.swiper-button-prev {
    margin-right: 10px;
}

.swiper-button-prev, .swiper-button-next {
    position: static;
    width: 100px;
    height: 100px;
    transition: 0.5s ease-in-out all;
}
.swiper-button-prev:hover, .swiper-button-next:hover{
    opacity: 0.6;
    transform: scale(0.95);
}
.grid-liste-icone {
    display: grid;
    grid-template-columns: 60px 1fr;
    grid-gap: 30px;
    margin-bottom: 40px;
}

.grid-liste-icone:last-of-type {
    margin-bottom: 0;
}

.grid-liste-icone img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.list-icone {
    margin-top: 40px;
}

/*****
CHEMINEMENT
 */
.cheminement {
    --trace: #C7BFAA;
    position: relative;
    /*overflow:hidden;*/
    /*aspect-ratio: 2156 / 548.5;*/
    margin-top: 150px;
    aspect-ratio: 1728 / 478; /* garde le ratio de ton SVG */
    width: 100%; /* s’adapte au conteneur */
}

/* SVG du trait */
.cheminement__svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.cheminement__trace {
    fill: none;
    stroke: var(--trace);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Zone où l’on place les étapes le long du path */
.cheminement__liste {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    height: 100%;
}
.cheminement-close{
    display: none;
}
/* Chaque étape suit TON path */
/*.cheminement__etape{*/
/*    position:absolute;*/
/*    offset-path: path("M-183 95.6504C105.13 176.869 281.875 144.241 391.95 95.6504C430.835 78.4854 513.34 1.53446 647.765 1.84714C808.238 2.22042 942 58.205 880.986 169.41C837.729 248.251 688.689 258.703 704 381.395C719.311 504.088 1180 548.476 1130 258.703C1091.85 37.5897 1367.5 43.2425 1564 140.499C1734.26 224.769 1753 291.62 1973 202.843");*/

/*    !*offset-path: path("M-183 95.6504C105.13 176.869 281.875 144.241 391.95 95.6504C430.835 78.4854 513.34 1.53446 647.765 1.84714C808.238 2.22042 942 58.205 880.986 169.41C837.729 248.251 688.689 258.703 704 381.395C719.311 504.088 1180 548.476 1130 258.703C1091.85 37.5897 1367.5 43.2425 1564 140.499C1734.26 224.769 1753 291.62 1973 202.843");*!*/
/*    offset-rotate: 0deg;          !* <— pas de rotation *!*/
/*    offset-anchor: 50% 50%;*/
/*    transform: translate(-50%,-50%);*/
/*    background:#fff;*/
/*    border-radius:25px;*/
/*    padding:20px 25px;*/
/*    width:200px;*/
/*}*/

/* Positionnement des étapes (ajuste les %) */
/*.cheminement__etape:nth-child(1){ offset-distance: 5%;  }*/
/*.cheminement__etape:nth-child(2){ offset-distance: 22%; }*/
/*.cheminement__etape:nth-child(3){ offset-distance: 40%; }*/
/*.cheminement__etape:nth-child(4){ offset-distance: 58%; }*/
/*.cheminement__etape:nth-child(5){ offset-distance: 76%; }*/
/*.cheminement__etape:nth-child(6){ offset-distance: 92%; }*/

/*!* Pastilles vertes *!*/
.cheminement__dot {
    position: absolute;
    left: 50%;
    top: calc(100% + 10px);
    transform: translate(-50%, 0%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--module-color);
}

/*!* Détails typographiques *!*/
/*.cheminement__etape img{ width:24px; height:24px; vertical-align:middle; }*/
/*.cheminement__etape strong{ display:block; font:600 16px/1.1 system-ui,sans-serif; margin-top:6px; }*/
/*.cheminement__etape div{ margin-top:6px; font:400 14px/1.4 system-ui,sans-serif; color:#333; }*/


.cheminement__etape {
    position: absolute;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 25px;
    padding: 20px 25px;
    width: auto;
    padding-right: 40px;
    cursor: pointer;
}

.cheminement__etape::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 20px;
    bottom: 20px;
    background-image: url("../icons/plus.svg");
    height: 12px;
    width: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 9px;
}

/* positions manuelles en % (selon ton design) */
.cheminement__etape:nth-child(1) {
    top: 16%;
    left: 15%;
}

.cheminement__etape:nth-child(2) {
    top: -12%;
    left: 34%;
}

.cheminement__etape:nth-child(3) {
    top: 36%;
    left: 47%;
}

.cheminement__etape:nth-child(4) {
    top: 86%;
    left: 50%;
}

.cheminement__etape:nth-child(5) {
    top: 74%;
    left: 63%;
}

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

.cheminement-modal {
    width: calc(68% + 300px);
}

.cheminement-dialog {
    overflow: hidden;
    padding-bottom: 150px;

}
.cheminement-texte h3{
    font-size: var(--paragraphe);
}
.cheminement-texte p,
.cheminement-texte strong,
.cheminement-texte li,
.cheminement-texte a{
    font: var(--lt-paragraphe);
}
.cheminement-texte ul li::before{
    top: 6px;
}
.cheminement-icone {
    position: absolute;
    bottom: -50px;
    height: 250px;
    width: 250px;
    object-fit: contain;
    right: 0;
    display: none!important;
}

.bloc.documents {
    padding-left: var(--bg-side);
}

.grid-docs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.docs {
    margin-top: 30px;
}

.docs a {
    display: flex;
    font: var(--paragraphe);
    font-weight: 500;
    align-items: center;
    margin-bottom: 16px;
    font-size: 20px;
    transition: 0.5s ease-in-out all;
}
.docs a *{
    font: var(--paragraphe);

}
.docs a:last-of-type{
    margin-bottom: 0;
}
.docs a div {
    font-weight: 500;
    transition: 0.5s ease-in-out all;
    width: calc(100% - 48px);
}
.docs a:hover div{
    transform: translateX(5px);
}
.docs a:hover{
    opacity: 0.6;

}

.ico-docs {
    display: flex;
    align-items: center;
    background: var(--module-color);
    height: 48px;
    width: 48px;
    border-radius: 50%;
    margin-right: 10px;
    justify-content: center;
}

.docs a div {
    display: block;
}

.desc-doc {
    font-size: 16px;
}

.svg-download {
    position: sticky;
    top: 100px;
    left: 0;
    width: 100%;
    height: auto;
}

.container-avis {
    padding-top: var(--md-space);
    position: relative;
}

.swiper-avis-clients {
    overflow: hidden;
    padding: 50px 0;
}

.swiper-avis {
    display: block;
    position: relative;
}

.swiper-avis .quote1 {
    left: 300px;
}

.swiper-avis .quote1 path,
.swiper-avis .quote2 path {
    fill: var(--module-color);
}

.swiper-avis img {
    height: 280px;
    width: 280px;
    position: absolute;
    bottom: -50px;
    left: 0;
    border-radius: 50%;
    object-fit: cover;
}
.swiper-avis.default-avatar img{
    object-fit: contain;
    border-radius: 0;
}
.content-avis {
    padding: 65px 120px 65px 140px;
    border-radius: var(--radius);
    width: calc(100% - 160px);
    background: white;
    margin-left: 160px;
    display: flex;
    flex-direction: column;
}
.content-avis .txt{
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.nom-entreprise {
    text-align: right;
    font: var(--lt-paragraphe);
    opacity: 0.6;
    margin-top: 20px;
    margin-bottom: 0;
}
.content-avis .avis-lien a{
    justify-content: flex-end;
}
.swiper-avis-next,
.swiper-avis-prev {
    position: absolute;
    cursor: pointer;
    top: 69%;
    transform: translate(0, -50%);
    transition: 0.5s ease-in-out all;
}

.swiper-avis-next {
    right: calc(var(--bg-side) - 100px);
}

.swiper-avis-prev {
    left: calc(var(--bg-side) - 100px);
}

.swiper-avis-next:hover,
.swiper-avis-prev:hover {
    opacity: 0.6;
}

.container-banniere {
    padding-left: var(--md-side);
    padding-right: var(--md-side);
    padding-top: var(--md-space);
    position: relative;
}

.banniere {
    position: relative;
    display: block;
}

.banniere > svg {
    width: 550px;
    height: auto;
    position: relative;
    z-index: 3;
}

.content-banniere {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 550px;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 40px;
    padding-right: 60px;
    z-index: 2;
}

.content-banniere::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--module-color);
    border-radius: var(--radius);
    transform: rotate(1.873deg);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.content-banniere .h1 {
    max-width: 100%;
    text-transform: uppercase;
}
.content-banniere a{
    transition: 0.5s ease-in-out all;
    display: flex;
    width: fit-content;
    margin-left: auto;
}
.content-banniere a:first-of-type{
    margin-left: 0;
}
.content-banniere a.underline:hover{
    opacity: 0.6;
}

.underline {
    text-decoration: underline;
}

.show-more {
    display: flex;
    width: fit-content;
    margin-left: auto;
    margin-top: 0px;
}
.show-more circle{
    transition: 0.5s ease-in-out all;
}
.show-more:hover circle{
    fill: var(--jaune);
}

.nb-icone {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--module-color);
    font: var(--paragraphe);
    border-radius: 50%;
}

.page-mel .tshirt {
    fill: var(--vert);
}

.grid-formations {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
    margin-top: 60px;
    width: 80%;
}
.grid-formations .actu-item{
    margin-bottom: 0;
}

.actu-picture {
    /*height: 38vw;*/
    height: 31.9vw;

    width: calc(100% + 88px);
    margin-left: -44px;
    margin-top: -40px;
    margin-bottom: 40px;
    object-fit: cover;
    border-radius: 60px 60px 0 0;
}

.groupe-documents {
    padding-top: var(--lt-space);
}

.ressources-et-liens {
    /*padding-left: var(--md-side);*/
    /*padding-right: var(--bg-side);*/
}

.link-base {
    font-size: 16px;
    opacity: 0.6;
    display: block;
    margin-top: 30px;
    font-weight: 500;
}

.les-plus {
    margin-top: 50px;
}

.les-plus li {
    font-weight: 500;
    position: relative;
    padding-left: 80px;
    margin-bottom: 50px;
}

.les-plus li::before {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background-color: white;
    background-image: url("../icons/plus.svg");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: -7px;
}

.container-vision {
    margin-top: var(--lt-space);
    margin-bottom: var(--lt-space);
    position: sticky;
    top: 100px;
    left: 0;
    min-height: calc(100vh - 200px);
}
.container-vision:first-of-type{
    margin-top: var(--md-space);
}

.container-vision:nth-of-type(2) {
    top: 130px;
}

.container-vision:nth-of-type(3) {
    top: 150px;
}

.container-vision:nth-of-type(4) {
    transform: translateY(-50px);
}

.container-vision .txt ul li::before{
    background-color: var(--noir);
}
.contenu-vision {
    position: relative;
    z-index: 100;
    padding: 90px calc(var(--bg-side) - var(--md-side));
    min-height: calc(100vh - 200px);
}

.contenu-vision::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--mauve);
    z-index: -1;
    border-radius: var(--radius);
    transform: rotate(1.873deg);
}

.container-vision:nth-of-type(2) .contenu-vision::after {
    background: var(--jaune);
    transform: rotate(-0.689deg);
}

.container-vision:nth-of-type(3) .contenu-vision::after {
    background: var(--vert);
    transform: rotate(1.366deg);
}

.container-vision:nth-of-type(4) .contenu-vision::after {
    background: var(--rouge);
    transform: rotate(-0.899deg);
}

.container-vision .h1 {
    text-transform: uppercase;
    margin-top: 0;
}

.equipe {
    margin-top: var(--lt-space);
    overflow: hidden;
}

.equipe .row-equipe {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 60px;
    padding-left: var(--md-side);
    padding-right: var(--md-side);
}

.equipe .row-equipe:nth-of-type(2n) {
    grid-template-columns: repeat(5, 1fr);
    padding-left: 0;
    padding-right: 0;
    width: 110%;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: -5%;
}

.equipe .row-equipe > div {
    /*background: var(--jaune);*/
    border-radius: 50%;
    height: 17.2vw;
    width: 17.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.equipe .row-equipe > .img-collab {
    background: transparent;
}

.equipe img {
    width: 100%;
}
.collab-links>a,
.flex-contact-collab>a{
    display: inline-block;
    margin-right: 2px;
}
.upper {
    text-transform: uppercase;
}

.vert,
#collab-modal-1,
.equipe .row-equipe:nth-of-type(1) .collaborateurs-details:nth-of-type(2) {
    background: var(--vert);
}

.mauve,
#collab-modal-2,
.equipe .row-equipe:nth-of-type(1) .collaborateurs-details:nth-of-type(4) {
    background: var(--mauve);
}

.equipe .row-equipe:nth-of-type(3) .collaborateurs-details:nth-of-type(4),
.equipe .row-equipe:nth-of-type(2) .collaborateurs-details:nth-of-type(3) {
    background: var(--rouge);
}

.jaune,
#collab-modal-4,
.equipe .row-equipe:nth-of-type(3) .collaborateurs-details:nth-of-type(2) {
    background: var(--jaune);
}

.collaborateurs-details {
    padding: 50px;
    cursor: pointer;
    transition: 0.5s ease-in-out all;
}
.collaborateurs-details:hover{
    opacity: 0.6;
}

.collaborateurs-details * {
    font: var(--lt-paragraphe);
}

.collaborateurs-details h3 {
    font-weight: 700;
}
.collab-links{
    margin-top: 40px;
}
.sep{
    font-size: 30px;
    margin-bottom: 35px;
    display: block;
    line-height: 10px;
}
.collab-close {
    outline: 0;
    cursor: pointer;
    position: absolute;
    top: 70px;
    right: 100px;
}
.collaborateur-modal{
    background: var(--rouge);
    border-radius: var(--radius);
    padding: 100px 130px;
    width: 60%;
}

.collaborateur-modal .txt li::before{
    background: white;
}
.container-rapport{
    padding-top: var(--md-space);
}
.grid-rapport{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.container-rapport .hidden-rapport {
    display: none;
}
.bt-white{
    background: white;
}
.rapport-svg{
    max-width: 100%;
    height: auto;
}





/********
ARCHIVE ACTUS
 */

#filter-cats{
    display: flex;
}
#filter-cats>li{
    display: flex;
    margin-right: 10px;
}
#filter-cats>li img{
    width: 18px;
    height: 18px;
    object-fit: contain;
    margin-right: 10px;
}
#filter-cats>li:hover{
    background-color: var(--module-color);
}
#filter-cats>li:hover img{
    filter: brightness(0);
    opacity: 0.72;

}
#filter-cats>li.active{
    background: var(--module-color);
}
#filter-cats>li.active img{
    filter: brightness(0);
    opacity: 0.72;
}
.archive-actus{
    margin-top: var(--lt-space);
}
.actus-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px;
}
.actus-grid a{
    margin: 0;
}
.swiper-actus-container{
    /*overflow: hidden;*/
    margin-left: auto;
}
.grid-head-actus>div:nth-of-type(1){
    width: calc(100% - 600px);
    /*margin-right: 8%;*/
}
.grid-head-actus>div:nth-of-type(2){
    width: 600px;
    position: relative;
    margin-right: 50px;
}
.grid-head-actus>div:nth-of-type(2)>svg{
    position: absolute;
    top: 50%;
    right: -100px;
    outline: 0;
    cursor: pointer;
}
.grid-head-actus>div:nth-of-type(2)>svg.swiper-actus-prev{
    right: unset;
    left: -100px;
}
.container-actus{
    margin-top: 40px;
}
.swiper-actus{
    height: 600px;
    width: 600px;
    border-radius: var(--radius);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 80px 110px 80px 80px;
}
.swiper-actus img{
    height: 40px;
    width: 30px;
    margin-bottom: 20px;
}
.swiper-actus>svg{
    position: absolute;
    bottom: 68px;
    right: 40px;
    height: 70px;
    width: 70px;
}
.swiper-actus>svg.bg-swip{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    height: 100%;
    width: 100%;

    display: none;
}
/*.swiper-actus *{*/
/*    position: relative;*/
/*    z-index: 10;*/
/*}*/
.swiper-actus:hover{
    opacity: 1;
}
.grid-head-actus{
    display: flex;
}
.swiper-3d .swiper-slide-shadow{
    display: none;
}
.has-thumb {
    overflow: hidden;
}
.has-thumb *{
    color: white;
    position: relative;
    z-index: 2;
}
.has-thumb img{
    filter: brightness(0) invert(1);
    opacity: 1;
}
.has-thumb::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
    height: 100%;
    width: 100%;
    opacity: 0.6;
    z-index: 1;
}
.has-thumb svg circle{
    fill: var(--module-color);
}
.nav-actus{
    margin-top: 40px;
}
.nav-actus>svg{
    cursor: pointer;
}

/******
SINGLE actus
 */
.go-back{
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0;
}
.go-back circle{
    fill: var(--module-color);
}
.go-back svg{
    margin-right: 20px;
}
.go-back .btn{
    display: flex;
    width: fit-content;
    align-items: center;
    border-radius: 100px;
    padding-top: 14px;
    padding-bottom: 15px;
}
.go-back .btn img{
    width: 18px;
    height: 18px;
    object-fit: contain;
    margin-right: 10px;
}

.txt ol{
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: etape;
}

.txt ol li{
    position: relative;
    counter-increment: etape;
    padding-left: 3.5em;
    line-height: 1.8;
}

.txt ol li::before{
    content: counter(etape) " \2014";
    position: absolute;
    left: 0;
    width: 3em;
    text-align: right;
    font-variant-numeric: tabular-nums;
}
.plusicone{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background-color: white;
    background-image: url("../icons/plus.svg");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
    border-radius: 50%;
    cursor: pointer;
}
.plusicone.is-open{
    background-image: url("../icons/moins.svg");
    /*transition: 0.5s ease-in-out all;*/
}
.accordeon-titre{
    cursor: pointer;
}
.accordeon-txt{
    padding-top: 10px;
}
.bloc .content-avis{
    margin-left: 0;
    width: 100%;
}
.bloc .swiper-avis .quote1{
    left: 150px;
}
.share-article{
    display: flex;
    align-items: center;
}
.share-article span,
.share-article a{
    display: inline-block;
    margin: 0 8px 0 0;
}
.related-article{
    margin-top: var(--md-space);
}
.related-article .actus-grid{
    margin-top: 40px;
}
.presentation-actu{
    display: grid;
    grid-template-columns: 1fr calc(32vw + var(--md-side));
    grid-gap: 40px;
    padding-left: var(--bg-side);
    position: relative;
    padding-top: var(--lt-space);
    margin-top: var(--lt-space);
    /*min-height: calc(650px );*/
    min-height: 32vw;
}
.presentation-actu::before{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 2px;
    width: calc(100% - var(--bg-side));
    z-index: 1;
    background: var(--noir);
}
.presentation-actu svg,
.presentation-actu img{
    max-width: 650px;
    max-height: 650px;
    width: 32vw;
    height: 32vw;
    border-radius: var(--radius);
    transform: rotate(2.886deg);
    position: absolute;
    right: var(--md-side);
    top: -30px;
    z-index: 2;
}
.presentation-actu svg{
    transform: rotate(0);
}

.sommaire ul{
    margin-top: 20px;
}
.sommaire li a{
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}
.sommaire li a .nb-icone{
    height: 38px;
    width: 38px;
    font: var(--lt-paragraphe);
    font-weight: 500;
    margin-right: 10px;
    text-decoration: none;
}
.single-contenu-actu .bloc{
    padding-top: var(--lt-space);
}
.single-contenu-actu .bloc.btn-only{
    padding-top: 20px;
}

/*******
Contact
 */
.container-map-contact{
    position: relative;
}
.map-svg{
    width: 100%;
    height: auto;
}
.contact-container{
    position: absolute;
    display: flex;
    flex-direction: column;
    width: fit-content;
    padding: 90px 250px 90px 110px;
    z-index: 10;
}
.contact-container::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: white;
    z-index: -1;
    border-radius: var(--radius);
    transform: rotate(-2.077deg);
}
.form-contact{
    padding-top: var(--lt-space);
}


.grid-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    margin: 20px 0;
}

.pomform input,
#dl-form input,
.wpcf7-form input {
    width: 100%;
    margin-top: 0;
    color: var(--noir);
    background: #ffffff;
    font-family: 'Satoshi';
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    border: 0;
    border-bottom: 2px solid transparent;
    transition: 0.5s ease-in-out all;
    border-radius: 25px;
    padding: 15px 20px;
}
#dl-form input{
    background: var(--beige);
}
#dl-form label{
    margin-bottom: 0;
}
.vraix__faux,
.flex-check{
    display: flex;
}
.vraix__faux input,
#dl-form .flex-check input{
    width: 20px;
    height: 20px;
    margin-right: 15px;
}

.wpcf7-form input::placeholder {
    color: var(--noir);
    font-family: 'Satoshi';
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
}

.wpcf7-form input:focus {
    border-bottom: 2px solid var(--vert);
}

.wpcf7-form p {
    margin-bottom: 0;
}

.pomform textarea,
.wpcf7-form textarea {
    width: 100%;
    resize: none;
    background: #ffffff;
    border-radius: 25px;
}
.pomform textarea{
    height: 120px;
}
.hidden-form{
    display: none;
}
.wpcf7-not-valid-tip {
    font-size: 14px;
}

.wpcf7-select {
    width: 100%;
    background: #ffffff;
    height: 52px;
    border: 0;

    font-family: 'Satoshi';
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    color: var(--noir);
    padding: 15px;
    border-radius: 25px;
    outline: none;

    margin-top: 5px;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("data:image/svg+xml;utf8,<svg width='26' height='15' viewBox='0 0 26 15' xmlns='http://www.w3.org/2000/svg'><path d='M25 1L13 13L1 1' stroke='%232B2B2B' fill='transparent' stroke-width='2'/></svg>");
    background-repeat: no-repeat;
    background-position: right 16px center; /* position de la flèche */
    background-size: 20px auto;
    padding-right: 50px;
}

.wpcf7-form label {
    font-family: 'Satoshi';
    font-size: 18px;
    line-height: 140%;
    color: var(--noir);
    margin-top: 25px;
    display: block;
    font-weight: 600;
}


.form-submit button,
#dl-form .btn,
.wpcf7-form .wpcf7-submit {
    display: flex;
    width: fit-content;
    margin-left: auto;
    background: var(--vert);
    color: white;
    font-family: 'Satoshi';
    border-radius: 50px;
    margin-top: 20px;
    padding: 18px 30px;
    font-weight: 600;
    font-size: 20px;

    color: var(--noir);
    transition: 0.5s ease-in-out all;
    border: 0px solid transparent;
    /*border: 1px solid var(--noir);*/
}
.form-submit{
    display: flex;
    width: fit-content;
    margin-left: auto;
}
.form-submit button{
    margin-top: 0;

}
.wpcf7-form .wpcf7-submit:focus{
    border: 1px solid var(--noir);

}
.wpcf7-spinner{
    display: none;
}
#dl-form .btn:hover,
.form-submit button:hover,
.wpcf7-form .wpcf7-submit:hover {
    background: white;
    color: var(--noir);
    border: 0px solid transparent;
}
.contain-submit{
    position: relative;
    display: flex;
    width: fit-content;
    margin-left: auto;
}
.contain-submit>p>svg{
    position: absolute;
    right: 23px;
    top: 38px;
    pointer-events: none;
}
.wpcf7-form .contain-submit .wpcf7-submit{
    padding-right: 60px;
}
.form-contact{
    position: relative;
}
.form-contact>svg{
    position: absolute;
    right: calc(-1 * var(--md-side));
    bottom: -40px;
    pointer-events: none;
}
.grid-more-contact{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
    margin-top: var(--md-space);
}
.bubble-more{
    display: block;
    position: relative;
    padding: 90px 180px 90px 120px;
    border-radius: var(--radius);
    transition: 0.5s ease-in-out all;
}
.bubble-more svg{
    position: absolute;
    right: 40px;
    bottom: 40px;
}
.bubble-more svg circle{
    transition: 0.5s ease-in-out all;
}
.bubble-more .h1{
    font-size: 55px;
}
.bubble-more:hover{
    background-color: white;
}
.bubble-more.jaune:hover svg circle{
    fill: var(--jaune);
}
.bubble-more.mauve:hover svg circle{
    fill: var(--mauve);
}

/****
POur mieux vous connaitre
 */
.grid-msg,
.parcours-full.res,
.parcours-full.que{
    display: grid;
    grid-template-columns: 100px 1fr;
    grid-gap: 30px;
    align-items: flex-end;
}
.content-msg{
    border-radius: 60px 60px 60px 0;
    background: white;
    padding: 60px 45px;
}
.parcours-bloc{
    display: flex;
    width: 17.7vw;
    padding: 15px;
    cursor: pointer;
    min-height: 17.7vw;
}
.parcours-niveaux>.parcours-niveau,
.flex-subtype{
    margin: 40px 0;
}
.parcours-niveaux>.parcours-niveau:nth-of-type(1),
.flex-subtype{
    display: grid;
    grid-template-columns: 1fr 100px;
    grid-gap: 30px;
    align-items: flex-end;
}
.isfg-flex,
.parcours-niveau>.parcours-niveau,
.parcours-niveau>[data-niveau="3"],
.flex-niveau{
    display: flex;
    flex-flow: wrap;
    justify-content: flex-end;
}
.parcours-contenu {
    background: white;
    border-radius: 60px 60px 0 60px;
    padding: 60px 45px;
    position: relative;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.parcours-bloc.active .parcours-contenu{
    background: var(--vert);
}
.contact-end{
    display: flex;
    width: fit-content;
    margin: 0 0 20px 0;
}
.contact-end:last-of-type{
    margin-bottom: 0;
}
.start-know{
    margin-top: var(--lt-space);
}


/*****
    eq-quiz
 */
.type-entrepreneur{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 40px;
}
.type-entrepreneur div:first-of-type img{
    height: 400px;
}
.type-entrepreneur img{
    height: 260px;
    object-fit: contain;
    object-position: bottom;
}
.type-entrepreneur>div{
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.modal-quizz{
    width: 75%;
    padding: 0;
    display: none;
}
.modal-quizz.active{
    display: block;
}
.eq-quiz{
    background: #FFFfff;
    box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.10);
    border-radius: var(--radius);
    padding: 90px 200px;
    position: relative;
}
#eq-quiz h2{
    margin-top: 0;
}
.eq-option {
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.2s ease, color 0.2s ease, opacity 0.5s ease-in-out;
    user-select: none;
}

.eq-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.eq-option input[type="radio"]:checked + span,
.eq-option input[type="radio"]:checked {
    background-color: var(--brun); /* vert ou couleur active */
    /*color: #fff;*/
}
.eq-option span {
    display: block;
    padding: 20px 30px;
    background: var(--beige);
    font: var(--lt-paragraphe);
    border-radius: 25px;
    font-weight: bold;
    transition: 0.5s ease-in-out all;
}
.eq-option:hover span{
    background-color: var(--brun);
}
#eq-progress {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px;
    border: none;
    border-radius: 3px;
    background-color: #eee; /* fond neutre */
    overflow: hidden;
}
#eq-quiz>.btn{
    margin-bottom: 30px;
}
#eq-quiz{
    position: relative;
}
#eq-quiz>.close{
    position: absolute;
    right: 60px;
    top: 60px;
    cursor: pointer;
}
.eq-nav>svg{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
}
.eq-prev{
    left: 60px;
}
.eq-next{
    right: 60px;
}
.eq-progressbar{
    position: relative;
    width: 100%;
    height: 4px;
    background: var(--beige);
    border-radius: 9999px;
    overflow: visible;
    margin-top: 40px;
}

.eq-progressbar__fill{
    height: 6px;
    transform: translateY(-1px);
    border-radius: 50px;
    width: 4%;
    background: var(--vert);
    transition: width .35s ease;
}

.eq-prev.is-disabled,
.eq-next.is-disabled {
    opacity: 0;
    pointer-events: none; /* empêche le clic */
}
#eq-result-text{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
}
.eq-result-media img{
    width: 100%;
    height: 333px;
    object-fit: contain;
    object-position: right;
}

.modal-mg{
    width: 80%;
    padding: 0;
}
.mg-popup{
    background: #FFFfff;
    box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.10);
    border-radius: var(--radius);
    padding: 90px 130px;
    position: relative;
    min-height: calc(100vh - 250px);
    overflow: hidden;
}
.mg-close{
    position: absolute;
    top: 60px;
    right: 60px;
    cursor: pointer;
}
.grid-mg{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px 80px;
}
.mg-option{
    background: var(--beige);
    padding: 20px 30px;
    font: var(--lt-paragraphe);
    border-radius: 25px;
    margin-bottom: 9px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.5s ease-in-out all;
}
.mg-option:hover{
    opacity: 0.6;
}
.mg-option[aria-pressed="true"]{
    background: var(--brun);
}
.mg-option.ko{
    background: rgba(255, 121, 112, 0.60);
}
.mg-option.ok{
    background: rgba(177, 214, 90, 0.60);
}
.success-point {
    height: 330px;
    width: 330px;
    border-radius: 50%;
    background: var(--vert);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-left: auto;
    margin-right: 80px;
    padding: 0 50px;
    text-align: center;
}
.success-point span{
    font-size: 96px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.1px;
}
.mg-prev[hidden="hidden"]{
    display: none;
}
.mg-next{
    display: flex;
    width: fit-content;
    margin-left: auto;
}
.mg-dots{
    display: flex;
    width: fit-content;
    border-radius: 26px;
    background: var(--beige);
    margin-bottom: 40px;
    /*padding: 10px 0;*/
}
.mg-dots .mg-dot{
    background: var(--beige);
    position: relative;
    padding: 15px 10px;
    border-radius: 26px;
    z-index: 10;
}

.mg-dots .mg-dot:first-of-type{
    padding-left: 35px;
}
.mg-dots .mg-dot:last-of-type{
    padding-right: 35px;
}
.mg-dots .mg-dot span{
    position: relative;
    display: block;
    height: 100%;
}
.mg-dots .mg-dot.is-active{
    background: var(--rouge);
    padding: 15px 30px;
}
.mg-dots .mg-dot span::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--rouge);
    height: 8px;
    width: 8px;
    border-radius: 50%;
    z-index: -1;
}
.mg-header{
    background: white;
    transform: rotate(2.687deg);
    padding: 70px 130px 100px 130px;
    border-radius: var(--radius);
    position: relative;
    overflow: hidden;
    min-height: 500px;
    margin-top: var(--lt-space);
}
.grid-start-game{
    display: grid;
    grid-template-columns: 1fr 1fr;
    transform: rotate(-2.687deg);
}
.mg-start{
    margin-top: 20px;
}
.grid-start-game .number{
    font-size: 98px;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: 0.4px;
    color: var(--module-color);
    margin-top: -10px;
    display: block;
    margin-bottom: 20px;
}
.svg-little-game{
    position: absolute;
    bottom: -200px;
    height: 555px;
    width: 344px;
    right: 80px;
    transform: rotate(-2.687deg);
}
.mg-svgopt{
    display: none;
    position: absolute;
    height: 320px;
    bottom: 0px;
    right: 0px;
    width: auto;
}
.is-result .mg-svgopt{
    display: block;
}


/****
Animation
 */
/* état initial */
.js-observe {
    opacity: 0;
    transform: translateY(25px) rotate(10deg);
    transform-origin: top left;
    transition:
            transform 800ms cubic-bezier(.2,.65,.2,1),
            opacity 600ms ease-out,
            background-color 500ms ease-in-out;
    will-change: transform, opacity;
}

/* quand visible */
.js-observe.is-inview {
    opacity: 1;
    transform: translateY(0) rotateX(0deg);
}

/* cascade possible via delay custom */
.js-observe {
    transition-delay: var(--delay, 0ms);
}

/* sécurité accessibilité */
@media (prefers-reduced-motion: reduce) {
    .js-observe {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

.fixed-pop-visite{
    position: fixed;
    z-index: 10000;
    bottom: var(--sm-side);
    left: var(--sm-side);
    background: white;
    border-radius: 30px;
    display: grid;
    grid-template-columns: 180px 300px;
    padding: 30px 60px 30px 0;
    transition: 0.5s ease-in-out all;
    overflow: hidden;
    width: 540px;
    height: 150px;
}
.fixed-pop-visite div{
    transition: 0.5s ease-in-out all;
}
.fixed-pop-visite .user-quest{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 125px;
    transition: 0.5s ease-in-out all;
}
.question-visite{
    font: var(--lt-paragraphe);
}
.btn-with-who{
    display: flex;
}
.btn-with-who .btn{
    padding: 7px 15px;
    font-size: 14px;
}
.btn-with-who .btn:first-of-type{
    margin-right: 5px;
}
.svg-close{
    position: absolute;
    top: 13px;
    right: 28px;
    cursor: pointer;
}
.fixed-pop-visite.isclose{
    /*left: 0;*/
    width: 90px;
    height: 90px;
    cursor: pointer;
    border-radius: 500px;
}
.fixed-pop-visite.isclose>div:nth-of-type(2){
    opacity: 0;
}
.fixed-pop-visite.isclose .svg-close{
    opacity: 0;
}
.fixed-pop-visite.isclose .user-quest{
    left: -32px;
    height: 80px;
}


/*******
SCROLLED MENU
 */
.menu-toggle{
    display: none;
}
#main-menu-container{
    pointer-events: all;
    display: flex;
    flex-direction: row-reverse;
}
.search-form-pom{
    /*margin-right: 20px;*/
}
.search-form-pom form label{
    display: flex;
    margin-bottom: 0;
    align-items: flex-end;
}
.search-form{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;

}
.search-form-pom input{
    width: 120px;
    font: var(--lt-paragraphe);
    -webkit-appearance: textfield;
    border: 0;
    outline: 0;
}
.search-form-pom input::placeholder{
    font: var(--lt-paragraphe);
}
.svg-search{
    margin-bottom: 4px;
    margin-right: 8px;
}
.search-field{
    margin-top: 0;
    padding: 0;
    background: transparent;
}

.search-section .search-form{
    justify-content: flex-start;
    background: white;
    width: 400px;
    border-radius: 40px;
    height: auto;
}
.search-section .search-form label{
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 30px;
    margin-bottom: 0;
}
.search-section .search-form label input{
    padding: 20px 30px 20px 0;
    border: 0;
}
.scrolled .menu-toggle {
    display: inline-flex;
    align-items: center;
    pointer-events: all;
}
.scrolled #main-menu-container {
    /*clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);*/
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);

    transition: 0.5s ease-in-out all;
    padding-right: 75px;
    /*display: block;*/
    position: absolute;
    right: calc(var(--sm-side) + 0px);
    /*top: 100%;*/
    /*left: 0;*/
    /*right: 0;*/
    /*background: #fff;*/
    /*height: calc(100vh - 200px);*/
    pointer-events: none;
}

.menu-toggle{
    background: white;
    height: 67px;
    width: 67px;
    border-radius: 500px;
    padding: 5px 20px;
    position: fixed;
    right: var(--sm-side);
    top: 22px;
    z-index: 10000;
}
#close-bar1, #close-bar2, #close-bar3{
    background: black;
    height: 2px;
    border-radius: 50px;
}
.toggled #main-menu-container {
    padding-bottom: 300px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    pointer-events: all;
}
.avis-lien{
    margin-top: 30px;
}
.avis-lien a{
    font-size: 16px;
    opacity: 0.6;
    display: flex;
    align-items: center;
}
.avis-lien a svg{
    margin-right: 5px;
}
#cookieNotice{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10002;
    background: #DAD5CA;
    padding: 15px var(--sm-side);
    display: flex;
    align-items: center;
}
#cookieNotice p,
#cookieNotice a{
    font: var(--lt-paragraphe);
    margin: 0;
}
#cookieNotice .btn{
    margin-left: auto;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
}

.search-page{
    margin-top: 40px;
}
.search-card{
    padding: 40px 80px 40px 50px;
    background: white;
    display: block;
    border-radius: 40px;
    position: relative;
    margin-bottom: 20px;
    transition: 0.5s ease-in-out all;
}
.search-card>p{
    margin-bottom: 5px;
}
.search-card h3{
    margin-bottom: 0;
}
.search-card:hover{
    /*opacity: 0.5;*/
    background-color: var(--vert);
}
.search-card>svg{
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
}
.search-card>svg circle{
    transition: 0.5s ease-in-out all;
}
.search-card:hover>svg circle{
    fill: var(--jaune);
}


/****
FORMULAIRE CREAPOLE
 */
.fichier label,
/*.date label,*/
.tel label,
.e-mail label,
.ligne_de_texte label,
.nom_prenom label{
    display: none;
}
.form-group{
    margin:  0 0 20px 0;
}
.cases_a_cocher .form-group.vraix__faux label{
    margin: 0;
}
.cases_a_cocher .form-group.vraix__faux{
    margin-bottom: 5px;
}
.separateur{
    height: 1px;
    width: 100%;
    background: var(--brun);
}
.contain-select {
    position: relative;
}
form label{
    margin-bottom: 10px;
}
select{
    background: white;
    padding: 15px 40px 15px 20px;
    /* border: 0; */
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    outline: 0;
    font: var(--paragraphe);
    color: var(--noir);
    height: 58px;
    transition: 0.5s ease-in-out all;
    border: 1px solid transparent;
    border-radius: 25px;
}
.contain-select::after{
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 14px;
    height: 8px;
    pointer-events: none;
    transform: translateY(-50%);
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 1L7 7L0.999999 1" stroke="%23004FB5"/></svg>');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-color: var(--noir);
}
.vraix__faux label::before {
    content: "";
    width: 28px;
    height: 28px;
    background-color: #ffffff;
    margin-right: 10px;
    display: inline-block;
}
.vraix__faux input[type="checkbox"]:checked + label::before, .vraix__faux input[type="radio"]:checked + label::before {
    background-color: var(--noir);
}
.vraix__faux input[type="radio"], .vraix__faux input[type="checkbox"]{
    display: none;
}
.pomform input[type="checkbox"] {
    background: none;
    border: none;
    appearance: auto;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
}
.vraix__faux>label{
    display: flex;
    align-items: center;
}
.scroll-avis{
    display: none;
}

.select-genre{
    width: 100%;
}
.grid-inscription-news{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    /*grid-gap: 15px;*/
    margin: 15px 0;
}
.grid-inscription-news>div:first-of-type{
    position: relative;
}
.grid-inscription-news>div:first-of-type input{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.grid-inscription-news>div:nth-of-type(2) input{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.grid-inscription-news>div:first-of-type::after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    height: 25px;
    width: 1px;
    background: var(--noir);
    opacity: 0.6;
    z-index: 10;
}
.email-news-register{
    width: 100%;
}
.abo-news{
    margin-top: 20px;
    display: flex;
    color: var(--noir);
    width: fit-content;
}
.abo-news>svg{
    margin-left: 12px;
    margin-top: -5px;
}
.abo-news.btn:not(.nohover):hover{
    background: var(--vert);
    color: var(--noir);
    opacity: 0.6;
}
#in-modal .grid-inscription{
    display: block;
}
#in-modal .grid-inscription>div:last-of-type{
    display: none;
}
.in-modal__dialog{
    background: var(--beige);
}
.titre__slider + .titre__texte{
    padding-top: 40px;
}
.sticky-mobile-hand{
    /*position: sticky;*/
    /*left: 0;*/
    /*top: 100px;*/
}
.related-article h2 .lower{
    text-transform: lowercase;
    font: var(--title2);
}
.grecaptcha-badge{
    display: none!important;
}

.pagination{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin: 40px 0 0 0;
}
.pagination button{
    background-color: transparent;
    font: var(--lt-paragraphe);
    color: var(--noir);
    /*margin-left: 20px;*/
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.pagination button.is-active{
    background-color: white;
}
.ancre-bef{
    position: relative;
    top: -60px;
}
.container-forma{
    position: relative;
    z-index: 11;
    padding: 100px calc(var(--bg-side) - var(--md-side));
    display: grid;
    grid-template-columns: 1fr 400px;
    grid-gap: 50px;
}
.container-forma::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--module-color);
    border-radius: var(--radius);
    z-index: -1;
    transform: rotate(-1deg);

}
.container-forma img{
    height: 390px;
    width: 390px;
    object-fit: cover;
    border-radius: 50%;
}
.grid-galerie{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}
.grid-galerie img{
    border-radius: 40px;
    object-fit: cover;
    width: 100%;
    height: 22.3vw;
}
.iv-fullscreen{
    z-index: 10002;
}
.swiper-gal{
    overflow: hidden;
    border-radius: 60px;
}
.white-bg-gal{
    position: relative;
}
.white-bg-gal::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: white;
    transform: rotate(-2.726deg);
    border-radius: 60px;
}
.container-img-alone img,
.swiper-gal img{
    width: 100%;
    height: 38vw;
    border-radius: 60px;
}
.container-swip-gal{
    position: relative;
}
.container-swip-gal .swiper-button-prev{
    position: absolute;
    left: -20px;
    top: 55%;
    transform: translate(0, -50%);
}
.container-swip-gal .swiper-button-next{
    position: absolute;
    right: -20px;
    top: 55%;
    transform: translate(0, -50%);
}
.contain-swip-gal{
    padding: 0px calc(var(--bg-side) - var(--md-side));
}