:root{
    --primary-color: #0C0C0C;
    --secondary-color: #E2A8FF;
    --light-color: #ECECEC;
}
h1,h2{
    letter-spacing: -0.05em;
}
h3{
    letter-spacing: -0.03em;
}
p{
    letter-spacing: -0.02em;
}
@media (min-width: 1400px) {
    .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        max-width: 1300px;
    }
    .site-header-inner{
        max-width: 1300px;
        width: 1300px;
        display: flex;
    }
}
#site-header{
    max-width: inherit;
    background: none;
    justify-content: center;
    padding: 48px 0;
}
.site-header-inner{
    background: var(--primary-color);
    padding: 5px 20px;
    border-radius: 30px;
    justify-content: space-between;
    flex-wrap: wrap;
    display: flex;
}
.site-header-inner a.custom-logo-link{
    line-height: 0;
}
.menu-toggle{
    background: url("../img/burger.svg");
    width: 44px;
    height: 44px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
.menu-toggle.close{
    background: url("../img/close.svg");
    position: relative;
    z-index: 1;
}
.site-navigation-overlay{
    width: 100%;
    height: 0;
    overflow: hidden;
}
/*.site-navigation-overlay-inner{
    padding: 60px 15px 30px;
    height: calc(100vh - 100px);
    overflow: auto;
}*/


.site-navigation-overlay-inner {
    padding: 60px 15px 30px;
    height: calc(100vh - 100px);
    overflow: auto;

    /* Couleur de fond */
    scrollbar-color: #333 #0c0c0c; /* Firefox */
    scrollbar-width: thin; /* Firefox */
}

/* Chrome, Edge, Safari */
.site-navigation-overlay-inner::-webkit-scrollbar {
    width: 5px;
}

.site-navigation-overlay-inner::-webkit-scrollbar-track {
    background: #0c0c0c;
    border-radius: 10px;
}

.site-navigation-overlay-inner::-webkit-scrollbar-thumb {
    background: #0c0c0c;
    border-radius: 10px;
}

.site-navigation-overlay-inner::-webkit-scrollbar-thumb:hover {
    background: #0c0c0c;
}



.goformContainer{
    text-align: right;
    margin-bottom: 10px;
}
.btn-primary,div.btn-primary a{
    background: var(--secondary-color);
    color: #141414;
    border-radius: 25px;
    padding: 16px 38px;
    font-size: 16px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    text-align: center;
    transition: all 0.3s;
}
.btn-primary:hover,div.btn-primary a:hover{
    background: #ca97e2;
    transition: all 0.3s;
}
div.btn-primary{
    padding: 0;
    display: flex;
    justify-content: center;
}
.btn-primary .elementor-button-content-wrapper{
    align-items: center;
}
.btn-primary svg{
    margin-left: 15px;
}
.btn-primary a{
    background: none !important;
    padding: 0;
    color: #141414 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-align: center;
    transition: all 1.2s;
}
.btn-primary a svg{
    width: auto;
}
.btn-secondary a{
    background: none !important;
    color: #ECECEC;
    border-radius: 25px;
    padding: 16px 38px;
    font-size: 16px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    border: 1px solid #ECECEC;
    transition: all 0.3s;
}
.btn-secondary a:hover{
    border: 1px solid var(--secondary-color);
    background: var(--secondary-color) !important;
    transition: all 0.3s;
}
.flexbox{
    display: flex;
}
.overlay-content{
    align-items: flex-end;
    justify-content: space-between;
}
#menu-main-menu > li > a{
    color: var(--light-color);
    font-size: 18px;
    transition: all 0.3s;
    border-radius: 20px;
    padding: 2px 15px;
}
#menu-main-menu > li.current-menu-item > a{
    background: #ECECEC;
    color: #0C0C0C;
}
#menu-main-menu > li > a:hover{
    color: #fff;
    transition: all 0.3s;
    background: #333;
}
#menu-main-menu > #menu-item-31 > a{
    color: #929292;
    padding-right: 0;
}
#menu-main-menu > #menu-item-31 > a:hover{
    background: none;
}
.site-navigation ul.menu li.menu-item-has-children:after{
    content: url("../img/down.svg") !important;
    line-height: 14px;
    margin-left: 5px;
    margin-top: -4px;
}
.site-navigation ul.menu li ul{
    min-width: 82px !important;
    margin-left: 5px;
}
.site-navigation ul.menu li ul a{
    color: var(--secondary-color);
}
.site-navigation ul.menu li ul a:hover{
    color: var(--primary-color);
}
#header-sub-menu {
    padding: 0;
    list-style: none;
}
#header-sub-menu li{
    margin-bottom: 30px;
}
#header-sub-menu li a .iconC{
    border-radius: 10px;
    margin-right: 20px;
    max-height: 100px;
    overflow: hidden;
    width: 166px;
}
#header-sub-menu li img{
    max-height: 100%;
}
#header-sub-menu li a{
    color: #B8B8B8;
    font-size: 50px;
    display: flex;
    align-items: center;
}
#header-sub-menu li a:hover .iconC{
    width: 180px;
    transition: all 0.3s;
}
#header-sub-menu li a:hover .iconC img{
    transform: scale(1.1);
    transition: all 0.3s;
}
/*#header-sub-menu li a .iconC img.hovered{
    display: none;
}
#header-sub-menu li a:hover .iconC img.menu-icon{
    display: none;
}
#header-sub-menu li a:hover .iconC img.hovered{
    display: block;
}*/
#header-sub-menu li a:hover{
    color: #fff;
}
.overlay-infos-menu{
    margin-top: 50px;
}
.overlay-infos-menu-item{
    margin-top: 15px;
}
.overlay-infos-menu-item label,.overlay-infos-menu label{
    display: block;
    color: #4D4D4D;
    font-size: 16px;
    margin-bottom: 5px;
}
.overlay-infos-menu-item a,.overlay-infos-menu a{
    color: #fff;
    font-size: 16px;
    display: block;
}
.overlay-infos-menu-item a:hover,.overlay-infos-menu-item a:hover,.overlay-infos-menu a:hover{
    color: var(--secondary-color);
}
#menu-main-menu #menu-item-31 > ul.sub-menu {
    background: #0C0C0C;
    border-radius: 0 0 26px 26px;
}
#menu-item-31 ul.sub-menu li {
    border: none;
    justify-content: center;
}
#menu-item-31 ul.sub-menu li a {
    color: #929292;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
    border-radius: 18px;
    padding: 7px;
    width: 62px;
    display: flex;
    justify-content: center;
}
#menu-item-31 ul.sub-menu li a:hover {
    font-size: 18px;
    line-height: 24px;
    background: #262626;
}
footer {
    padding: 50px 0 20px;
}
footer *{
    letter-spacing: -0.03em;
}
footer p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
}
footer .faq-foot {
    color: #C3C3C3;
}
footer a {
    color: #0C0C0C;
    font-size: 16px;
    font-weight: 400;
}
footer a:hover {
    color: #C3C3C3;
}
.elementor-42 .elementor-element.elementor-element-084a03e {
    --display: block !important;
}
#site-header.site-header{
    position: fixed;
    z-index: 99;
    width: 100%;
}
.titleBann h1 {
    font-size: 90px;
    font-weight: 600;
    line-height: 100px;
}
.page-header h1.entry-title {
    display: none;
}
.mauve{
    color: var(--secondary-color);
}
.section-title h2.elementor-heading-title{
    font-size: 90px;
    color: var(--primary-color);
    letter-spacing: -5px;
    line-height: 1.2;
}
.bgbc{
    background: var(--primary-color);
    color: #fff;
    padding: 0 20px 0 20px;
}
.bgbc.large{
    padding-right: 80px;
    padding-left: 20px;
    margin-left: 75px;
}
.nuencec{
    background: linear-gradient(90deg, #F4A6D7 0%, #A2C9FF 68%, #B9FFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.elementor-element-aafbf5a .e-con.elementor-sticky--active{
    z-index: inherit !important;
}
@keyframes changeColors {
    0%, 25% {
        background-color: #0C0C0C;
    }
    33.33%, 58.33% {
        background-color: #ECECEC;
    }
    66.66%, 91.66% {
        background-color: #fff;
    }
    100% {
        background-color: #0C0C0C;
    }
}
.changecolor{
    animation: changeColors 18s infinite;
}
.home .changecolor .elementor-element-5d448b0 {
    position: relative !important;
    z-index: 1 !important;
}
.changecolor h3{
    animation: changetext 18s infinite;
}
.changecolor p{
    animation: changetext 18s infinite;
}
.changecolor #slider-logo.clients-slider {
    animation: changeColors 18s infinite;
}
@keyframes changebgColors {
    0%, 33.32%{
        background-color: #6F80FF;
    }
    33.33%, 66.66%{
        background-color: #000;
    }
    66.67%, 98.66%{
        background-color: #000;
    }
    100% {
        background-color: #6F80FF;
    }
}
@keyframes changetext {
    0%, 25%{
        color: #ECECEC;
    }
    33.33%, 58.33% {
        color: #0C0C0C;
    }
    66.66%, 91.66% {
        color: #0C0C0C;
    }
    100% {
        color: #ECECEC;
    }
}
@keyframes changebgImage {
    0%, 25%{
        background: url("https://www.iro.apercu.dev/wp-content/uploads/2025/09/img-bann-2.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom center;
    }
    33.33%, 58.33% {
        background: url("https://www.iro.apercu.dev/wp-content/uploads/2025/09/img-bann-1.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom center;
    }
    66.66%, 91.66% {
        background: url("https://www.iro.apercu.dev/wp-content/uploads/2025/09/img-bann-1.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom center;
    }
    100% {
        background: url("https://www.iro.apercu.dev/wp-content/uploads/2025/09/img-bann-2.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom center;
    }
}
@keyframes changebtn {
    0%, 25%{
        border-color: #ECECEC;
        color: #ECECEC;
    }
    33.33%, 58.33% {
        border-color: #0C0C0C;
        color: #0C0C0C;
    }
    66.66%, 91.66% {
        border-color: #0C0C0C;
        color: #0C0C0C;
    }
    100% {
        border-color: #ECECEC;
        color: #ECECEC;
    }
}
@keyframes changespan {
    0%, 25%{
        color: #E2A8FF;
    }
    33.33%, 58.33% {
        color: #6F80FF;
    }
    66.66%, 91.66% {
        color: #6F80FF;
    }
    100% {
        color: #E2A8FF;
    }
}
.changecolor h1, .changecolor h2{
    animation: changetext 18s infinite;
}
.changecolor .logos-slide img {
    animation: changebgColors 18s infinite;
}
.changecolor .elementor-invisible {
    visibility: visible !important;
}
#slider-logo .logos-slide img {
    border-radius: 50% 50% 0 0;
    max-width: 236px;
    min-height: 238px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.changecolor .btn-secondary a {
    animation: changebtn 18s infinite;
}
.changecolor h1 .mauve{
    animation: changespan 18s infinite;
}
.changecolor #image-animated {
    animation: changebgImage 18s infinite;
}
#image-animated img {
    opacity: 1;
}
.elementor-widget-loop-carousel .elementor-loop-container.offset-right{
    padding-inline-end: 30% !important;
}
#temoignage-content{
    overflow-x: hidden;
}
#temoignageC .elementor-loop-container{
    overflow: visible;
}
.type-temoignage{
    visibility: hidden;
}
.type-temoignage.swiper-slide-active , .type-temoignage.swiper-slide-active + div{
    visibility: visible;
}
.temoi-item-cont {
    padding: 0 15% !important;
    min-height: 180px;
}
.temoi-item-cont ul{
    list-style: none;
}
.temoi-item-cont ul li{
    display: block !important;
}
.temoi-item-cont ul li span{
    padding: 0 !important;
}
#objectifsList{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
#objectifsList li{
    /*display: inline-block;*/
    background: #ECECEC;
    padding: 4px 10px;
    border-radius: 15px;
    font-weight: 500;
    font-size: 18px;
}
.imageB.elementor-widget-image img{
    height: 100vh;
    object-fit: cover;
    overflow: visible;
}


/* Page Contact */
.wpcf7-form {
    max-width: 800px;
    color: #0C0C0C;
    font-weight: 500;
}

.wpcf7-form h2 {
    font-size: 2rem;
    line-height: 1.4;
    margin-bottom: 30px;
}
.form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    padding: 12px 12px 12px 0;
    border: none;
    color: #0C0C0C !important;
    font-size: 16px;
    border-color: transparent;
    background: transparent;
    outline: none;
}
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="text"]:active,
.wpcf7-form input[type="email"]:active,
.wpcf7-form input[type="tel"]:active {
    border-color: transparent;
    background: #ECECEC;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    padding: 12px 12px 12px 0;
    border: none;
    color: #0C0C0C !important;
    font-size: 16px;
    border-color: transparent;
    background: transparent;
    outline: none;
}
input:-internal-autofill-selected {
    background-color: transparent !important;
}

.wpcf7-form textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: #ECECEC;
}
.upload-btn input[type="file"] {
    display: none;
}
.sources {
    margin: 48px 0 10px;
    font-size: 15px;
}
.tags .wpcf7-list-item-label {
    display: inline-block;
    background: #ECECEC;
    padding: 8px 16px;
    border-radius: 26px;
    color: #0C0C0C;
    margin-right: 10px;
    cursor: pointer;
    transition: 0.3s;
    margin-bottom: 5px;
}
.tags .wpcf7-list-item-label:hover {
    cursor: pointer;
    background: #E2A8FF;
}
.wpcf7-list-item {
    display: inline-block;
    margin: 0;
}
.wpcf7-list-item input[type="checkbox"] {
    display: none;
}
.tags input[type="checkbox"]:checked + .wpcf7-list-item-label {
    background: #E2A8FF;
    color: #0C0C0C;
}
.btn-flex input[type="submit"] {
    background: #E2A8FF;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #0C0C0C;
    border-radius: 26px;
    width: 186px;
    height: 48px;
    border: none;
}
#contactForm-page .btn-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 48px;
}
.btn-flex input[type="submit"]:hover {
   background: #ca97e2;
}
.footer-note {
    margin: 0;
    font-size: 18px;
    max-width: 310px;
    font-weight: normal;
    color: #000;
}
@media (min-width: 992px) {
    #contactForm-page .btn-flex p {
        flex: 50%;
        width: 50%;
    }
    .footer-note {
        text-align: right;
    }
    .page-id-840 .bgbc.center {
        margin-left: 11%;
        width: fit-content;
        text-align: right;
        padding: 10px 8% 10px 3%;
    }
}
.footer-note br {
    display: none;
}
.form-row.full-width {
    flex-direction: column;
    margin-bottom: 0;
}
.form-row.full-width label {
    width: 100%
}
.upload-container {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}
.upload-container > p {
    flex: 1 1 calc(40% - 15px);
    max-width: 100%;
    margin-bottom: 0;
}
.inp-file {
    position: relative;
}
.upload-container .inp-file > p {
    margin-bottom: 0;
}
.file-input {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}
.btn-upload {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    color: #0C0C0C;
    background: #ECECEC;
    border-radius: 26px;
    cursor: pointer;
    margin-top: -20px;
}
.btn-upload:hover {
    background: #E2A8FF;
    color: #0C0C0C;
}
.files-name {
    max-width: calc(60% - 15px);
    margin-top: 0;
    flex-wrap: wrap;
    align-items: center;
}
.file-item {
    flex: 1 1 calc(40% - 15px);
    max-width: 100%;
    padding: 10px;
    margin-top: 10px;
    margin-left: 10px;
    color: #0C0C0C;
    background: #E2A8FF;
    border-radius: 26px;
    font-size: 14px;
    display: flex;
    justify-content: space-evenly;
}
.file-item:before {
    content: "📎 ";
    margin-right: 5px;
}
.btn-upload .btn-arrow {
    display: flex;
    margin-left: 10px;
}
.bgbc.center {
    margin-top: 20px;
}
.bgbc.full-width {
    display: flex;
    padding: 7px 15px;
    width: 100%;
    justify-content: flex-start;
}
.title-spanM {
    color: #6F80FF;
}
.texte-meth {
    max-width: 588px;
}
.guide-object {
    padding-top: 10px;
    position: relative;
}
.guide-object .object-title:after {
    content: " ";
    position: absolute;
    top: -20px;
    left: 0;
    background: #ECECEC;
    width: 100%;
    height: 2px;
}

.guide-object::after {
    content: " ";
    position: absolute;
    top: -10px;
    left: 10px;
    background: #0C0C0C;
    height: 2px;
    width: 0%;
}

.guide-object.step-1.animating::after,
.guide-object.step-2.animating::after,
.guide-object.step-3.animating::after {
    animation: progressWidth 5s linear forwards;
}

@keyframes progressWidth {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}

/*.guide-object:first-child:after {
    content: " ";
    position: absolute;
    top: -10px;
    left: 10px;
    background: #0C0C0C;
    width: 60%;
    height: 2px;
}*/
.object-title h3 {
    color: #0C0C0C;
}
.title-spanG {
    color: #50DF95;
}
.center {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.image-w-bg {
    border-bottom: 2px solid #0C0C0C;
}
.image-w-bg img {
    width: 100px;
}
.image-w-bg > .elementor-widget-image {
    background: #ECECEC;
    padding: 54px 26px 32px;
    width: 100%;
    border-radius: 50% 50% 0 0;
}
.content-w-border > .e-con-inner {
    border-top: 1px solid #0C0C0C;
    /*border-bottom: 1px solid #0C0C0C;*/
}
.content-w-border:last-child > .e-con-inner {
    border-bottom: 1px solid #0C0C0C;
}
.image-methode {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.image-methode img {
    max-width: 326px;
    max-height: 314px;
    object-fit: contain;
}
.title-in-width h2 {
    max-width: 1154px;
    line-height: 1.2;
}
.title-in-width h2 .title-spanM {
    margin-left: 24px;
}
.right {
    display: inline-block;
    width: 100%;
    text-align: right;
}
.bg-animateC .swiper-slide {
    margin: 0 20px;
    border-radius: 50% 50% 0 0;
    max-width: 236px;
    min-height: 238px;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* slider Client */

#slider-logo.clients-slider {
    max-width: 100%;
    overflow: hidden;
    padding: 40px 0;
    background: #f9f9f9;
    text-align: center;
}
#slider-logo .logos {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 46px;
}
#slider-logo .logos-slide {
    display: flex;
    width: max-content;
    animation: scroll-left 20s linear infinite;
}
#slider-logo .logos-slide.reverse {
    animation: scroll-right 20s linear infinite;
}
#slider-logo .logos-slide img {
    height: auto;
    margin: 0 30px;
    object-fit: contain;
}

@keyframes scroll-left {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

@keyframes scroll-right {
    from { transform: translateX(-50%); }
    to   { transform: translateX(0); }
}




/* Responsive */
@media (max-width: 768px) {
    .form-row {
        flex-direction: column;
    }
}


.temoignages-wrapper {

}

.temoignages-title {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 20px;
}

.temoignages-quote,
.temoignages-quote-end {
    font-size: 80px;
    font-weight: bold;
    line-height: 0.5;
}

.temoignages-quote {
    margin-bottom: 70px;
}

.temoignages-quote-end {
    text-align: right;
    margin-top: 70px;
}

.temoignages-accordeon {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.temoignage-item {
    margin: 10px 0;
    padding: 0 8%;
}

.temoignage-header {
    cursor: pointer;
    padding: 15px 0;
    transition: opacity 0.3s;
}

.temoignage-header:hover {
    opacity: 0.7;
}

.temoignage-nom {
    font-weight: 400;
    font-size: 20px;
    color: #0C0C0C;
}

.temoignage-profession {
    font-size: 20px;
    color: #0C0C0C;
}

.temoignage-content {
    padding: 0 0 20px;
    animation: slideDown 0.3s ease-out;
}

.temoignage-content.active {
    display: block !important;
}

.temoignage-text {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 400;
}

.temoignage-separator {
    border: none;
    border-top: 1px solid #000;
    margin: 0;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.timeline-step {
    position: relative;
    width: 38px;
    height: 46px;
    border-radius: 46%;
    background: #0C0C0C;
    color: #ECECEC;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.timeline-step::before {
    content: attr(data-step);
    font-size: 16px;
}
.number-chrono {
    position: relative;
}
.number-chrono::after {
    content: "";
    background: #0C0C0C;
    position: absolute;
    width: 2px;
    top: 68px;
    left: 50%;
    transition: height 0.3s ease-out;
}

/* Classes pour l'animation */
.number-chrono.animate-progress.step-1::after,
.number-chrono.animate-progress.step-2::after,
.number-chrono.animate-progress.step-3::after {
    animation: progressGrow 1.5s ease-out forwards;
}

@keyframes progressGrow {
    from {
        height: 0%;
    }
    to {
        height: 100%;
    }
}

.number-chrono > .elementor-widget {
    height: 100%;
}
.number-chrono > .elementor-widget::after {
    content: "";
    background: #ECECEC;
    position: absolute;
    width: 2px;
    height: 98%;
    top: 68px;
    left: 50%;
}
/*.number-chrono.step-1::after {
    height: 98%;
}
.number-chrono.step-2::after {
    height: 48%;
}*/
.timeline > .e-con-inner {
    margin-bottom: 4% !important;
    padding: 0;
}
.descript-w-bg {
    height: fit-content !important;
}
.btn-center a {
    padding: 16px 38px;
    font-size: 16px;
}
h2.titleE ,h1.titleE {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 54px;
}
.title-spanT {
    color: #FF7C57;
}

/* slider talent */
.equipe-slider button.prev {
    display: none;
}
.equipe-slider {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.slides-wrapper {
    overflow: hidden;
    width: 100%;
    padding: 0 ; /* permet de voir 0.5 slide à gauche et à droite */
    box-sizing: border-box;
}

.slides-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    will-change: transform;
}
.slide {
    flex: 0 0 20%;
    box-sizing: border-box;
}
.legend h3 {
    font-size: 34px;
    font-weight: 500;
    color: #0C0C0C;
    margin-bottom: 5px;
    min-height: 82px;
}
.legend p {
    font-size: 16px;
    font-weight: 400;
    color: #0C0C0C;
}
.image-with-hover {
    position: relative;
    width: 394px;
    height: 500px;
    border-radius: 42px;
    overflow: hidden;
}
.image-with-hover .photo {
    width: 100%;
    height: 100%;
    padding: 30px 20px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.image-with-hover .photo img {
    height: 471px;
    max-width: 100%;
    /*aspect-ratio: 160 / 229;*/
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 96%;
    transition: opacity 0.3s, transform 0.3s, -webkit-mask-size 0.3s;
}
.slide .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(40px);
    background: rgba(0,0,0,0.4);
    color: #fff;
    padding: 10px 32px;
    opacity: 0;
    transition: opacity 0.3s, transform 0.8s;
    width: 100%;
}
.slide .overlay h3 {
    font-size: 22px;
    font-weight: 500;
    color: #ECECEC;
    margin-bottom: 5px;
}
.slide .overlay p {
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    color: #ECECEC;
}
.image-with-hover:hover {
    cursor: pointer;
}
.image-with-hover:hover .overlay {
    opacity: 1;
    z-index: 2;
    transform: translateY(0);
    transition: opacity 0.3s, transform 0.8s;
}
.image-with-hover:hover .photo {
    background: none;
    transition: background 1.2s;
}
.image-with-hover:hover .photo img {
    transform: scale(1.12);
    border-radius: 0;
    height: auto;
    width: 100%;
    -webkit-mask-size: 174%;
    transition: opacity 0.3s, transform 0.8s, -webkit-mask-size 1.2s;
}
.equipe-slider .next {
    position: absolute;
    bottom: -24%;
    right: 50px;
    padding: 0;
    cursor: pointer;
    z-index: 10;
    outline: none;
    background: none;
    border: none;
    border-radius: 30px;
}
/*#equipeContainer img{
    transform: scale(1);
    transition: all 0.3s;
    transform-origin: center 10%;
}
#equipeContainer:hover img{
    transform: scale(1.5);
    transition: all 0.3s;
}*/
.page-id-1395 .imageW-hover {
    max-width: 100%;
    /*overflow: hidden;*/
    position: relative;
    cursor: pointer;
    border-radius: 50px;
    overflow-y: clip;
}
.page-id-1395 .imageW-hover .widget-image-caption {
    position: absolute;
    bottom: 10%;
    right: 6%;
}
#projetsAccueil .elementor-widget-container .elementor-loop-container{
    display: flex;
    flex-wrap: wrap;
}
#projetsAccueil .elementor-widget-container .elementor-loop-container .type-projet{
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}
#projetsAccueil .elementor-widget-container .elementor-loop-container:has(.type-projet:nth-child(2n+5):last-child) .type-projet:nth-child(2n+4),
#projetsAccueil .elementor-widget-container .elementor-loop-container:has(.type-projet:nth-child(2n+5):last-child) .type-projet:nth-child(2n+5){
    flex: 0 0 50%;
    max-width: 50%;
}
#projetsAccueil .elementor-widget-container .elementor-loop-container:has(.type-projet:nth-child(2n+4):last-child) .type-projet,
#projetsAccueil .elementor-widget-container .elementor-loop-container:has(.type-projet:nth-child(2n+2):last-child) .type-projet{
    flex: 0 0 50%;
    max-width: 50%;
}
#projetsAccueil .elementor-widget-container .elementor-loop-container .elementor-widget-image img{
    width: 100%;
    object-fit: cover;
}
.swiper-slide.video-active .text_video {
    display: none;
}
.carousel-video-equip .elementor-swiper-button-next {
    bottom: -102px;
    right: 0 !important;
    left: inherit !important;
    top: inherit !important;
    width: 112px;
    height: 50px;
}
.carousel-video-equip .elementor-swiper-button-prev {
    display: none !important;
}
.carousel-video-equip .elementor-swiper-button-next svg {
    width: 100% !important;
    height: 100% !important;
}
/* Adapter les slides pour 1.5 visibles
.carousel-video-equip .swiper-wrapper .swiper-slide {
    width: 66.666% !important;
} */
.equipeVideo .elementor-custom-embed-image-overlay{
    background-size: 100% !important;
    transition: all 0.3s;
}

.equipeVideo .elementor-custom-embed-image-overlay img{
    transform: scale(1);
    transition: all 0.3s;
}

.video_equipe_slide:hover .equipeVideo .elementor-custom-embed-image-overlay{
    background-size: 110% !important;
    transition: all 0.3s;
}

.video_equipe_slide:hover .equipeVideo .elementor-custom-embed-image-overlay img{
    transform: scale(1.1);
    transition: all 0.3s;
}
#rencontre{
    overflow-x: hidden;
}
#rencontre .elementor-swiper-button-next{
    right: 10%;
}

.video_equipe_slide:hover .elementor-custom-embed-play{
    display: none;
    transition: all 0.3s;
}
.elementor-widget-video .elementor-custom-embed-image-overlay img,
.elementor-widget-video .elementor-custom-embed-image-overlay,
.projetVideo .e-hosted-video,
.projetVideo .e-hosted-video video,
.projetVideo .e-hosted-video .elementor-custom-embed-image-overlay{
    cursor: url("../img/play.svg") 100 100, auto;
}
.projetVideo:hover .elementor-custom-embed-play{
    display: none;
    transition: all 0.3s;
}
.content-step-image > div{
    display: none;
}
#menu-main-menu .hidden,#menu-item-31,#header-sub-menu .hidden{
    display: none;
}
@media (max-width: 1280px) {
    .page-id-1395 .elementor-element-78860f6 .elementor-element-65dd5d2 h3 {
        padding-top: 98px;
    }
}
@media (max-width: 992px) {
    .slide {
        flex: 0 0 calc(100% / 2.5);
    }
    #site-header {
        max-width: inherit;
        background: none;
        justify-content: center;
        padding: 15px 10px;
    }
    .site-header-inner {
        max-width: 100%;
    }
    ul#menu-main-menu {
        display: none;
    }
    .site-navigation-overlay.show {
        height: calc(100vh - 78px) !important;
    }
    .site-navigation-overlay-inner {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 60px;
    }
    .site-navigation-overlay{
        position: relative;
    }
    .content-fullwidth {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
    }
}
@media (max-width: 767px) {
    p {
        letter-spacing: -0.03em;
    }
    .mobmoinleft{
        display: block;
    }
    .guide-object::after{
        display: none;
    }
    .bgbc.textright{
        float: right;
        margin-top: -1px;
    }
    #header-sub-menu li {
        margin-bottom: 0;
    }
    #header-sub-menu li a:hover .iconC {
        width: auto;
        transition: initial;
    }
    .slide {
        /*flex: 0 0 calc(100% / 1.2);
        padding: 0 15px;*/
    }
    .slides-track{
        margin-left: 40px;
    }
    .slides-wrapper {
        padding: 0;
    }
    .right {
        text-align: left;
    }
    .site-navigation-overlay-inner {
        padding: 24px 0 30px;
    }
    .goformContainer {
        text-align: center;
        margin-bottom: 32px;
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 100%;
    }
    .site-navigation-overlay.show {
        height: calc(100vh - 78px) !important;
        max-height: 100%;
        overflow-y: auto !important;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .site-navigation-overlay.show::-webkit-scrollbar {
        display: none;
    }
    #header-sub-menu li a .iconC {
        width: 54px;
        height: auto;
        margin-right: 10px;
        display: none;
    }
    #header-sub-menu li img {
        border-radius: 50%;
        width: 52px;
        height: 52px;
        object-fit: cover;
    }
    #header-sub-menu li a {
        font-size: 30px;
    }
    .site-navigation-overlay-inner .btn-primary {
        padding: 10px 16px;
    }
    .site-navigation-overlay-inner .flexbox.overlay-content {
        flex-direction: column;
        align-items: flex-start;
    }
    .overley-infos {
        padding-bottom: 20px;
    }
    .page-id-1162 h4{
        letter-spacing: -0.03em;
    }
    .overlay-infos-menu {
        margin-top: 20px;
    }
    .section-title h2.elementor-heading-title{
        font-size: 54px;
        line-height: 54px;
    }
    .elementor-widget-loop-carousel .elementor-loop-container.offset-right {
        padding-inline-end: 17% !important;
    }
    #temoignageC .temoi-item-cont{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #projetsAccueil .elementor-widget-container .elementor-loop-container .type-projet {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #projetsAccueil .elementor-widget-container .elementor-loop-container:has(.type-projet:nth-child(2n+5):last-child) .type-projet:nth-child(2n+4), #projetsAccueil .elementor-widget-container .elementor-loop-container:has(.type-projet:nth-child(2n+5):last-child) .type-projet:nth-child(2n+5) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .btn-secondary a{
        display: block;
    }
    #agenceGame .image-w-bg > .elementor-widget-image{
        width: 25% !important;
        padding: 20px 15px; 
    }
    #agenceGame .image-w-bg{
        border-bottom: 1px solid #0C0C0C;
    }
    .center-mob {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .right-mob {
        display: inline-block;
        width: 100%;
        text-align: right;
    }
    .title-in-width h2 .title-spanM {
        margin-left: 0;
    }
    .content-outil .title-spanM.center-mob {
        letter-spacing: -3px;
    }
    .temoignages-quote{
        margin-bottom: 30px;
    }
    .temoignages-quote svg{
        width: 30px;
    }
    .temoignages-quote-end{
        margin-top: 30px;
    }
    .temoignages-quote-end svg{
        width: 30px;
    }
    .temoignage-text{
        font-size: 30px;
        line-height: 34px;
        letter-spacing: -3px;
    }
    .btn-open-filters{
        position: fixed;
        left: 20px;
        bottom: 20px;
        z-index: 2;
        background: #ECECEC !important;
        border-radius: 30px;
        padding: 0 30px;
        font-weight: 400;
    }
    #objectifsList li{
        font-size: 14px;
    }
    h2.titleE {
        letter-spacing: -2px;
        gap: 16px;
    }
    h2.titleE svg {
        width: 40px;
        height: 40px;
    }
    .temoi-item-cont{
        padding: 0 20px !important;
    }
    .image-with-hover {
        width: 310px;
        height: 440px;
        border-radius: 36px;
    }
    .image-with-hover:hover .photo img{
        transform: scale(1.3);
    }
    h1.titleE {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 14px;
    }
    h1.titleE svg{
        width: 50px;
    }
    .page-id-840 .bgbc.center{
        margin-top: 0;
    }
    .image-with-hover .photo img{
        height: 400px;
    }
    .equipe-slider .next{
        display: none;
    }
    .elementor-element-1b2458ba .wp-caption{
        display: flex;
        flex-direction: column-reverse !important;
    }
    .page-id-1395 .imageW-hover .widget-image-caption{
        position: relative;
        top: 0;
        left: 0;
    }
    .page-id-1395 .imageW-hover .widget-image-caption h2{
        line-height: 54px;
        letter-spacing: -2px;
        color: #0C0C0C;
    }
    .page-id-1395 .imageW-hover{
        overflow: visible;
    }
    .carousel-video-equip .swiper-wrapper{
        flex-direction: column;
        transform: none !important;
    }
    .carousel-video-equip .swiper-wrapper .swiper-slide{
        transform: none !important;
        height: auto !important;
        width: 100% !important;
    }
    .carousel-video-equip .swiper-slide-duplicate,#rencontre .elementor-swiper-button-next{
        display: none;
    }
    .carousel-video-equip .text_video{
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
    }
    .equipeVideo{
        overflow: visible;
        transform: none !important;
    }
    .video_equipe_slide{
        height: auto !important;
        border-radius: 0 !important;
        gap: 10px !important;
    }
    .video_equipe_slide::before{
        display: none !important;
    }
    .elementor-widget-video .elementor-custom-embed-image-overlay img{
        aspect-ratio: 16 / 10 !important;
    }
    .elementor-widget-video .elementor-custom-embed-image-overlay{
        border-radius: 24px;
        overflow: hidden;
    }
    .video_equipe_slide h3{
        font-size: 26px !important;
        line-height: 28px !important;
    }
    .video_equipe_slide .text_video{
        padding: 0;
    }
    .video_equipe_slide .elementor-widget-text-editor{
        font-size: 16px !important;
        line-height: 22px !important;
    }
    .elementor-1395 .elementor-element.elementor-element-0f698ff .elementor-heading-title br{
        display: none;
    }
    .elementor-1395 .elementor-element.elementor-element-aa863a9 .elementor-heading-title span{
        display: block;
    }
    .nuencec {
        display: block;
        margin-top: 20px;
    }
    .nuencec span{
        background: linear-gradient(90deg, #F4A6D7 0%, #A2C9FF 68%, #B9FFFF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        display: block;
    }
}
@media (max-width: 480px) {
    /*.slide { min-width: 100%; }*/
}
@media (min-width: 992px) and (max-width: 1480px){
    body{
        zoom: 0.8;
    }
    /*#equipeContainer:hover img{
        transform: scale(1.3);
        transition: all 0.3s;
    }*/
    .image-with-hover {
        position: relative;
        width: 320px;
        height: 450px;
        border-radius: 42px;
        overflow: hidden;
    }
    .image-with-hover .photo img{
        height: 400px;
    }
    .image-with-hover:hover .photo img{
        transform: scale(1.15);
    }
}
@media screen and (min-device-pixel-ratio: 1.25) and (max-device-pixel-ratio: 1.5) {
    body{
        zoom: 0.8;
    }
    /*#equipeContainer:hover img{
        transform: scale(1.3);
        transition: all 0.3s;
    }*/
    .image-with-hover {
        position: relative;
        width: 320px;
        height: 450px;
        border-radius: 42px;
        overflow: hidden;
    }
    .image-with-hover .photo img{
        height: 400px;
    }
    .image-with-hover:hover .photo img{
        transform: scale(1.15);
    }
}