/*************************************** COMMUN *****************************************/

/* 

@font-face {
    font-family: 'Fugaz One';
    src: url('/wp-content/themes/ethicweb/fonts//FugazOne-Regular.woff2') format('woff2'),
         url('/wp-content/themes/ethicweb/fonts//FugazOne-Regular.woff') format('woff'),
         url('/wp-content/themes/ethicweb/fonts//FugazOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */


.section1header{
    background :radial-gradient(ellipse at 50% 50%, #0d455b 0%, var( --e-global-color-c47d646) 50%)!important;
}

html {
    scroll-behavior: smooth;
}

html, body {
    overflow-x: hidden;
}

body a{
    color:#333333;
}
body a:hover{
    color:#333333;
}

.p-espace p {
    margin-bottom: 10px!important;
}

.p-before-contact{
    max-width: 750px!important;
}

.p-espace li {
    padding-bottom: 10px!important;
}

@media (max-width: 767px) {
    /* .elementor-kit-5 a { */
        /* font-size: inherit !important; */
    /* } */
}

/* SECTION SLOGAN FAQ - BACKGROUND RYTHME (Positionnement du background pour les sections slogan et FAQ Parties hautes et basses) */

@media (min-width: 1024px){
    .rythme{
        background-size: 200% auto!important
    }
}

.rythme h2{
    font-weight: 600!important;
    font-size: 24px;
}

.e-n-accordion-item[open]>.e-n-accordion-item-title h2 {
    font-weight: 800!important;
    font-size: 28px;
}

@media (max-width:1024px){
    .rythme h2{
        font-weight: 600!important;
        font-size: 16px;
    }

    .e-n-accordion-item[open]>.e-n-accordion-item-title h2 {
        font-weight: 800!important;
        font-size: 22px;
    }
}

/* FIN SECTION SLOGAN FAQ - BACKGROUND RYTHME */

.hypertexteseo a:hover span {
    color:var(--e-global-color-771f46c)!important;
    transition: 0.2s ease;
}

.hypertexteseo a span {
    text-decoration: underline!important;
}

.hypertexteseo a:hover span {
    color:var(--e-global-color-771f46c)!important;
    transition: 0.2s ease;
}

.hypertexteseo a span {
    text-decoration: underline!important;
}

.hypertexteseo2:before{
	content:"";
	background-image: url("/wp-content/uploads/2024/03/Bullet-Point-Fond-Noir.svg"); 
	position: absolute;
	display: block;
	top: 0px;
	left: -25px;
	width: 50px;
	height: 50px;
	background-size: 25px;
	background-position: top left;
	background-repeat: no-repeat;
}
@media (max-width: 767px){
.hypertexteseo2:before{
	top: -4px;
}
}

.bulletbloc:before{
    content: '';
    background-image: url('https://www.ethicweb.com/wp-content/uploads/2024/03/Bullet-Point-Fond-Noir.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 22px;
    left: 0px;
}

.titlemodelref{
    height:50px;
}

@media (max-width:767px){
	.titlemodelref{
        height:75px;
	}
	
	.titlemodelref div{
		margin: 0px!important;
		display: flex;
		align-items: center;
    }
	.listeIconReverse .elementor-icon-list-text{
        padding: 0!important;
    }
}

.titlemodelref p, .titlemodelref  div{
    font-size: 22px!important;
    line-height: 24px!important;
    font-weight: 700!important;
    font-family: 'Nunito'!important;
}



.firstsection{
    margin-top: -250px!important;
    position: absolute!important;
}

.listeh3 h3, .listeh2 h2{
    font-size: 20px!important;
    font-weight:500!important;
}

@media (max-width: 767px){
    .oeil-en-savoir-plus{
        position: absolute!important;
        bottom: 20px!important;
        right: 0!important;
    }
}

/******************** HEADER TOP BAR STICKY AU SCROLL ***************/

.titletopbar{
    opacity:0;
    margin-left: -47vw;
}

.titletopbar2{
    opacity:0;
    padding-left: 25vw;
	display:inline-block;
	transition: 1s ease
}

.titletopbar div{
    opacity:0;
    transition: 1s ease;
    display:inline-block;
}

.titletopbar2 div{
    opacity:0;
    transition: 1s ease;
	display:inline-block;
	padding-left:0px!important
}

@media (min-width:767px){
    .titletableaumedusa.cleartpbar{
        opacity:1;
        transition: 0.6s ease;
    }
}

.titletableaumedusa{
    opacity:0;
    transition: 0.6s ease;
}

.medusateaching{
    opacity:1;
    transition: 0.6s ease;
}

.medusateaching.cleartpbar{
    opacity:0;
    transition: 0.6s ease;
}

.titletopbar.cleartpbar{
    opacity:1;
    margin-left: 0vw;
}

.titletopbar2.cleartpbar{
    opacity:1;
    padding-left: 0vw;
	transition: 1s ease;
	display:inline-block;
}

.titletopbar.cleartpbar div{
    opacity:1;
    transition: 0.2s ease;
    font-size: 20px!important;
    display:inline-block;
}

.titletopbar2.cleartpbar div{
    opacity:1;
    transition: 0.2s ease;
    font-size: 20px!important;
    display:inline-block;
	padding-left:135px!important
}

.titletopbarbef a:before{
    content:'Références';
    font-family: 'Nunito';
    font-size:20px;
    color:var(--e-global-color-accent);
    font-weight:700;
    letter-spacing: 1px;
    display: inline-block;
    padding-right:15px;
}

@media all and (max-width:767px){
	.titletopbar a{
        font-size: 16px!important;
	}
    .titletopbar.cleartpbar div{
        font-size: 16px!important;
    }
    .titletopbarbef a:before{
        font-size:16px!important;
    }
}

.topbarmenusspage3{
    background-color: transparent!important;
    transition: 1s ease-out;
	min-height:80px!important
}

.topbarmenusspage{
    background-color: transparent!important;
    transition: 1s ease-out;
}

.topbarmenusspage2{
    background-color: var( --e-global-color-c47d646)!important;
    transition: 1s ease;
}

.topbarmenusspage2::after{
    content: '';
    position: absolute;
    top: 100%;
    right:0;
    width: 30%;
    height: 100px;
    transform: scale(-1, 1);
    background-image: url('/wp-content/uploads/2024/06/Goutte-Bleue-D.svg');
    background-repeat: no-repeat;
    background-position: -70px top;
    background-size: contain;
    pointer-events: none!important;
}

@media (max-width:767px){
    .topbarmenusspage2::after{
        background-position: -10px top;
    }
}

.topbarmenusspage.cleartpbar {
   background-color: var( --e-global-color-c47d646)!important;
   transition: 0.5s ease-out;
}
.topbarmenusspage3.cleartpbar {
   background-color: white!important;
   transition: 0.5s ease-out;
	box-shadow: 0 0 10px 0 grey;
}

.topbarmenusspage1:after{
    opacity:0!important;
    transition: 1s ease;
    pointer-events: none!important;
}

.topbarmenusspage1.cleartpbar:after {
    opacity:1!important;
    transition: 1s ease;
    pointer-events: none!important;
}

@media (min-width:767px){
    .logoheadersticky{
        width:100%!important;
        transition: 1s ease-in;
    }

	.lottietitletpbar{
        margin-top: 0!important;
        transition: 0.6s ease;
	}
	
	.lottietitletpbar.cleartpbar{
        margin-top: -40px!important;
        transition: 0.6s ease;
	}
	
    .logoheadersticky2{
        width:400px!important;
        transition: 0.4s ease;
        top: 0px!important;
        left: 10px!important
    }

    .logoheadersticky.cleartpbar{
        width:10%!important;
        transition: 0.2s ease;
    }

    .logoheadersticky2.cleartpbar{
        width:250px!important;
        transition: 1s ease;
        top: -10px!important;
        left: 10px!important
    }
}

@media (max-width:767px){
    .logoheadersticky{
        width:50%!important;
        transition: 0.8s ease;
    }

    .logoheadersticky.cleartpbar{
        width:45%!important;
        transition: 0.8s ease;
    }

    .logoheadersticky2{
        width:100%!important;
        transition: 0.8s ease;
    }

    .logoheadersticky2.cleartpbar{
        width:90%!important;
        transition: 0.8s ease;
    }
	
    .lottietitletpbar{
        margin-top: -100px!important;
        transition: 0.6s ease;
    }
	
    .lottietitletpbar.cleartpbar{
        margin-top: 0px!important;
        transition: 0.6s ease;
    }
}

/******************** FIN HEADER TOP BAR STICKY AU SCROLL ***************/

#firstparagraph {
    scroll-behavior: smooth!important;
}

.itemfooter a{
    transition: 0.4s ease;
    line-height: 1.2em!important;
}

.itemfooter:hover a {
    color: var(--e-global-color-accent)!important;
    transition: 0.4s ease;
}

/* COULEURS COMMUNES */

.vert, .h3-vert h3 {
    color: var(--e-global-color-accent) !important;
}

.bg_vert {
    background-color: var(--e-global-color-accent) !important;
}



.bg_blanc {
    background-color: #ffffff !important;
}

.orange {
    color: var(--e-global-color-771f46c) !important;
}

.bg_orange {
    background-color: var(--e-global-color-771f46c) !important;
}

.bleu {
    color: var( --e-global-color-c47d646) !important;
}

.bg_bleu {
    background-color: var( --e-global-color-c47d646) !important;
}

.noir {
    color: #000 !important;
}

.bg_noir {
    background-color: #000 !important;
}

.mauve {
    color: #E2E2ED !important;
}


.gris {
    color: #000 !important;
}

.bg_gris {
    background-color: #D8DEE0 !important;
}

.gris_2 {
    color: #6D828C !important;
}

/* UTILE */

.break{
    word-break: break-all;
}

.block {
    display: block !important;
}

.onewordsecable{
    display:inline-block;
}


.overflow-x {
    overflow-x: auto!important;
}

body {
    line-height: 1.2 !important;
}

body p {
    margin-block: 0 !important;
}

/* HACK */

body .elementor-kit-5 button:hover, 
body .elementor-kit-5 button:focus, 
body .elementor-kit-5 input[type="button"]:hover, 
body .elementor-kit-5 input[type="button"]:focus, 
body .elementor-kit-5 input[type="submit"]:hover, 
body .elementor-kit-5 input[type="submit"]:focus, 
body .elementor-kit-5 .elementor-button:hover, 
body .elementor-kit-5 .elementor-button:focus,
body [type=button]:focus, 
body [type=submit]:focus, 
body button:focus {
    outline: none!important;
}

.btnplusinfos{
    font-size: 40px;
    position: absolute;
    top: 275px;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.4s ease;
}

.nos-expertises .btnplusinfos {
    width: 150px!important;
    padding-top: 30px;
}

.nos-expertises .btnplusinfos:hover {
    width: 150px!important;
    padding-top: 35px;
}

.btnplusinfos:hover{
    cursor:pointer;
    padding-top: 5px;
    transition: 0.6s ease;
}

.btnplusinfos2{
    transition: 0.4s ease;
}
.btnplusinfos2:hover{
    cursor:pointer;
    transform: scale(1.2);
    transform-origin: left!important;
    transition: 0.4s ease;
}

.btnv3 a{
    width:100%!important;
}

@media (max-width:767px){
    .btnv3 a{
        width:75%!important;
    }

	.nos-expertises .btnplusinfos {
		top: 600px!important;
	}
}

.tab-valeurs-ethic .elementor-accordion-icon-opened svg{
    width:40px!important;
    height: 40px!important;
    display: block;
    position: relative;
    left: -10px;
    top: -7px;
}

.tab-valeurs-ethic .elementor-accordion-icon-closed svg{
    width: 100px!important;
    height: auto!important;
    position: relative!important;
    left: -50px!important;
}

@media (max-width:767px){
    .tab-valeurs-ethic .elementor-accordion-icon-closed svg {
        left: -65px!important;
    }

    .tab-valeurs-ethic .elementor-accordion-icon-opened svg {
        left: -25px!important;
    }
}

.height-solution-asso{
    height: 3em!important;
}

@media (max-width:767px){
    .height-solution-asso{
        height: 6em!important;
        padding-top: 15px;
    }
}


.realtag a{
    transition: all 0.4s ease;
}

.realtag a:hover{
    color: var(--e-global-color-accent)!important;
    transition: all 0.4s ease;
}

.realtag a:before{
    content:url('/wp-content/uploads/2024/07/Bulle-snorki-Bas.svg');
    display: inline-block;
    position: relative;
    top: 7px;
    left: -20px;
    width:20px;
}

.realtag a{
    padding: 0 20px 0 20px;
    white-space: nowrap!important;
}

.realcontain{
    width: calc(100% - 50px)!important;
    padding-top: 13px;
}

@media (max-width:767px){
    .realcontain{
        width: calc(100% - 75px)!important;
    }
}

.btnhypertexte:hover div {
    color: var(--e-global-color-accent)!important;
    transition: all 0.4s ease;
}

.btnhypertexte2:hover div {
    color: var(--e-global-color-771f46c) !important;
    transition: all 0.4s ease;
}


@media all and (max-width: 767px){
    .hommebulle:before{
        content:url("/wp-content/uploads/2024/07/3-carres-vert.svg");
        display: block;
        position: absolute;
        z-index: -1;
        bottom: 0;
        left: -10%;
        width: 100%;
    }
}


/*************************************** MENU POP UP *****************************************/

/* FORMULAIRE PAGE MENU */

.formulaire-page-menu .wpcf7-response-output{
    color: white;
    display: block;
    position: absolute;
    bottom: -15px;
    border: none!important;
    padding: 0 0 0 15px!important;
    margin: 0!important;
}
/* 
.formulaire-page-menu {
    bottom: -50px!important;
    opacity: 0;
    transition: all 1s ease;
}

.formulaire-page-menu.active {
    bottom: 0px!important;
    display: block !important;
    opacity: 1;
} */

.formulaire-page-menu .wpcf7-form table {
    display: flex;
    justify-content: start;
    width: 90%;
    margin-top: 0px;
}

.formulaire-page-menu .cf7-structure-form table {
    display: flex;
    justify-content: end;
}

.formulaire-page-menu .cf7-structure-form label {
    width: 100%;
}

.formulaire-page-menu .cf7-structure-form input[type="text"],
.formulaire-page-menu .cf7-structure-form input[type="email"],
.formulaire-page-menu .cf7-structure-form input[type="tel"],
.formulaire-page-menu .cf7-structure-form textarea {
    font-size: 18px;
}

.formulaire-page-menu .cf7-structure-form .text-white {
    color: white;
}

.formulaire-page-menu .cf7-structure-form .text-white::before {
    content: url(/wp-content/uploads/2024/03/Patate-verte-BTN.svg);
    position: relative;
    padding: 0px 10px 0px 0px;
    top: 5px;
}

.formulaire-page-menu .cf7-structure-form .cases-a-cocher-popup {
    display: flex;
    align-items: center;
    color: white;
}

.formulaire-page-menu .cf7-structure-form .cases-a-cocher-popup label {
    display: inline-block;
    vertical-align: middle;
}

.formulaire-page-menu .cf7-structure-form .cases-a-cocher-popup input[type="checkbox"] {
    width: 12px;
    height: 12px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    outline: none;
    background-color: #FFFFFF;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;
}

.formulaire-page-menu .cf7-structure-form .cases-a-cocher-popup input[type="checkbox"]:checked {
    background-color: var(--e-global-color-accent);
}

.formulaire-page-menu .cf7-structure-form .cases-a-cocher-popup .wpcf7-list-item {
    margin: 0px;
}

.formulaire-page-menu .cf7-validation-form input {
    text-transform: capitalize !important;
}

@media (max-width: 480px) {
    .formulaire-page-menu .wpcf7-form table {
        width: 90%;
    }

    .formulaire-page-menu .cf7-structure-form tr:nth-last-child(-n+2) {
        display: none;
    }
}

@keyframes rotating {
    0% {
        transform: rotate(0deg);
    }
    5%{
        transform: rotate(90deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotating2 {
    0% {
        transform: rotate(0deg);
    }
    10%{
        transform: rotate(40deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Menu */

.menumano{
    width: 100vw;
    margin: 100px 0 0 330px!important;
}

.avecsousmenu{
    content:'';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #e2e2ed;
    margin: 5px 0 5px 5px!important;
}

.intitule{
    color: white;
    font-family: 'Fugaz One';
    font-size: 30px;
    transition: all 0.4s ease;
}

.intitule:hover{
    color: #E2E2ED;
    cursor: pointer;
}

.titre1.opac, .titre2.opac, .titre3.opac, .titre4.opac, .titre5.opac{
    opacity: 0.2!important;
    transition: all 0.6s ease
}

.titre1.clear, .titre2.clear, .titre3.clear, .titre4.clear, .titre5.clear{
    opacity: 1!important;
    transition: all 0.6s ease
}
 
.sousintitule{
    color: white;
    font-family: 'Nunito';
    letter-spacing: 0.8px;
    font-weight: 700!important;
    font-size: 24px;
    line-height: 1.2em;
    padding-left: 100px;
    white-space: nowrap;
}

.sousintitule:hover{
    color: var(--e-global-color-accent);
    cursor: pointer;
}

.sousgroupe1, .sousgroupe2, .sousgroupe3{
    display:none;
    padding-bottom: 20px;
}

.sousgroupe1.covertitle, .sousgroupe2.covertitle, .sousgroupe3.covertitle{
    opacity:1;
    height: 150px;
    transition: 0.8s ease;
}

.groupesousmenu.covertitle{
    display: block;
    opacity: 1;
    transition: 0.8s ease;
}

.intitule1, .intitule2, .intitule3, .intitule4, .intitule5{
    width: fit-content!important;
}

/* Rond Orange */

.rondorange::before{
    content:url('/wp-content/uploads/2024/02/Home-Menu.svg');
    position: absolute;
    top: 53%;
    left: 53%;
    transform: translate(-50%, -50%) scale(0.77);
    transform-origin: center!important;
    z-index: -1;
    opacity:1;
    transition: all 1s ease;
}

.rondorange{
    transition: all 1s ease;
    cursor: pointer;
}

.rondorange svg{
    fill: var(--e-global-color-771f46c);
    width:250px;
    height:250px;
}

.rondorange.menuitem1{
    left: 270px!important;
    top : 70px!important;
    animation: rotating 30s ease infinite;
    transition: all 0.6s ease;
    z-index: 0!important;
}

.rondorange.menuitem3{
    left: 270px!important;
    top : 185px!important;
    animation: rotating 30s ease infinite;
    transition: all 0.6s ease;
    z-index: 0!important;
}

.rondorange.menuitem5{
    left: 270px!important;
    top : 310px!important;
    animation: rotating 30s ease infinite;
    transition: all 0.6s ease;
    z-index: 0!important;
}

.rondorange.menuitem1::before,
.rondorange.menuitem3::before,
.rondorange.menuitem5::before{
    top: -43%;
    left: -43%;
    opacity: 0;
    transform: rotate(90deg) scale(0.2);
    transform-origin: center!important;
    transition: all 1s ease;
}

.rondorange.menuitem2{
    left: 270px!important;
    top : 120px!important;
    animation: rotating2 20s linear reverse;
    transition: all 0.6s ease;
    z-index: 0!important;
}

.rondorange.menuitem4{
    left: 270px!important;
    top : 240px!important;
    animation: rotating2 20s linear reverse;
    transition: all 0.6s ease;
    z-index: 0!important;
}

.rondorange.menuitem2::before,
.rondorange.menuitem4::before{
    top: -33%;
    left: -33%;
    opacity: 0;
    transform: rotate(40deg) scale(0.2);
    transform-origin: center!important;
    transition: all 1s ease;
}

.rondorange.menuitem1groupe{
    left: 260px!important;
    top : 160px!important;
    animation: rotating 30s ease infinite;
    transition: all 0.6s ease;
    z-index: 0!important;
}

.rondorange.menuitem2groupe{
    left: 260px!important;
    top : 210px!important;
    animation: rotating 30s ease infinite;
    transition: all 0.6s ease;
    z-index: 0!important;
}

.rondorange.menuitem3groupe{
    left: 260px!important;
    top : 280px!important;
    animation: rotating 30s ease infinite;
    transition: all 0.6s ease;
    z-index: 0!important;
}

.rondorange.menuitem1 svg,
.rondorange.menuitem3 svg,
.rondorange.menuitem5 svg{
    fill: var(--e-global-color-771f46c);
    width:120px!important;
    height:120px!important;
}
.rondorange.menuitem2 svg,
.rondorange.menuitem4 svg{
    fill: var(--e-global-color-771f46c);
    width:140px!important;
    height:140px!important;
}

.rondorange.menuitem1groupe svg,
.rondorange.menuitem2groupe svg,
.rondorange.menuitem3groupe svg{
    fill: var(--e-global-color-accent);
    width:120px;
    height:120px;
}

.rondorange.menuitem1groupe::before,
.rondorange.menuitem2groupe::before,
.rondorange.menuitem3groupe::before{
    top: -43%;
    left: -43%;
    opacity: 0;
    transform: rotate(90deg) scale(0.2);
    transform-origin: center!important;
    transition: all 1s ease;
}

/* On demarre un projet ? */

.open-menu-contact {
    font-size: 40px;
    cursor: pointer;
}

.open-menu-contact span {
    font-family: "Fugaz One", Sans-serif;
    font-weight: 900;
    line-height: 1.1em;
    letter-spacing: 0.4px;
}

.open-menu-contact{
    transition: all 1s ease;
}

.open-menu-contact::before{
    content:"";
    background-image: url('/wp-content/uploads/2024/05/Empreintes-Partie-haute.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    width: 42vw;
    height: 200px;
    top: -150px;
    left: 0;
    z-index: 999;
    opacity:1;
    transition: all 1s ease;
}

.open-menu-contact.active{
    bottom: calc(500px + 1vw)!important;
    transition: all 1s ease;
}

.open-menu-contact.active::before{
    transition: all 1s ease;
    opacity: 0;
}

/*Responsive Menu + Rond Orange*/

@media all and (min-width: 1366px){
    .intitule{
        font-size: 40px;
    }
    
    .sousintitule{
        font-size: 30px;
    }

    .open-menu-contact {
        font-size: 40px;
    }
}

@media all and (max-width: 1366px) and (min-width: 1024px){
    .menumano{
        margin: 100px 0 0 230px!important;
    }

    .rondorange::before{
        transform: translate(-50%, -50%) scale(0.47);
    }

    .rondorange svg{
        width:150px;
        height:150px;
    }

    .rondorange.menuitem1groupe,
    .rondorange.menuitem2groupe,
    .rondorange.menuitem3groupe{
        left: 160px!important;
    }
    .rondorange.menuitem1groupe{
        top: 130px!important;
    }
    .rondorange.menuitem2groupe{
        top: 160px!important;
    }
    .rondorange.menuitem3groupe{
        top: 220px!important;
    }

    .rondorange.menuitem1,
    .rondorange.menuitem2,
    .rondorange.menuitem3,
    .rondorange.menuitem4,
    .rondorange.menuitem5{
        left: 170px!important;
    }

    .rondorange.menuitem1{
        top: 50px!important;
    }

    .rondorange.menuitem2{
        top: 80px!important;
    }

    .rondorange.menuitem3{
        top: 150px!important;
    }

    .rondorange.menuitem4{
        top: 180px!important;
    }

    .rondorange.menuitem5{
        top: 240px!important;
    }
}

@media all and (max-width: 1200px) and (min-width: 1024px){
    .formulaire-page-menu .cf7-structure-form input[type="text"],
    .formulaire-page-menu .cf7-structure-form input[type="email"],
    .formulaire-page-menu .cf7-structure-form input[type="tel"],
    .formulaire-page-menu .cf7-structure-form textarea {
        font-size: 16px;
    }
}

@media all and (max-width: 1025px){
    .intitule1, .intitule2, .intitule3, .intitule4, .intitule5{
        width: 100%!important;
    }

    .containermenupopup{
        width: 100vw!important;
    }

    .menumano{
        margin: 200px 0 0 0!important;
        text-align: center!important;
    }

    .secondcolumnmenu{
        display: none;
    }

    .empreinteselephant{
        bottom: calc(28vw + 5px)!important;
    }

    .intitule{
        font-size: 25px;
    }

    .sousintitule{
        font-size: 18px;
        padding-left: 20px!important;
    }

    .rondorange::before{
        content:url('/wp-content/uploads/2024/02/Home-Menu.svg');
        position: absolute;
        top: 53%;
        left: 53%;
        transform: translate(-50%, -50%) scale(0.47);
        transform-origin: center!important;
        z-index: -1;
        opacity:1;
        transition: all 1s ease;
    }

    .rondorange svg{
        fill: var(--e-global-color-771f46c);
        width:150px;
        height:150px;
    }

    .rondorange {
        top: 30px!important;
        left: 50%!important;
        transform : translate(-50%, 0)!important;
    }

    .avecsousmenu{
        margin: 0px 0 0px 10px!important;
    }
}

@media all and (max-width: 767px){
    .intitule1 a, .intitule2 a, .intitule3 a, .intitule4 a, .intitule5 a {
        font-size: 30px !important;
    }

    .sousintitule {
        font-size: 20px !important;
        padding-left: 0px !important;
        overflow-wrap: break-word;
        word-break: break-word;
        white-space: normal;
    }
}

/*************************************** ENTETE *****************************************/

.scrolled .elementor-sticky--effects {
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    z-index: 200 !important;
    background-color: #ffffff;
}

/*************************************** FONT / POLICE *****************************************/

.titreh2::before{
    content:""!important;
    height:100%!important;
    min-height: 50px !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%);
    left: 0!important;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background-position: center left!important;
    max-width: 112px;
}

.titreh2::before{
    background-image: url('/wp-content/uploads/2024/02/before-titre.svg')!important;
}

.titreh2orange::before{
    background-image: url('/wp-content/uploads/2024/07/Empreintes-elephant-orange.svg')!important;
}

.titreh2{
    padding-left: calc( 2vw + 95px)!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
}

@media all and (max-width: 1150px){
    #titreh2sousheader.titreh2sousheaderhome h2 br{
        display: none!important;
    }
}

@media all and (max-width: 767px){
    #titreh2sousheader h2 br{
        display: none!important;
    }

    #titreh2sousheader.uneligne h2 br{
        display: block!important;
    }

    .titreh2{
        padding-left: 110px!important;
    }

    .titreh2.long{
        padding-left: 130px!important;
    }
}

@media all and (max-width: 767px){
    .titreh2::before{
        background-position: top left!important;
    }
}

@media all and (max-width: 480px){
    .titreh2, .titreh2.long{
        padding-left: 0px!important;
        padding-top: 60px!important;
    }

    .titreh2::before{
        width: 50px !important;
        bottom: 0px !important;
        left: 10px !important;
    }
}

.intro, .no-intro {
    font-size: 24px;
    line-height: 1.2em;
    padding: 0 0 35px 0;
}

@media (max-width: 1024px) {
    .intro, .no-intro {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .intro {
        max-width: 380px!important;
        text-align: center;
    }

    .no-intro {
        text-align: center;
    }

    body .col-gauche-entete .titre-h1 h1 {
        text-align: center;
        font-size: 30px;
    }
}


.cles-en-main-texte .titleetapes {
    font-family: 'Nunito';
    font-size:18px!important;
    padding: 50px 0px 30px 170px;
    font-weight:800;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
}

.cles-en-main-texte .titleetapes:before{
    content:url('/wp-content/uploads/2024/07/Bulle-snorki-Bas-x2.svg');
    display: block;
    position: absolute;
    width:50px;
    left: 120px;
}

@media (max-width:767px){
    .cles-en-main-texte .titleetapes {
        padding: 50px 0px 30px 70px;
    }

    .cles-en-main-texte .titleetapes:before{
        left: 20px;
    }
}

.titlesnorki h2:after{
   content: url('/wp-content/uploads/2024/07/Fleche-D-Orange.svg');
   position: relative;
   display: inline-block;
   width: 20px;
   top: 10px;
   margin-left: 10px;
   transition: 0.4s ease;
   opacity:1;
}

.titlesnorki{
    transition: 0.4s ease;
    height: 50px!important;
}

@media (max-width:767px){
	.titlesnorki h2:after{
		width: 15px;
		top: 8px;
	}

	.titlesnorki{	
		height: auto!important;
		padding-top: 15px!important;
    }
}

.titlesnorki:hover{
    padding-bottom: 0px;
    transition: 0.4s ease;
}

.titlesnorki h2{
    transition: 0.4s ease;
    padding-left:0px;
}
.titlesnorki:hover h2{
    color: #3d5865!important;
    padding-left:10px;
    transition: 0.4s ease
}

.titlesnorki h2:hover:after{
    opacity: 1;
    margin-left:20px;
    transition: 0.4s ease;
}

.titlesnorkichild:before{
   content: url('/wp-content/uploads/2024/07/Plus-Orange.svg')!important;
   position: absolute;
   display: block;
   width: 20px!important;
   left: 0;
   top:10px;
}

/* SECTION ACTIONS EXPERTISE */

.actionstitre::before{
    content:''!important;
    position: absolute!important;
    display: block!important;
    width: 40px!important;
    left: 105%!important;
    top:0!important;
    background-image: url('/wp-content/uploads/2024/06/SELECTEUR-TABS-Frise-verticale.svg')!important;
    background-position:top left !important;
    background-size: contain !important;
}

.actionsexpertise{
    .intituleaction{
        padding: 25px 10px 50px 60px;
        width: 100%!important;
        height: 3em;

        h3{
            font-size: 20px!important;
        }
        &:before{
            content: '';
            display:block;
            position: absolute;
            left: 0px;
            top: 5px;
            width:40px;
            height: 100px;
            background-image: url('/wp-content/uploads/2024/06/Picto-Bulle-Snorki-Blanc.svg');
            background-repeat: no-repeat;
            background-position: top left;
            background-size: contain!important;
            z-index:9;
        }

        &:hover{
            h3{
                color: var(--e-global-color-accent)!important;
                cursor: pointer;
            }
        }
    }

    @media all and (max-width:767px){
        .intituleaction{
            padding: 5px 10px 5px 10px;
            height:100%;

            &:before, 
            .actionstitre::before{
                display: none!important;
            }

            h3{
                text-align: center;
            }
        }
    }
}


/* Section Slogan avec empreintes éléphant + gouttes supérieure G et inférieure D */

.en-avant {
    font-family: "Fugaz One", Sans-serif;
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 0.32px;
    margin-left: 1%!important;
}

.empreintes-gauche-page-visibilite svg {
    height: 128px!important;
    width: 1006px!important;
    position: absolute;
    right: 0!important;
    top: 50%!important;
    transform: translateY(-50%)!important;
}

.empreintes-gauche-page-visibilite2 svg, .empreintes-gauche-page-visibilite3 svg {
    height: 160px!important;
    width: 1230px!important;
    position: absolute;
    right: 0!important;
    top: 50%!important;
    transform: translateY(-50%)!important;
}

.sectiongouttesupDmauve::after, .sectiongouttesupDblancslogan::after, .sectiongouttesupDsloganmauve::after{
    display:block;
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: top left 69vw;
    background-size: 730px;
    height: 100%;
    z-index: 9!important;
    right: 0;
    top: -1px;
    width:100%;
    z-index: 9!important;
    
    @media(max-width: 767px){
        display:none;
    }
}

#lottieslogan{
    display:none!important;
}

@media (min-width:1300px){
    .sectiongouttesupDblancslogan::after, .sectiongouttesupDsloganmauve::after{
        display:none!important;
    }

     #lottieslogan{
        display:block!important;
    }
}

@media (max-width:1300px){
    .sectiongouttesupDblancslogan::after, .sectiongouttesupDsloganmauve::after{
        opacity: 1!important;
    }

     .lottieslogan{
        opacity:0!important;
    }
}

.sectiongouttesupDmauve::after{
    background-image: url("/wp-content/uploads/2024/06/Vague-Haut-D-Mauve.svg");
}

.sectiongouttesupDblancslogan::after{
    background-image: url("/wp-content/uploads/2024/06/Vague-Haut-D-Blanche.svg");
}

.sectiongouttesupDsloganmauve::after{
    background-image: url("/wp-content/uploads/2024/06/Vague-Haut-D-Mauve.svg");
}

@media (max-width:1024px){
    .sectiongouttesupDmauve::after, .sectiongouttesupDblancslogan::afte, .sectiongouttesupDsloganmauve::after, .sectiongouttesupDBlanc::after{
        background-position: top left 63vw!important;
        background-size: 600px!important;
    }
}

@media (max-width:767px){
     .sectiongouttesupDmauve::after, .sectiongouttesupDblancslogan::after, .sectiongouttesupDsloganmauve::after, .sectiongouttesupDBlanc::after{
        background-position: top right 0vw!important;
        background-size: 400px!important;
    }
}

.sectiongouttesupG,
.sectiongouttesupGMauve,
.sectiongouttesupGBlanc{
    min-height: 150px!important;
    z-index:1!important;
}

.sectiongouttesupG:after,
.sectiongouttesupGMauve:after,
.sectiongouttesupGBlanc:after{
    display: block;
    position: absolute;
    content:"";
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    left: -100px;
    top: -1px;
    width: 35vw!important;
    height: 100%;
}

.sectiongouttesupG:after{
    background-image: url("/wp-content/uploads/2024/06/Goutte-Bleue-D.svg");
}

.sectiongouttesupGMauve:after{
      background-image: url("/wp-content/uploads/2024/06/sectiongouttesupGMauve.svg");
}

.sectiongouttesupGBlanc:after{
      background-image: url("/wp-content/uploads/2024/07/sectiongouttesupGBlanc.svg");
}

.sectiongouttesupDwebcom:after, .sectiongouttesupDwebmarketcom:after, .sectiongouttesupDwebleadgeneration:after, .sectiongouttesupDArticle:after, .sectiongouttesupDwebethicweb:after, .sectiongouttesupDwebcomasso:after, .sectiongouttesupDdons:after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    height: 100%;
    z-index: 9!important;
}

.sectiongouttesupDwebcom:after{
    background-image: url("/wp-content/uploads/2024/06/Goutte-Blanche-Superieure-D-Avec-Picto-Webcom.svg");
}

.sectiongouttesupDwebcomasso:after{
    background-image: url("/wp-content/uploads/2024/07/Goutte-Blanche-Superieure-D-Avec-Picto-WebcomAsso_1.svg");
}

.sectiongouttesupDdons:after{
    background-image: url("/wp-content/uploads/2024/07/Goutte-Blanche-Superieure-D-Avec-Picto-Campagnes-Dons.svg");
}

.sectiongouttesupDwebmarketcom:after{
    background-image: url("/wp-content/uploads/2024/06/Goutte-Blanche-Superieure-D-Avec-Picto-Webmarketcom.svg");
}

.sectiongouttesupDwebleadgeneration:after{
    background-image: url("/wp-content/uploads/2024/06/Goutte-Blanche-LeadGeneration.svg");
}

.sectiongouttesupDArticle:after{
    background-image: url("/wp-content/uploads/2025/05/Goutte-Blanche-Article.svg");
}


.sectiongouttesupDwebethicweb:after{
    background-image: url("/wp-content/uploads/2024/07/Goutte-Blanche-Superieure-D-EthicWeb_1.svg");
}

.sectiongouttesupDwebcom:after, .sectiongouttesupDwebcomasso:after, .sectiongouttesupDdons:after{
    right: 0;
    top: -40px;
    width:800px;
}

.sectiongouttesupDwebmarketcom:after{
    right: 0;
    top: -37px;
    width:800px;
}

.sectiongouttesupDwebleadgeneration:after, .sectiongouttesupDArticle:after{
    right: 0;
    top: -38px;
    width:800px;
}

.sectiongouttesupDwebethicweb:after{
    right: 0;
    top: -38px;
    width:800px;
}

@media all and (max-width:1600px){
    .sectiongouttesupDwebmarketcom:after{
        right: 0;
        top: -32px;
        width:600px;
    }

    .sectiongouttesupDwebleadgeneration:after, .sectiongouttesupDArticle:after{
        right: 0;
        top: -32px;
        width:600px;
    }
    .sectiongouttesupDwebethicweb:after{
        right: 0;
        top: -32px;
        width:600px;
    }
}

@media all and (max-width:1200px){
    .sectiongouttesupDwebmarketcom:after{
        right: 0;
        top: -24px;
        width:450px;
    }

    .sectiongouttesupDwebleadgeneration:after, .sectiongouttesupDArticle:after{
        right: 0;
        top: -24px;
        width:450px;
    }
    .sectiongouttesupDwebethicweb:after{
        right: 0;
        top: -24px;
        width:450px;
    }
}

.section_ew_slogan {
    padding-top: 130px !important;
    padding-bottom: 100px !important;
}


@media screen and (max-width:1200px) and (min-width: 1024px){
    .en-avant {
        font-size: 24px;
        line-height: 26px;
    }

    .empreintes-gauche-page-visibilite svg {
        height: 104px!important;
        width: 817px!important;
        position: absolute;
        right: 0!important;
        top: 50%!important;
        transform: translateY(-50%)!important;
    }

    .empreintes-gauche-page-visibilite2 svg, .empreintes-gauche-page-visibilite3 svg {
        height: 130px!important;
        width: 1000px!important;
        position: absolute;
        right: 0!important;
        top: 50%!important;
        transform: translateY(-50%)!important;
    }

    .section_ew_slogan {
        padding-top: 100px !important;
        padding-bottom: 80px !important;
    }
}

@media screen and (max-width:1024px){
    .section_ew_slogan {
        padding-top: 75px!important;
        padding-bottom: 150px!important;
    }

    .empreintes-gauche-page-visibilite svg, .empreintes-gauche-page-visibilite2 svg, .empreintes-gauche-page-visibilite3 svg {
        width: 100%!important;
        left: 50%!important;
        transform:translate(-50%, -50%)!important;
    }
}

@media screen and (max-width:1024px) and (min-width: 767px){
    .empreintes-gauche-page-visibilite svg, .empreintes-gauche-page-visibilite2 svg, .empreintes-gauche-page-visibilite3 svg {
        margin-top: 70px;
    }
}

@media screen and (max-width:767px){
    .en-avant-mobile p{
        font-size: 22px!important;
        line-height: 24px!important;
    }

    .empreintes-gauche-page-visibilite svg, .empreintes-gauche-page-visibilite2 svg, .empreintes-gauche-page-visibilite3 svg {
        margin-top: 6%!important;
    }

    .empreintes-gauche-page-visibilite3 svg{
        top: 88%!important;
    }

    .section_ew_slogan {
        padding-top: 100px !important;
        padding-bottom: 12.73% !important;
    }

    .section_ew_sloganasso {
        padding-bottom: 12.73% !important;
    }

    .sectiongouttesupDwebcom:after,
    .sectiongouttesupDwebmarketcom:after,
    .sectiongouttesupDwebleadgeneration:after,
    .sectiongouttesupDwebethicweb:after,
    .sectiongouttesupDwebcomasso:after,
    .sectiongouttesupDdons:after {
        left: calc(100% - 350px)!important;
        top: -19px;
        width: 350px!important;
    }

    .sectiongouttesupG:after,
    .sectiongouttesupGMauve:after,
    .sectiongouttesupGBlanc:after{
        width: 350px!important;
        top: -1px
    }

    .sectiongouttesupG,
    .sectiongouttesupGMauve,
    .sectiongouttesupGBlanc{
        min-height: 100px!important;
    }
}

/* END */

.bg-left-en-avant{
    overflow: hidden;
}

.bg-left-en-avant svg{
    position: absolute;
    height: auto;
    top: -75px;
    right: 0;
    width: 1000px;
}


.empreintes-gauche-page-expertises svg {
    height: 180px !important;
    width: 100% !important;
}

.empreintes-gauche-page-expertises{
    position: absolute;
    top: -75px;
    right: 0;
}

.empreintes-gauche-page-associations svg {
    position: absolute;
    height: 180px !important;
    top: -75px;
    right: 0;
    width: 100% !important;
}

.empreintes-gauche-page-enjeux svg {
    position: absolute;
    height: 180px !important;
    top: -75px;
    right: 0;
    width: 100% !important;
}

body .h3-small h3,
body h3.h3-small {
    font-size: 22px !important;
    font-weight: 700;
}

body .h3-small-2 h3,
body h3.h3-small-2 {
    font-size: 22px !important;
    font-weight: 400;
}

body .entete .btn-ew-2 .elementor-button {
    color: #ffffff;
}

/*************************************** SECTION *****************************************/

.section_ew_top {
    padding-top: 50px !important;
}

.section_ew_top_big {
    padding-top: 100px !important;
}

.section_ew_bottom {
    padding-bottom: 50px !important;
}

.section_ew_bottom_big {
    padding-bottom: 100px !important;
}

.section_ew_bottom_verybig {
    padding-bottom: 150px !important;
}

.section_ew {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

/*************************************** ENTETE *****************************************/


.section1header{
    height: calc(87vh - 250px)!important;
}

.imgheader{
    margin-top: 10vh;
    width: 60vh;
}

.imgheader img{
    width: 60vh;
}

.imgheaderbis{
    margin-top: 15vh;
    width: 50vh;
    margin-right: 30px;
}

.imgheaderbis img{
    width: 50vh;
}

@media screen and (max-width: 1024px) and (min-width: 767px) {
    .imgheader{
        display: block;
        position: absolute;
        right: 3vw;
        left: 0!important;
        padding: 5% 0 0 8%!important;
    }

    .imgheader img{
        width: 100%!important;
    }
}

@media screen and (max-width: 768px) {
    .columnGHeader{
        width: 100%!important;
    }

    .imgheader{
        display: block;
        position: absolute !important;
        left: 0;
        top: 0px;
        width: 35vh;
        margin-left: 50% !important;
        margin-right: 50% !important;
        transform: translateX(-50%) !important;
    }

    .imgheaderbis img{
        width: 33vh!important;
    }

    .imgheaderbis{
        margin-top: 8vh!important;
        width:33vh!important;
        margin-right: 0px!important;
    }

    .columnDHeader{
        height:35vh!important;
        width: 100%!important;
        margin:0!important;
    }

    .columnGHeader{
        height: 40vh!important;
        width: 100%!important;
    }

    .section1header{
        height: calc(100vh - 200px)!important;
    }
}



.titre-h1.titre-contact  {
    margin-top: inherit!important;
    height: auto;
    margin-right: 30px;
}
.titre-h1.titre-contact h1 {
    transform:inherit;
    position: relative;
    top: inherit;
    left: inherit;
}

.titre-h1.titre-popup  {
    margin-top: inherit!important;
    height: auto;
    margin: 0px !important;
}

.titre-h1.special {
    margin-top: calc(50vh - 275px)!important;
}

.titre-h1.sstitrebtn {
    margin-top: calc(32vh - 120px)!important;
    height: clamp(170px, 24vh, 270px)!important;
}

#v4.titre-h1.sstitrebtn {
    margin-top: calc(38vh - 120px)!important;
    height: clamp(170px, 24vh, 270px)!important;
}



/*************************************** EFFETS *****************************************/

.hover-scale-10 {
    transition: transform 0.5s ease-out;
    transform-origin: top left;
}

.hover-scale-10:hover {
    transform: scale(1.1);
    /* -webkit-transform: scale(1.1); */
}

.vague-blanche-sur-footer img {
    transform: translate(20px, 10px) scale(1.2);
    -webkit-transform: translate(20px, 10px) scale(1.2);
}

/*************************************** TITRAGE *****************************************/

/* Pour titre.h1 Voir section Entête */

.sous-titre-page h2{
    font-size:24px!important;
    font-weight: 600!important;
}

.sous-titre-page {
    margin-right: 100px;
}

.contact-text-bold {
    font-weight: bold;
    font-size: 20px;
}

@media (max-width: 767px) {
    .sous-titre-page {
        margin: 30px 2% 5px 2% !important;
        font-size: 18px!important;
        text-align: center;
    }

    .real.sous-titre-page a{
        margin: 0!important;
        text-align: left;
    }

    .real.sous-titre-page{
        text-align: center;
        margin: 0px 2% 5px 2% !important;
        width:100%;
    }

    .my-overflow-hidden {
        overflow: hidden !important;
    }

    .contact-text-bold {
        font-weight: 400;
        font-size: 18px;
    }
}

@media (max-width: 750px) {
    .sous-titre-page{
        margin: 5px 10% 0 12% !important;
    }
}

.titre-1 .titre::before {
    content: "" !important;
    display: block;
    width: 130px !important;
    height: 130px !important;
    position: absolute;
    left: -65px !important;
    top: -30px !important;
    background-image: url(images/bulles-titre-1.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.titre-2.elementor-element,
.titre-3.elementor-element {
    padding-left: 110px !important;
    padding-bottom: 0px;
    position: relative !important;
    z-index: 20;
}

.titre-2>div.elementor-widget-container::before {
    content: '';
    display: block;
    width: 5.5em!important;
    height: 5.5em;
    position: absolute;
    left: 0px !important;
    top: 50%!important;
    background-image: url('/wp-content/uploads/2024/01/empreinte-gauche.svg')!important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    transform: translateY(-50%)!important;
}

.titre-3::before {
    content: url("/wp-content/uploads/2024/06/Rond-vert.svg");
    display: block;
    width: 100px !important;
    position: absolute;
    left: 0px !important;
    top: 50%!important;
    transform: translateY(-50%)!important;
}

.titre-4.elementor-element {
    padding-left: 40px !important;
    padding-bottom: 20px;
    position: relative !important;
}

.titre-4::before {
    content: "" !important;
    display: block;
    width: 200px !important;
    height: 200px !important;
    position: absolute;
    left: 0 !important;
    top: -40px !important;
    background-image: url(images/before-titre-4.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.titre-4.quote-orange::before {
    background-image: url(images/Quote-temoignages-orange.svg) !important;
}

.titre-5.elementor-element {
    padding-left: 40px !important;
    padding-bottom: 20px;
    position: relative !important;
}

.titre-5::before {
    content: "" !important;
    display: block;
    width: 200px !important;
    height: 200px !important;
    position: absolute;
    left: 0 !important;
    top: -40px !important;
    background-image: url(images/before-titre-3.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.titre-5.quote-orange::before {
    background-image: url(images/Quote-temoignages-orange.svg) !important;
}

.titre-6.elementor-element {
    padding-left: 100px !important;
    padding-bottom: 20px;
    position: relative !important;
}

.titre-6::before {
    content: "" !important;
    display: block;
    width: 200px !important;
    height: 200px !important;
    position: absolute;
    left: 0 !important;
    top: -70px !important;
    background-image: url(images/before-titre-4.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.titre-6.quote-orange::before {
    background-image: url(images/Quote-temoignages-orange.svg) !important;
}

.titre-7.elementor-element {
    padding-left: 100px !important;
    padding-bottom: 20px;
    position: relative !important;
}

.titre-7::before {
    content: "" !important;
    display: block;
    width: 200px !important;
    height: 200px !important;
    position: absolute;
    left: 0 !important;
    top: -70px !important;
    background-image: url(images/before-titre-4.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.titre-7.quote-orange::before {
    background-image: url(images/Quote-temoignages-orange.svg) !important;
}

.titre-8.elementor-element {
    padding-left: 100px !important;
    padding-bottom: 20px;
    position: relative !important;
}

.titre-8::before {
    content: "" !important;
    display: block;
    width: 100px !important;
    height: 75px !important;
    position: absolute;
    left: 25px !important;
    top: -20px !important;
    background-image: url(images/before-titre-3.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.titre-8.quote-orange::before {
    background-image: url(images/Quote-temoignages-orange.svg) !important;
}

.titre-9.elementor-element {
    padding-left: 110px !important;
    padding-bottom: 20px;
    position: relative !important;
}

.titre-9::before {
    content: "" !important;
    display: block;
    width: 100px !important;
    height: 75px !important;
    position: absolute;
    left: 25px !important;
    top: 0px !important;
    background-image: url(images/before-titre-3.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.titre-10.elementor-element {
    padding-left: 100px !important;
    padding-bottom: 20px;
    position: relative !important;
}

.titre-10::before {
    content: "" !important;
    display: block;
    width: 100px !important;
    height: 75px !important;
    position: absolute;
    left: 25px !important;
    top: -20px !important;
    background-image: url("/wp-content/uploads/2024/02/cercle-orange.png") !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.titre-10.quote-orange::before {
    background-image: url(images/Quote-temoignages-orange.svg) !important;
}

.titre-10.cercle-vert::before {
    background-image: url(/wp-content/uploads/2024/02/cercle-vert.png) !important;
}

/*************************************** BOUTONS *****************************************/



/* Bouton par défaut */

/* .elementor-button .elementor-button-text::first-letter {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.02em;
} */


body .btn-ew-1orange .elementor-button::before {
    content: url("/wp-content/uploads/2024/07/BTN-Header-P2-Orange.svg");
}



/* Bouton 1 BIS Header */

body .btn-ew-1bis .elementor-button .elementor-button-text::first-letter {
    font-size: inherit;
}

body .btn-ew-1bis .elementor-button {
    background-color: transparent;
    font-size: 28px;
    font-weight: 700;
    padding: 0 0 0 45px;
    border-radius: 0px;
    color: var( --e-global-color-c47d646);
    fill: inherit;
    text-align: left;
    transition: all .3s;
    position: relative;
    font-family: "Nunito";
    text-transform: inherit;
}

body .btn-ew-1bis .elementor-button:hover {
    padding-left: 50px;
    background-color: transparent;
}

body .btn-ew-1bis .elementor-button::before {
    content: url(images/btn/btn-ew-1_1.svg);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    transition: all 0.3s ease;
}

body .btn-ew-1bis .elementor-button:hover::before {
    width: 45px;
}

body .btn-ew-1bis .elementor-button::after {
    content: url(images/btn/btn-ew-1_2.svg);
    display: block;
    position: absolute;
    transform: scaleX(-1) scaleY(-1);
    /* -webkit-transform: scaleX(-1) scaleY(-1); */
    filter: brightness(0) invert(1);
    left: 0;
    top: -1px;
    transition: all 0.3s ease;
}

body .btn-ew-1bis svg{
    width: 50px!important;
}

body .btn-ew-1bis .elementor-button:hover::after {
    width: 50px;
    height: 50px;
    transform: translateX(210px) rotate(180deg) translateY(9px);
    /* -webkit-transform: translateX(210px) rotate(180deg) translateY(9px); */
}

/* Bouton 2 */

body .btn-ew-2 .elementor-button .elementor-button-text::first-letter {
    font-size: inherit;
}

body .btn-ew-2 .elementor-button {
    background-color: transparent;
    font-size: 28px;
    font-weight: 700;
    padding: 0 0 0 45px;
    border-radius: 0px;
    color: var( --e-global-color-c47d646);
    fill: inherit;
    text-align: left;
    transition: all .3s;
    position: relative;
    font-family: "Nunito";
    text-transform: inherit;
}

body .btn-ew-2 .elementor-button:hover {
    padding-left: 50px;
    background-color: transparent;
}

body .btn-ew-2 .elementor-button::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 30px;
    background-image: url(images/btn/btn-ew-2_1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    transition: all 0.3s ease;
}

body .btn-ew-2 .elementor-button:hover::before {
    width: 45px;
    height: 26px;
}

body .btn-ew-2 .elementor-button::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    right: auto;
    width: 40px;
    height: 32px;
    background-image: url(images/btn/btn-ew-1_2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    filter: brightness(0) invert(1);
    transform: scaleX(-1) scaleY(-1);
    -webkit-transform: scaleX(-1) scaleY(-1);
    transition: all 0.3s ease;
}

body .btn-ew-2 .elementor-button:hover::after {
    width: 50px;
    height: 50px;
    transform: translateX(210px) rotate(180deg) translateY(9px);
    /* -webkit-transform: translateX(210px) rotate(180deg) translateY(9px); */
}

/*************************************** SEPARATEUR *****************************************/

.sep-cercle-orange-top-right::before {
    content: "" !important;
    display: block !important;
    width: 250px !important;
    height: 150px !important;
    position: absolute !important;
    right: -50px !important;
    top: -85px !important;
    background-image: url(images/temp-cercle-orange.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    left: inherit !important;
}

.section_ew_top .sep-cercle-orange-top-right::before {
    top: -135px !important;
}



/* SEPARATEURS PARTICULIERS */

#moving-circle-orange-page-visibilite {
    position: absolute;
    right: -150px;
    z-index: 1;
}

#separateur-animation-3-bulles {
    position: absolute;
    right: 0;
    top: -150px;
    width: 550px;
}

/*************************************** MISE EN FORME *****************************************/

.bg-bulle-1, .bg-bulle-2 {
    position: relative;
    color: #fff;
    font-size: 24px;
    width: 100%;
    height: 100%;
    background-image: url('images/bulle-bleu.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 390px!important;
}

.bg-bulle-1-txt {
    position: relative;
    padding: 0 20px 0 130px;
}

.bg-bulle-1-txt:before {
    content: url('images/bulle-verte-1.png');
    display: block;
    width: 56px;
    height: auto;
    position: absolute;
    left: 50px;
    top: 15px;
}

@media (max-width: 768px) {
    .bg-bulle-2 {
        background-image: none;
        background-color: var( --e-global-color-c47d646) ;
        min-height: 250px!important;
        margin: 15px 0 15px 0!important;
    }
}

@media (max-width:460px) {
    .bg-bulle-1-txt{
        position: relative;
        padding: 0 20px 0 80px;
    }

    .bg-bulle-1-txt:before {
        left: 25px;
        top: 5px;
        transform: scale(0.6);
        /* -webkit-transform: scale(0.6); */
    }
}

/* Rotate images */

.image-resultat {
    transform-origin: center center;
    transform: rotate(90deg);
    /* -webkit-transform: rotate(90deg); */
}

.image-resultat-2 {
    transform-origin: center;
    transform: rotate(180deg);
    /* -webkit-transform: rotate(180deg); */
    margin: 15px 0px -15px 0px !important;
}

@media (max-width: 480px) {
    .image-resultat-2 {
        margin: 0px !important;
    }
}

/* 3 solutions ASSOS */

.trois-solutions-assos {
    margin-left: 100px !important;
}

@media (max-width: 480px) {
    .trois-solutions-assos {
        margin-left: 0px !important;
    }
}

/* Section background limace page "Accueil" */

.trez{
    height:250px!important;
}

.trez a{
    font-size: inherit!important;
}

.background-accueil-limace::after {
    content: '' ;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/uploads/2024/07/Rythme-Orphique-BG-Section-Opacite-0.25.svg');
    background-repeat: no-repeat;
    background-position: center 62%;
    background-size: 150vw 214%;
    top: 0;
    left: 0;
    z-index:-1;
}

.background-accueil-limace .e-lottie__container {
    margin-top: -65px;
}

@media (max-width: 1024px){
    .background-accueil-limace .e-lottie__container {
        margin-top: 0px;
    }

    .background-accueil-limace::after {
         background-size: auto 190%;
         background-position: center 75%;
    }

    .trez1{
        height:120px!important;
    }
    .trez2{
        height:250px!important;
    }

    .containerlottiebandeau{
        position: absolute!important;
        bottom: 0!important;
    }
}

@media (min-width:767px) and (max-width: 1024px){
   .background-accueil-limace::after {
         background-size: auto 190%;
         background-position: center 75%;
    }
}

@media (max-width: 767px){
    .background-accueil-limace::after {
         background-size: auto 160%;
         background-position: center 87%;
    }
}

/* Séparateur frise entre 2 colonnes (Pages Articles) */

.separateur-col::before{
    content:''!important;
    position: absolute!important;
    display: block!important;
    width: 40px!important;
    left: -75px!important;
    top:0!important;
    background-image: url('/wp-content/uploads/2024/06/SELECTEUR-TABS-Frise-verticale.svg')!important;
    background-position:top left !important;
    background-size: contain !important;
}

@media all and (max-width:1024px){
    .separateur-col::before {
        display: none!important;
    }
}

/*** DISPOSITION ***/

.dispo-1 {
    padding-left: 75px;
    min-height: 75px!important;
    padding-right: 10px;
}

.dispo-1::before {
    content: "" !important;
    display: block;
    width: 130px !important;
    height: 130px !important;
    position: absolute;
    left: 0px !important;
    top: -75px !important;
    background-image: url("/wp-content/uploads/2024/06/Triple-Bulle-Verte.svg") !important;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.dispo-1-3-bulles-orange::before{
    background-image: url("/wp-content/uploads/2024/07/3-Bulles-oranges-Verticales.svg") !important;

}

.dispo-1bis::before {
    content: "" !important;
    display: block;
    width: 130px !important;
    height: 130px !important;
    position: absolute;
    left: -72px !important;
    top: -74px !important;
    background-image: url("/wp-content/uploads/2024/06/Triple-Bulle-Verte.svg") !important;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

@media all and (max-width:767px){
    .dispo-1bis::before {
        left: 13px!important;
    }
}

.dispo-2 {
    padding-left: 35px;
}

.dispo-2::before {
    content: "" !important;
    display: block;
    width: 130px !important;
    height: 130px !important;
    position: absolute;
    left: -53px !important;
    top: -50px !important;
    background-image: url("images/bulles-titre-2.png") !important;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.dispo-2 .titre {
    padding-top: 35px;
    padding-bottom: 35px;
}

.dispo-3 {
    padding-left: 0px;
}

.dispo-3::before {
    content: "" !important;
    display: block;
    width: 130px !important;
    height: 130px !important;
    position: absolute;
    left: -70px !important;
    top: -25px !important;
    background-image: url(images/bulles-titre-1.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.dispo-3 .titre {
    padding-top: 35px;
    padding-bottom: 35px;
}

.dispo-4 {
    padding-left: 0px;
}

.dispo-4::before {
    content: "" !important;
    display: block;
    width: 80px !important;
    height: 80px !important;
    position: absolute;
    left: -45px !important;
    top: 20px !important;
    background-image: url(images/bulles-titre-1.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.dispo-4 .titre {
    padding-top: 35px;
    padding-bottom: 35px;
}

/* Disposition onglets (expertises) */

.nos-expertises .nos-expertises-titre {
    display: none;
}

.nos-expertises .elementor-tabs {
    height: 450px;
    padding-top: 30px;
}

.nos-expertises-titre {
    padding: 0px;
    display: flex;
    align-items: center;
}

.nos-expertises-titre span {
    font-family: "Fugaz One", Sans-serif;
    font-size: 75px;
    line-height: 1em;
}

.nos-expertises-titre .zero-black {
    font-family: "Fugaz One", Sans-serif;
    font-size: 75px;
    line-height: 1em;
    color: #3d5865;
    float: left;
}

.nos-expertises-titre .number-orange {
    font-family: "Fugaz One", Sans-serif;
    font-size: 75px;
    line-height: 1em;
    padding-right: 20px;
    color: var(--e-global-color-771f46c);
    float: left;
}

.nos-expertises-titre .number-vert {
    font-family: "Fugaz One", Sans-serif;
    font-size: 75px;
    line-height: 1em;
    padding-right: 20px;
    color: var(--e-global-color-accent);
    float: left;
}

.nos-expertises-titre .big-text {
    font-family: "Fugaz One", Sans-serif;
    font-size: 30px;
    line-height: 1em;
    padding-right: 20px;
    color: var( --e-global-color-c47d646);
    float: left;
}

.dispo-expert-container {
    height:350px!important;
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: flex-start;
    margin-top: 10px;
    transform: translateY(-80px);
    /* -webkit-transform: translateY(-80px); */
}

.dispo-expert-column {
    display: flex;
    flex-direction: column;
    gap: 30px;
    flex: 1;
}

.dispo-expert-block {
    display: flex;
    gap: 20px;
    align-items: stretch;
    position: relative;
    min-height: 120px!important;
}

.dispo-expert-block img {
    position: absolute;
    top: 10px;
    left: 0;
    width: 45px;
    height: auto;
    border-radius: 5px;
}

.dispo-expert-block-content {
    flex: 1;
    padding: 10px;
    border-radius: 5px;
}

.dispo-expert-block-content h2 {
    font-size: 20px !important;
    padding-left: 50px;
}

.dispo-expert-block-content p {
    font-size: 16px !important;
    padding-left: 20px;
}


@media (max-width: 767px) {
    .dispo-expert-block-content h2 {
        padding-bottom: 0px!important;
	    margin-top: 0!important;
	    margin-bottom: 5px!important
    }
}

@media (max-width: 480px) {
    .nos-expertises.elementor-widget-tabs .elementor-tab-content {
        transform: translateY(0px) !important;
        /* -webkit-transform: translateY(0px) !important; */
    }

    .nos-expertises .elementor-tabs {
        height: 715px!important;
    }

    .nos-expertises .nos-expertises-titre {
        display: flex;
    }

    .dispo-expert-container {
        flex-direction: column;
        transform: translateY(0px);
        /* -webkit-transform: translateY(0px); */
    }

    .dispo-expert-column {
        width: 100%;
        gap: 15px;
    }

    .dispo-expert-block-content h2 {
        padding-bottom: 15px;
        padding-left: 20px;
    }

    .dispo-expert-block img {
        width: 30px;
    }
}

/* CAROUSEL LEFT */

.references-entreprise .bloc-slide .bloc-slide-col-left{
    background-color: white!important
}

body .CarouselTemoignage .bloc-slide-container .bloc-slide .bloc-slide-col-left{
    background-size:90%!important;
    background-position: center left 5px!important;
}

.references-entreprise .bloc-slide a, .references-entreprise-mauve .bloc-slide a{
    color: white!important
}

.references-entreprise .bloc-slide a:hover, .references-entreprise-mauve .bloc-slide a:hover{
    color: var(--e-global-color-accent)!important
}

.references-entreprise .bloc-slide .bloc-slide-col-left::after{
    background-image: url('/wp-content/uploads/2024/06/SELECTEUR-TABS-Frise-verticale.svg')!important;
}

.containerCarouselTemoignage {
    overflow: hidden !important;
}

.CarouselTemoignage .elementor-element-3000560, .CarouselTemoignage .elementor-element-cdb045b{
    padding: 0!important
}

@media all and (max-width:1024px){
    .CarouselTemoignage {
        transform: translateX(0px);
        /* -webkit-transform: translateX(0px); */
    }
}

body .containerCarouselTemoignage a.carousel-arrow {
    top: inherit;
    bottom: -75px;
    height: 63px;
    width: 34px;
    display: block;
    background-size: contain;
    transition: all 0.2s ease-out;
}

@media all and (max-width: 1024px) and (min-width: 767px){
    body .containerCarouselTemoignage a.carousel-arrow {
        bottom: -80px!important;
        margin-left: 20px;
    }
}

body .containerCarouselTemoignage a.carousel-arrow:hover {
    background-color: transparent;
}

body .containerCarouselTemoignage a.carousel-arrow i {
    display: none;
}

body .containerCarouselTemoignage a.carousel-arrow.carousel-prev {
    left: 0px;
    background-image: url(images/fleche-carouselle.svg) !important;
}

body .containerCarouselTemoignage a.carousel-arrow.carousel-prev:hover {
    left: -5px;
    background-image: url(images/fleche-carouselle-orange.svg) !important;
}

body .containerCarouselTemoignage a.carousel-arrow.carousel-next {
    left: 75px;
    background-image: url(images/fleche-carouselle.svg) !important;
    transform: rotate(180deg);
    /* -webkit-transform: rotate(180deg); */
}

body .containerCarouselTemoignage a.carousel-arrow.carousel-next:hover {
    left: 80px;
    background-image: url(images/fleche-carouselle-orange.svg) !important;
}

body .containerCarouselFormule a.carousel-arrow {
    top: inherit;
    bottom: 10px;
    height: 60px;
    width: 32px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.2s ease-out;
}

body .containerCarouselFormule a.carousel-arrow:hover {
    background-color: transparent;
}

body .containerCarouselFormule a.carousel-arrow i {
    display: none;
}

body .containerCarouselFormule a.carousel-arrow.carousel-prev {
    left: -100px;
    background-image: url(images/fleche-carouselle-blanc.svg) !important;
}

body .containerCarouselFormule a.carousel-arrow.carousel-prev:hover {
    left: -105px;
    background-image: url(images/fleche-carouselle-orange.svg) !important;
}

body .containerCarouselFormule a.carousel-arrow.carousel-next {
    left: -50px;
    background-image: url(images/fleche-carouselle-orange.svg) !important;
    transform: rotate(180deg);
    /* -webkit-transform: rotate(180deg); */
}

body .containerCarouselFormule a.carousel-arrow.carousel-next:hover {
    left: -45px;
    background-image: url(images/fleche-carouselle-orange.svg) !important;
}

body .CarouselTemoignage .bloc-slide-container .bloc-slide .bloc-slide-col-left::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url('images/trompe-bulle.svg');
    background-color: var( --e-global-color-c47d646);
    background-repeat: no-repeat;
    background-position: 25% 30%;
    background-size: auto 150px;
    border-radius: 25px 0 0 25px;
    opacity: 0;
    z-index: 20;
    transition: opacity 0.5s ease-in-out;
}

@media all and (max-width:767px){
    body .CarouselTemoignage .bloc-slide-container .bloc-slide .bloc-slide-col-left::before{
        display:none!important;
    }
}

body .premium-carousel-template.item-wrapper.slick-slide.slick-active:not(.slick-current) .bloc-slide .e-con-inner .e-con-full::before {
    opacity: 1;
}

body .premium-carousel-template.item-wrapper.slick-slide.slick-current .bloc-slide .e-con-inner .e-con-full::before {
    opacity: 0;
}

body .premium-carousel-template.item-wrapper.slick-slide.slick-active:not(.slick-current) .bloc-slide .e-con-inner .e-con-full .e-con-boxed.e-con.e-child .bloc-slide-nom,
body .premium-carousel-template.item-wrapper.slick-slide.slick-active:not(.slick-current) .bloc-slide .e-con-inner .e-con-full .e-con-boxed.e-con.e-child .bloc-slide-activite {
    color: #fff;
    z-index: 21;
}

body .premium-carousel-template.item-wrapper.slick-slide.slick-active:not(.slick-current) .bloc-slide .e-con-inner .e-con-full .e-con-boxed.e-con.e-child .bloc-slide-nom {
    font-family: "Nunito", Sans-serif;
    font-weight: 500;
}

/* Fonds d'écran Slide Témoignage */

@media all and (min-width: 1024px) {
    .bloc-slide-container .bloc-slide {
        border-radius: 25px;
        margin-right: 30px;
    }
}

@media all and (max-width: 767px) {
    .bloc-slide-container .bloc-slide {
        border-radius: 25px;
        margin-right: 30px;
    }
}

.backgroundGrey .bloc-slide-container .bloc-slide .bloc-slide-col-left {
    background-color: #E2E2ED;
}

.backgroundWhite .bloc-slide-container .bloc-slide .bloc-slide-col-left {
    background-color: white!important;
}

.bloc-slide-container .bloc-slide .bloc-slide-col-left {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    background-color: #ffffff;
    padding: 30px 60px 10px 40px;
    position: relative;
    height: fit-content;
}

.bloc-slide-container .bloc-slide .bloc-slide-col-left::after {
    content: "" !important;
    display: block !important;
    width: 40px !important;
    height: 100% !important;
    position: absolute !important;
    right: 0px !important;
    top: 0px !important;
    background-image: url(images/frise-grise-vertical.svg) !important;
    background-size: contain;
    background-repeat: repeat-y;
}

@media all and (min-width: 767px) {
    .bloc-slide-container .bloc-slide .bloc-slide-col-right, .bloc-slide-container .bloc-slide .bloc-slide-col-left {
        height: 400px!important;
   }
}

@media all and (min-width: 1024px) {
    .CarouselTemoignage{
        min-width:2000px!important;
    }

    .CarouselTemoignage .premium-carousel-template.item-wrapper{
        min-width:1000px!important;
    }
}

@media all and (min-width: 1601px) {
    .CarouselTemoignage {
        transform: translate(30%, 0);
        /* -webkit-transform: translate(30%, 0); */
    }
}

@media all and (min-width: 1301px) and (max-width:1600px) {
    .CarouselTemoignage {
        transform: translate(20%, 0);
        /* -webkit-transform: translate(20%, 0); */
    }
}

@media all and (min-width: 1024px) and (max-width:1300px) {
    .CarouselTemoignage {
        margin-top:75px;
        transform: translate(0%, 0);
        /* -webkit-transform: translate(0%, 0); */
    }
}

@media all and (max-width: 767px) {
    .bloc-slide-container .bloc-slide .bloc-slide-col-left{
        height: fit-content !important;
		min-height:250px!important;
   }

    .bloc-slide-container .bloc-slide .bloc-slide-col-right {
        height: 250px!important;
   }

    body .CarouselTemoignage .bloc-slide-container .bloc-slide .bloc-slide-col-left {
        background-size: contain!important;
        background-position: center top 10px!important;
    }

    .photo .bloc-slide-container .bloc-slide .bloc-slide-col-left {
        padding: 150px 0px 0px 0px!important;
    }

    .bloc-slide-container .bloc-slide .bloc-slide-col-left{
        padding: 10px 10px 10px 10px!important;
    }

    body .CarouselTemoignage .bloc-slide-container{
        padding:10px!important;
    }

    .bloc-slide-container .bloc-slide .bloc-slide-col-left::after{
        display:none!important;
        right:0!important;
    }

    .photo .bloc-slide-logo-orange-2{
        position: absolute;
        right: 10%;
        top: 50%;
        transform: translateY(-50%);
    }
}

.bloc-slide-container .bloc-slide .bloc-slide-col-right {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    background-color: var( --e-global-color-c47d646);
    color: #ffffff;
    padding: 25px;
    padding-top: 45px;
}

.bloc-slide-nom {
    font-size: 18px;
    font-weight: 800;
}

.bloc-slide-activite {
    color: var(--e-global-color-771f46c);
    font-size: 16px;
}

.bloc-slide-logo {
    position: relative;
}

.bloc-slide-logo::before {
    content: "" !important;
    display: block !important;
    width: 89px !important;
    height: 89px !important;
    position: absolute !important;
    left: -10px !important;
    top: 0px !important;
    background-image: url(images/cadre-logo-temoignage.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.bloc-slide-logo-orange::before {
    content: "" !important;
    display: block !important;
    width: 89px !important;
    height: 89px !important;
    position: absolute !important;
    left: -2px !important;
    top: 0px !important;
    background-image: url(images/bullet-point-rond-orange.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.bloc-slide-logo-orange-2::before {
    content: "" !important;
    display: block !important;
    width: 89px !important;
    height: 89px !important;
    position: absolute !important;
    left: 45px !important;
    top: 0px !important;
    background-image: url(images/bullet-point-rond-orange.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

/* SECTION INTERESSE PAR - FOOTER */

@media all and (max-width:767px){
    .sectioninterressepar br{
        display: none;
    }
}

/* TABS */

.ew_tab .elementor-tabs {
    flex-direction: row-reverse;
}

.ew_tab.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-wrapper {
    width: 50%;
}

.ew_tab_bg_white .elementor-tabs-content-wrapper {
    background-image: url("images/bg-white-tab-content.svg") !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ew_tab .elementor-tabs-content-wrapper {
    background-image: url("images/bg-tab-content.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ew_tab .elementor-tab-title,
.ew_tab .elementor-tab-title:before,
.ew_tab .elementor-tab-title:after,
.ew_tab .elementor-tab-content,
.ew_tab .elementor-tabs-content-wrapper {
    border: 0px solid transparent !important;
}

.ew_tab .elementor-tabs-wrapper {
    position: relative;
}

.ew_tab .elementor-tabs-wrapper::before {
    content: url("/wp-content/uploads/2024/06/SELECTEUR-TABS-Frise-verticale.svg")!important;
    display: block !important;
    width: 44px;
    height: 100%;
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
}

.ew_tab .elementor-tabs-wrapper {
    padding-left: 50px !important;
}

.ew_tab.elementor-widget-tabs .elementor-tab-content {
    padding: 25px 50px 25px 25px !important;
    transform: translateY(35px);
    /* -webkit-transform: translateY(35px); */
}

.ew_tab.elementor-widget-tabs .elementor-tab-title {
    padding: 0 25px 25px !important;
}

@media all and (max-width:1024px) and (min-width:767px){
    .ew_tab.elementor-widget-tabs .elementor-tab-content {
        padding: 30px 30px 0px 0px !important;
    }

    .cles-en-main .big-text{
        font-size: 24px!important;
    }
}

@media all and (max-width:480px){
   .ew_tab.elementor-widget-tabs .elementor-tab-title {
        padding: 0px!important;
    } 
}

.ew_tab.elementor-widget-tabs .elementor-tab-title .container-titre-tab {
    display: flex;
}

.ew_tab .elementor-tab-title {
    position: relative !important;
    opacity: 1;
}

.ew_tab .elementor-tab-title,
.ew_tab .elementor-tab-title .vert {
    color: #1e1e1e !important;
}

.ew_tab .elementor-tab-title.elementor-active .vert {
    color: var(--e-global-color-accent) !important;
}

.ew_tab .elementor-tabs-wrapper .elementor-tab-title:hover,
.ew_tab .elementor-tabs-wrapper .elementor-tab-title.elementor-active {
    opacity: 1;
}

.ew_tab .elementor-tabs-wrapper .elementor-tab-title.elementor-active::after {
    content: url(/wp-content/uploads/2024/06/SELECTEUR-TAB-SANS-FOND.svg) !important;
    display: block !important;
    width: 117px !important;
    height: 75% !important;
    left: -120px !important;
    top: -6px !important;
    z-index: 999 !important;
}

.cles-en-main-chronologie.ew_tab .elementor-tabs-wrapper .elementor-tab-title.elementor-active::after {
    content: url(/wp-content/uploads/2024/07/SELECTEUR-TAB-SANS-FOND-ORANGE.svg) !important;
    display: block !important;
    width: 117px !important;
    height: 75% !important;
    left: -121px !important;
    top: -5px !important;
    z-index: 999 !important;
}

.ew_tab .elementor-tabs-wrapper {
    overflow: visible !important;
}

.ew_tab .elementor-tabs {
    overflow: hidden !important;
    padding: 10px 0 0 0;
}

.ew_tab .titre-tab {
    padding-left: 20px;
}

.ew_tab .num-tab {
    font-family: "Fugaz One", Sans-serif;
    font-size: 50px;
}

@media all and (max-width:480px){
    .ew_tab .num-tab {
        font-size: 40px;
    }
}

.ew_tab .elementor-tab-title.elementor-active .num-tab {
    display: none;
}

.cles-en-main .section-a-changer{
    min-height:700px!important;
}

.cles-en-main-chronologie .elementor-tab-title.elementor-active .num-tab {
    display: block;
}

.cles-en-main-chronologie .elementor-tabs {
    height: 400px !important;
}

@media (max-width: 767px) {
    .ew_tab .elementor-tab-title .num-tab {
        display: block;
        opacity: 1;
    }

    .ew_tab .elementor-tab-title.elementor-active .num-tab {
        display: block;
        opacity: 0.2;
    }

    .ew_tab .elementor-tab-title.elementor-active .num-tab .zero {
        color: #333333 !important;
    }

    .ew_tab .elementor-tab-title.elementor-active .num-tab .number {
        color: var(--e-global-color-accent) !important;
    }

    .cles-en-main-chronologie .num-tab {
        font-family: "Fugaz One", Sans-serif;
        font-size: 25px;
    }

    .nos-expertises .elementor-tab-title .num-tab {
        display: block;
        opacity: 0.2;
    }

    .nos-expertises .elementor-tab-title.elementor-active .num-tab {
        display: block;
        opacity: 1;
    }

    .nos-expertises .elementor-tab-title.elementor-active .num-tab .zero {
        color: #333333 !important;
    }

    .nos-expertises .elementor-tab-title.elementor-active .num-tab .number {
        color: var(--e-global-color-accent) !important;
    }
}

@media (max-width: 480px) {
    .ew_tab.elementor-widget-tabs .elementor-tab-content {
        padding: 25px 25px 25px 25px !important;
    }
}

.ew_tab .elementor-tab-title.elementor-active .titre-tab {
    font-family: "Nunito", Sans-serif;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.ew_tab .num-tab-content {
    font-family: "Fugaz One", Sans-serif;
    font-size: 75px;
    line-height: 1em;
    padding-right: 20px;
    color: var(--e-global-color-771f46c) !important;
    float: left;
}

.ew_tab .elementor-tab-content h3 {
    margin-bottom: 0;
    transform: translateY(-10px);
    /* -webkit-transform: translateY(-10px); */
}

.num-tab-content .zero,
.num-tab .zero {
    color: #3d5865;
}

.num-tab-content .number,
.num-tab .number {
    color: var(--e-global-color-accent);
}

.elementor-active .num-tab-content .zero,
.elementor-active .num-tab .zero {
    color: #3d5865!important;
    opacity: 0.65!important;
}

.elementor-active .num-tab-content .number,
.elementor-active .num-tab .number {
    color: var(--e-global-color-771f46c) !important;
}

/* Section "clés en main" */

.block-simple {
    display: block;
}

.little-text-green {
    font-size: 16px;
    font-weight: 500;
    margin-top: 5px;
}

.little-text-in-block {
    margin: 0px;
}

/* Clés en main 1 */

.cles-en-main .elementor-tabs {
    height: 700px;
}

.cles-en-main.entreprise {
    height: 600px;
}

.cles-en-main.assos .elementor-tabs {
    height: 340px;
}

.cles-en-main.assos2 .elementor-tabs {
    height: 450px;
}

.cles-en-main.assos3 .elementor-tabs {
    height: 550px;
}

.cles-en-main .elementor-tabs-wrapper {
    transform: translateY(15px);
    /* -webkit-transform: translateY(15px); */
}

.cles-en-main .elementor-tabs-wrapper::before {
    content: url("/wp-content/uploads/2024/06/SELECTEUR-TABS-Frise-verticale.svg")!important;
    display: block !important;
    width: 44px;
    height: 100%;
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
}

.cles-en-main.elementor-widget-tabs .elementor-tab-content {
    transform: translateY(-30px);
    /* -webkit-transform: translateY(-30px); */
}

.cles-en-main-titre {
    padding: 0px;
    display: flex;
    align-items: center;
}

.cles-en-main-titre span {
    font-family: "Fugaz One", Sans-serif;
    font-size: 75px;
    line-height: 1em;
}

.cles-en-main-titre .zero-black {
    font-family: "Fugaz One", Sans-serif;
    font-size: 75px;
    line-height: 1em;
    color: #3d5865;
    float: left;
}

.cles-en-main-titre .number-orange {
    font-family: "Fugaz One", Sans-serif;
    font-size: 75px;
    line-height: 1em;
    padding-right: 20px;
    color: var(--e-global-color-771f46c);
    float: left;
}

.cles-en-main-titre .number-vert {
    font-family: "Fugaz One", Sans-serif;
    font-size: 75px;
    line-height: 1em;
    padding-right: 20px;
    color: var(--e-global-color-accent);
    float: left;
}

.cles-en-main-titre .big-text {
    font-family: "Fugaz One", Sans-serif;
    font-size: 30px;
    line-height: 1em;
    padding-right: 20px;
    color: var( --e-global-color-c47d646);
    float: left;
}

@media all and (max-width:767px){
    .cles-en-main-titre .big-text{ 
        font-size: clamp(18px, 6vw, 36px)!important;
    }

    .cles-en-main-titre h3{
        padding-top: 10px;
    }
}

.cles-en-main-texte {
    padding: 12px 30px 12px 0px;
    text-align: left;
}

.cles-en-main-texte .cles-en-main-span {
    color: var( --e-global-color-c47d646);
    font-weight: bold;
}

.cles-en-main-texte-pour-liste {
    padding: 12px 0px 5px 0px;
}

.cles-en-main-texte-puce {
    padding: 5px 30px 5px 20px;
    text-align: justify;
}

@media all and (max-width: 767px) {
    .cles-en-main .elementor-tabs{
        height:fit-content!important;
    }

    .cles-en-main.elementor-widget-tabs .elementor-tab-content ul{
        padding-left: 0;
    }
}

@media (max-width: 480px) {
    .cles-en-main-texte {
        padding: 12px 0px 12px 0px;
    }

    .cles-en-main-texte-puce {
        padding: 5px 0px 5px 0px;
    }

    .cles-en-main ul::marker {
        display: none!important;
    }
}

/* Clés en main 2 */

.cles-en-main-2 .elementor-tabs {
    height: 500px;
}

@media (max-width: 767px) {
    .cles-en-main-2 .elementor-tabs{
        height:335px!important;
    }
}

.cles-en-main-2 .elementor-tabs-wrapper::before {
    content: url("/wp-content/uploads/2024/06/SELECTEUR-TABS-Frise-verticale.svg")!important;
    display: block !important;
    width: 44px;
    height: 100%;
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
}

.cles-en-main-2.elementor-widget-tabs .elementor-tab-content {
    transform: translateY(-30px);
    /* -webkit-transform: translateY(-30px); */
}

.cles-en-main-2-titre {
    padding: 0px;
    display: flex;
    align-items: center;
}

.cles-en-main-2-titre span {
    font-family: "Fugaz One", Sans-serif;
    font-size: 75px;
    line-height: 1em;
}

.cles-en-main-2-titre .zero-black {
    font-family: "Fugaz One", Sans-serif;
    font-size: 75px;
    line-height: 1em;
    color: #3d5865;
    float: left;
}

.cles-en-main-2-titre .number-orange {
    font-family: "Fugaz One", Sans-serif;
    font-size: 75px;
    line-height: 1em;
    padding-right: 20px;
    color: var(--e-global-color-771f46c);
    float: left;
}

.cles-en-main-2-titre .number-vert {
    font-family: "Fugaz One", Sans-serif;
    font-size: 75px;
    line-height: 1em;
    padding-right: 20px;
    color: var(--e-global-color-accent);
    float: left;
}

.cles-en-main-2-titre .big-text {
    font-family: "Fugaz One", Sans-serif;
    font-size: 30px;
    line-height: 1em;
    padding-right: 20px;
    color: var( --e-global-color-c47d646);
    float: left;
}

.cles-en-main-2-texte {
    padding: 12px 0px 12px 0px;
}

.cles-en-main-2-texte .cles-en-main-2-span {
    color: var( --e-global-color-c47d646);
    font-weight: bold;
}

/* Lottie style */

.accueil-lottie-exp .elementor-widget-lottie .e-lottie__animation {
    width: 80px;
    transform: translate(-60px, -30px);
    /* -webkit-transform: translate(-60px, -30px); */
}

/* Longueur des textes (PC + MOB) */

.text-width-400 {
    width: 400px;
}

.text-width-500 {
    width: 500px;
}

.text-width-600 {
    width: 600px;
}

.text-width-700 {
    width: 700px;
}

.text-width-800 {
    width: 800px;
}

.text-width-900 {
    width: 900px;
}

@media (max-width: 480px) {
    .text-width-400,
    .text-width-500,
    .text-width-600,
    .text-width-700,
    .text-width-800,
    .text-width-900 {
        width: 350px;
    }
}

/* Toggle simple style */

.simple-toggle-container {
    display: flex;
    align-items: left;
    flex-direction: column;
}

.simple-toggle-container .toggle-btn {
    position: relative;
    width: 60px;
    height: 30px;
    background-color: var( --e-global-color-c47d646);
    border-radius: 15px;
    cursor: pointer;
    margin: 15px 0px 30px 0px;
}

.simple-toggle-container .toggle-btn:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--e-global-color-accent);
    transition: transform 0.3s, background-color 0.3s;
}

.simple-toggle-container input[type="checkbox"] {
    display: none;
}

.simple-toggle-container input[type="checkbox"]:checked + .toggle-btn:before {
    transform: translateX(30px);
    /* -webkit-transform: translateX(30px); */
    background-color: #FFFFFF;
}

.simple-toggle-container input[type="checkbox"]:checked + .toggle-btn {
    background-color: var(--e-global-color-accent);
}

.simple-toggle-container .toggleTextList {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    width: 100%;
}

.simple-toggle-container .toggleTextList .toggleDisplayText {
    font-family: 'Nunito';
    margin-top: 10px;
    color: #000000;
    font-size: 24px;
    font-weight: 800;
}

@media (max-width: 480px) {
    .simple-toggle-container .toggleTextList {
        width: auto;
    }

    .simple-toggle-container .toggleTextList .toggleDisplayText {
        width: auto;
    }
}

/* Toggle section "Enjeux" style */


@media (max-width: 480px) {
    .toggle-entier-enjeux .toggle-titre-gauche-2,
    .toggle-entier-enjeux .toggle-titre-droite-2 {
        white-space: normal;
    }
}

/* Toggle section "Les solutions MarketCom" (INBOUND & OUTBOUND) style */

.toggle-entier-marketing .simple-toggle-container-2 {
    display: flex;
    align-items: left;
    flex-direction: column;
}

.toggle-entier-marketing .simple-toggle-container-2 .toggle-btn {
    position: relative;
    width: 60px;
    height: 30px;
    background-color: var( --e-global-color-c47d646);
    border-radius: 15px;
    cursor: pointer;
    margin: 15px 0px 15px 0px;
}

.toggle-entier-marketing .simple-toggle-container-2 .toggle-btn:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--e-global-color-accent);
    transition: transform 0.3s, background-color 0.3s;
}

.toggle-entier-marketing .simple-toggle-container-2 input[type="checkbox"] {
    display: none;
}

.toggle-entier-marketing .simple-toggle-container-2 input[type="checkbox"]:checked + .toggle-btn:before {
    transform: translateX(30px);
    /* -webkit-transform: translateX(30px); */
    background-color: #FFFFFF;
}

.toggle-entier-marketing .simple-toggle-container-2 input[type="checkbox"]:checked + .toggle-btn {
    background-color: var(--e-global-color-accent);
}

.toggle-entier-marketing .toggle-cacher-elements-3 {
    display: block;
    position: relative;
    padding-left: 15px;
}

.toggle-entier-marketing .toggle-cacher-elements-3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background-color: var(--e-global-color-771f46c);
    z-index: 1;
}

.toggle-entier-marketing .toggle-cacher-elements-4 {
    display: none;
    position: relative;
    padding-left: 15px;
}

.toggle-entier-marketing .toggle-cacher-elements-4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background-color: var(--e-global-color-accent);
    z-index: 1;
}

.toggle-entier-marketing .toggle-titre-gauche-2,
.toggle-entier-marketing .toggle-titre-droite-2 {
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 2px;
}

.toggle-entier-marketing .toggle-titre-gauche-2.active .elementor-widget-container,
.toggle-entier-marketing .toggle-titre-droite-2.active .elementor-widget-container {
    font-size: 25px;
    color: #1C1C1C;
    font-weight: 600;
    letter-spacing: 0.24px;
}

.toggle-entier-marketing .toggle-titre-gauche-2.active .elementor-widget-container .inbound {
    color: var(--e-global-color-771f46c);
}

.toggle-entier-marketing .toggle-titre-droite-2.active .elementor-widget-container .outbound {
    color: var(--e-global-color-accent);
}

.toggle-entier-marketing .toggle-titre-gauche-2:not(.active) .elementor-widget-container,
.toggle-entier-marketing .toggle-titre-droite-2:not(.active) .elementor-widget-container {
    color: #6D828C !important;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 0.24px;
}

@media (max-width: 1024px) {
    .toggle-entier-marketing .toggle-titre-gauche-2:not(.active) .elementor-widget-container,
    .toggle-entier-marketing .toggle-titre-droite-2:not(.active) .elementor-widget-container,
    .toggle-entier-marketing .toggle-titre-gauche-2.active .elementor-widget-container,
    .toggle-entier-marketing .toggle-titre-droite-2.active .elementor-widget-container {
        font-size: 20px;
    }

    .toggle-entier-marketing .boutonsConteneur .e-con>.e-con-inner {
        gap: 0px!important;
    }
}

@media (max-width: 480px) {
    .toggle-entier-marketing .boutonsConteneur .e-con>.e-con-inner {
        gap: 0px!important;
    }

    .toggle-entier-marketing .toggle-titre-gauche-2.active .elementor-widget-container,
    .toggle-entier-marketing .toggle-titre-droite-2.active .elementor-widget-container {
        font-size: 18px;
        white-space: nowrap;
    }

    .toggle-entier-marketing .toggle-titre-gauche-2:not(.active) .elementor-widget-container,
    .toggle-entier-marketing .toggle-titre-droite-2:not(.active) .elementor-widget-container {
        font-size: 18px;
        white-space: nowrap;
    }

    .toggle-entier-marketing .toggle-cacher-elements-3 {
        font-size: 14px !important;
    }

    .toggle-entier-marketing .toggle-cacher-elements-4 {
        font-size: 14px !important;
    }

    .simple-toggle-container-parent {
        height: 20px !important;
    }
}


/* @media (max-width: 550px) {
    .toggle-entier-realisation .boutonsConteneur .e-con>.e-con-inner {
        gap: 0px;
    }

    .toggle-entier-realisation .toggle-titre-gauche-3.active .elementor-widget-container,
    .toggle-entier-realisation .toggle-titre-droite-3.active .elementor-widget-container {
        font-size: 18px;
        white-space: nowrap;
    }

    .toggle-entier-realisation .toggle-titre-gauche-3:not(.active) .elementor-widget-container,
    .toggle-entier-realisation .toggle-titre-droite-3:not(.active) .elementor-widget-container {
        font-size: 18px;
        white-space: nowrap;
    }
} */

/* Image interactive (équipe Ethicweb) */

.image-interactive {
    position: relative;
    overflow: visible;
}

.image-interactive .vision-map {
    position: relative;
    transform: translateY(-200px);
    /* -webkit-transform: translateY(-200px); */
    overflow: hidden;
}

.image-interactive .div-text-interactive {
    font-size: 18px;
    font-weight: 600;
}

.image-interactive .green-text-interactive {
    padding: 5px 0px 20px 0px;
}

.image-interactive .vision-theme-light .vision-popovers .vision-popover .vision-form {
    margin: 40px;
    overflow: hidden;
    box-shadow: none;
    max-height: 400px;
    width: 380px;
    position: relative;
    background-color: transparent;
}

.image-interactive .vision-map .vision-popovers .vision-popover .vision-offset {
    padding: 100px;
}

.image-interactive .vision-map .vision-popovers .vision-popover .vision-offset::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-image: url("/wp-content/uploads/2024/03/Grosse-et-petite-bulle.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.overlay-gray::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

@media screen and (max-width: 1650px) {
    .image-interactive .vision-map {
        transform: translateY(0px);
        /* -webkit-transform: translateY(0px); */
    }
}

/* Page "Réalisation" filtre */

.container-nos-realisations {
    display: flex;
    flex-wrap: wrap;
}

.column-nos-realisations {
    animation: realisationFadeIn 0.5s ease;
}

@keyframes realisationFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
        /* -webkit-transform: translateY(20px); */
    }

    to {
        opacity: 1;
        transform: translateY(0);
        /* -webkit-transform: translateY(0); */
    }
}

.bloc-nos-realisations {
    position: relative;
    width: 370px!important;
    height: 370px!important;
    margin: 15px;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.6s ease;
}

@media all and (max-width:820px){
    .azert, .container-nos-realisations, .column-nos-realisations {
        align-content: center!important;
        margin:0 auto!important;
    }


    .bloc-nos-realisations{
        width: 300px!important;
        height: 300px!important;
    }
}

.bloc-nos-realisations::before {
    content: "";
    position: absolute;
    top: -118px;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/uploads/2024/07/Limace-Haute-Opacite-0.2_1.svg');
    background-size: 996px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    z-index: 1;
}

.bloc-nos-realisations:hover::before {
    animation: realisationFadeInTop 0.5s ease;
    opacity: 1;
}

.bloc-nos-realisations:not(:hover)::before {
    animation: realisationInverseFadeInTop 0.5s ease;
    opacity: 0;
}

@keyframes realisationFadeInTop {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes realisationInverseFadeInTop {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
    }
}

.bloc-nos-realisations::after {
    content: "";
    position: absolute;
    top: 140px;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/uploads/2024/07/Limace-Basse-Opacite-0.2_1.svg');
    background-size: 996px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    z-index: 1;
}

.bloc-nos-realisations:hover::after {
    animation: realisationFadeInBottom 0.5s ease;
    opacity: 1;
}

.bloc-nos-realisations:not(:hover)::after {
    animation: realisationInverseFadeOutBottom 0.5s ease;
    opacity: 0;
}

@keyframes realisationFadeInBottom {
    from {
        opacity: 0;
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes realisationInverseFadeOutBottom {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(100%);
    }
}

.bloc-nos-realisations:hover .contenu-nos-realisations h3 {
    display: block;
}

.bloc-nos-realisations:hover .contenu-nos-realisations h3:first-child {
    animation: realisationFadeInTop 0.5s ease;
}

.bloc-nos-realisations:hover .contenu-nos-realisations h3:last-child {
    animation: realisationFadeInBottom 0.5s ease;
}

.background-image-fond {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity:1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}

.background-image-publication {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
}

.background-image-publication::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius:16px;
    z-index: 1;
}

.bloc-nos-realisations:hover .background-image-publication::before {
    background-color: rgba(0, 0, 0, 0.3);
    transition: 0.6s ease;
}

.container-nos-realisations .contenu-nos-realisations {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* -webkit-transform: translate(-50%, -50%); */
    text-align: center;
    color: white;
    z-index: 2;
}

.container-nos-realisations .contenu-nos-realisations h3 {
    display: none;
    font-size: 35px;
    font-family: 'Fugaz One', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.bloc-nos-realisations:hover .contenu-nos-realisations h3 {
    margin-top: 20px;
}

.filtrer-liens a {
    cursor: pointer;
    font-size: 22px !important;
}

.filtrer-liens a.active {
    color: var(--e-global-color-accent) !important;
}

.filtrer-liens a:hover {
    color: #6D828C !important;
}

.elementor-shortcode .container-nos-realisations{
    width: 100%!important;
}

@media screen and (max-width: 480px) {
    .container-nos-realisations {
        display: block;
    }

    .container-nos-realisations .contenu-nos-realisations h3 {
        font-size: 25px;
    }

    .column-nos-realisations {
        margin: 20px;
    }
}

@media screen and (max-width: 550px) {
    .filtrer-liens a {
        font-size: 12px !important;
    }
}

#reference_temoignage_header,#reference_temoignage_contenu,
#reference_satisfaction_header,#reference_satisfaction_contenu,#reference_satisfaction_goutte{
    display:none;
}

.filter-marketing-communication.hide,
.filter-conseil-strategie.hide{
    display:none!important;
}
/******************* DEBUT FORMULAIRES STYLE *******************/

/* FORMULAIRE PAGE AGENCE */

.formulaire-page-agence .wpcf7-form table {
    display: flex;
    justify-content: end;
    width: 50%;
}

.formulaire-page-agence .cf7-validation-form table {
    display: flex;
    justify-content: end;
}

.formulaire-page-agence .cf7-structure-form,
.formulaire-page-agence .cf7-validation-form {
    display: flex;
    justify-content: center;
}

.formulaire-page-agence .cf7-structure-form input[type="text"],
.formulaire-page-agence .cf7-structure-form input[type="email"],
.formulaire-page-agence .cf7-structure-form input[type="tel"],
.formulaire-page-agence .cf7-structure-form textarea {
    font-size: 20px;
}

@media (max-width: 480px) {
    .formulaire-page-agence .wpcf7-form table {
        width: 80%;
    }
}



/******************* DEBUT MODELE REALISATION STYLE *******************/

.shortcode-container {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0px;
}

.shortcode-title {
    flex: 0 0 30%;
    display: flex;
    font-size: 20px;
    font-weight: bold;
    color: var( --e-global-color-c47d646);
}

.shortcode-description {
    flex: 0 0 70%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shortcode-description ul {
    list-style-type: none;
    padding: 0px;
}

.shortcode-description li {
    position: relative;
    padding-left: 50px;
    list-style: none;
}

.shortcode-description li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    background-image: url('/wp-content/uploads/2024/02/Bullet-Conseil.svg');
    background-size: contain;
    margin-right: 5px;
}

.shortcode-title::before {
    content: "";
    display: inline-block;
    position: relative;
    top: -5px;
    width: 45px;
    height: 45px;
    background-image: url('/wp-content/uploads/2024/01/empreinte-gauche.svg');
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 20px;
}

.title-text {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.ligne-images-container {
    margin-bottom: 50px;
}

.ligne-images {
    display: flex;
}

.ligne-image {
    flex-grow: 1;
    box-sizing: border-box;
    padding:10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ligne-image img {
    width: 100%;
}

.images-2 .ligne-image {
    width: 50%;
}

.images-3 .ligne-image {
    width: 33.33%;
}

@media (max-width: 768px) {
    .ligne-images {
        display: block;
    }

    .ligne-image img {
        width: 100%;
        height: auto;
        margin: 20px 0px;
    }

    .images-2 .ligne-image {
        width: 100%;
    }
    
    .images-3 .ligne-image {
        width: 100%;
    }
}

.indicateurs-columns-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
}

.indicateurs-shortcode-column {
    width: calc(25% - 20px);
    margin-bottom: 20px;
	padding: 0 20px 0 20px;
}

.indicateurs-column-image {
    width: 30%;
}

.indicateurs-shortcode-title {
    padding: 10px;
    font-weight: bold;
}

.indicateurs-title-text {
    color: white;
}

.indicateurs-shortcode-description {
    color: white;
}

@media (max-width: 768px) {
    .indicateurs-columns-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .indicateurs-shortcode-column {
        width: 100%;
        margin: 20px 0px;
    }
}

/******************* FIN MODELE REALISATION STYLE *******************/

/* HOVER WITH LOGO */

.bloc-hover-with-logo {
    min-height: 150px;
    cursor: pointer;
    line-height: 1.7em;
}

.bloc-hover-with-logo .ligne-1 {
    display: block;
    color: #000000;
    font-size: 28px;
    font-weight: 600;
}

.bloc-hover-with-logo .ligne-2 {
    display: block;
    color: var(--e-global-color-accent);
    font-size: 28px;
    font-weight: 600;
}

.bloc-hover-with-logo.active .ligne-1,
.bloc-hover-with-logo:hover .ligne-1 {
    color: #ffffff;
    font-weight: 700;
    font-size: 24px;
    transition: all 0.4s ease-out;
}

.bloc-hover-with-logo.active .ligne-2,
.bloc-hover-with-logo:hover .ligne-2 {
    font-weight: 700;
    font-size: 24px;
}

.bloc-hover-with-logo::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
    transition: all 0.5s ease-out;
    opacity: 0;
}

#bloc-hover-with-logo-1.active::before {
    background-image: url(images/petale1.svg) !important;
    opacity: 1;
    width: 100% !important;
    height: 100% !important;
    left: -22px !important;
    top: -55px !important;
    transform: rotate(-45deg) scale(2.2);
    /* -webkit-transform: rotate(-45deg) scale(2.2); */
}

#bloc-hover-with-logo-1::before {
    background-image: url(images/petale1.svg) !important;
    width: 100px !important;
    height: 100% !important;
    left: 440px !important;
    top: -20px !important;
}

#bloc-hover-with-logo-1:hover::before {
    opacity: 1;
    width: 100% !important;
    height: 100% !important;
    left: -22px !important;
    top: -55px !important;
    transform: rotate(-45deg) scale(2.2);
    /* -webkit-transform: rotate(-45deg) scale(2.2); */
}

#bloc-hover-with-logo-2::before {
    background-image: url(images/petale2.svg) !important;
    width: 100px !important;
    height: 100% !important;
    left: 440px !important;
    top: -20px !important;
}

#bloc-hover-with-logo-2:hover::before {
    opacity: 1;
    width: 100% !important;
    height: 100% !important;
    top: -16px !important;
    left: -16px !important;
    transform: rotate(38deg) scale(2);
    /* -webkit-transform: rotate(38deg) scale(2); */
}

#bloc-hover-with-logo-3::before {
    background-image: url(images/petale3.svg) !important;
    width: 100px !important;
    height: 100% !important;
    left: -250px !important;
    top: -20px !important;
}

#bloc-hover-with-logo-3:hover::before {
    opacity: 1;
    width: 100% !important;
    height: 100% !important;
    left: -5px !important;
    top: -32px !important;
    transform: rotate(-20deg) scale(1.5);
    /* -webkit-transform: rotate(-20deg) scale(1.5); */
}

#bloc-hover-with-logo-4::before {
    background-image: url(images/petale4.svg) !important;
    width: 100px !important;
    height: 100% !important;
    left: -250px !important;
    top: -20px !important;
}

#bloc-hover-with-logo-4:hover::before {
    opacity: 1;
    width: 100% !important;
    height: 100% !important;
    left: 0px !important;
    top: -40px !important;
    transform: rotate(-20deg) scale(3);
    /* -webkit-transform: rotate(-20deg) scale(3); */
}

#bloc-hover-with-logo-logo img {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.circleMultiColorHorizontal::after {
    position: absolute;
    display: block;
    content: "";
    right: 0px;
    top: -500px;
    width: 35%;
    height: 100%;
    background-image: url("/wp-content/uploads/2024/06/Rythme-Orphique-Horizontal-Droit.svg");
    background-size: 1000px;
    background-position: top left;
    background-repeat: no-repeat;
    z-index: -1;
}

.circleMultiColorHorizontal2 {
    overflow: hidden !important;
}

.circleMultiColorHorizontal2::after {
    position: absolute;
    content:url(images/circle-multi-color-vertical.svg);
    right: 0px;
    top: 70%;
    width: 100%;
    height: 400px;
}


.circleMultiColorVertical::after {
    position: absolute;
    display: block;
    content: url("/wp-content/uploads/2024/06/Rythme-Orphique-DemiVertical-Gauche.svg");
    left: 0px;
    top: calc(-17vw - 70px);
    width: 10vw;  
    z-index: 1;
}

.circleMultiColorVerticalDroite::after {
    position: absolute;
    display: block;
    content: url("/wp-content/uploads/2024/06/Rythme-Orphique-DemiVertical-Droit.svg");
    right: 0px!important;
    top: calc(-8vw - 70px);
    width: 10vw;  
    z-index: 1;
}

.circleMultiColorVertical2::after {
    position: absolute;
    content: "";
    left: 0px;
    top: 50%;
    width: 100%;
    height: 400px;
    background-image: url(images/circle-multi-color-vertical.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    transform: translateX(-50%) translateY(-650px) rotate(270deg);
    /* -webkit-transform: translateX(-50%) translateY(-650px) rotate(270deg); */
}

.circleMultiColorVertical3::after {
    position: absolute;
    content: "";
    left: 0px;
    top: 0%;
    width: 100%;
    height: 400px;
    background-image: url(images/circle-multi-color-vertical.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    transform: translateX(-50%) translateY(-650px) rotate(270deg);
    /* -webkit-transform: translateX(-50%) translateY(-650px) rotate(270deg); */
}

/************** PAGE SEO *************/

.seo-page-title h1{
    color: var(--e-global-color-accent);
    margin-bottom: 0px;
}

.seo-page-title.seo-page-title-pc h1{
    font-size: 3vw; 
    line-height: 3vw;
}

.seo-page-title.seo-page-title-pc p{
    font-size: 2vw; 
    line-height: 2vw;
}

.seo-page-title.seo-page-title-mobile h1{
    font-size: 24px; 
    line-height: 26px;
}

.seo-page-title.seo-page-title-mobile p{
    font-size: 24px; 
    line-height: 26px;
}

/* Valeurs ROOT */

:root {
    --fonds-blanc-height: 400px;
    --webcom-before-height: 100%;
    --webcom-before-left: calc(100vw - 330px);
    --translate-x: 0;

    
}

.vagueblancheDhaut::after {
    display:block;
    position: absolute;
    content: "";
    background-image: url("/wp-content/uploads/2024/06/Goutte-blanche-Sup-D.svg");
    background-repeat: no-repeat;
    background-position: top left 7px;
    background-size: 750px;
    right: -485px!important;
    top: -1px!important;
    width: 750px!important;
    height: 200px;
    z-index: 9!important;
}

.white-wave:after {
    display:block;
    position: absolute;
    content: "";
    background-image: url("/wp-content/uploads/2024/06/Goutte-blanche-Sup-D.svg");
    background-repeat: no-repeat;
    background-position: top left 7px;
    background-size: 750px;
    right: 0!important;
    top: -1px!important;
    width: 750px!important;
    height: 200px;
    z-index: 9!important;
}





.vagueblancheDhautmauve::after {
    background-image: url("/wp-content/uploads/2024/06/Vague-Haut-D-Mauve.svg");
}

.sectionbullegauchecontenu{
    margin-top:-165px!important;
}

@media all and (max-width:767px){
    .vagueblancheDhaut::after{ 
        left: calc(32vw - 110px)!important;
    }
}

.section-fonds-blanc-gauche::after {
    position: absolute;
    content: "";
    left: -50px;
    top: -12px;
    width: calc((100vw - 1200px) / 2);
    height: 400px;
    background-image: url(images/fond-blanc.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    max-width: 535px;
    max-height: 400px;
    min-width: 535px;
    transform: scaleX(-1);
    /* -webkit-transform: scaleX(-1); */
}

.fonds-blanc-gauche::after {
    position: absolute;
    content: "";
    left: -440px;
    top: -12px;
    width: calc((100vw - 1200px) / 2);
    height: 400px;
    background-image: url(images/fond-blanc.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    max-width: 535px;
    max-height: 400px;
    min-width: 535px;
    transform: scaleX(-1);
    /* -webkit-transform: scaleX(-1); */
}

.cicleTitreSection.e-con::before {
    content: "";
    display: block;
    width: 130px;
    height: 130px;
    position: absolute;
    left: -160px;
    top: -20px;
    background-image: url(images/before-Circle-Titre-Section.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 100;
}

.fonds-bleu::after {
    position: absolute;
    content: "";
    left: 0px;
    top: -1px;
    width: 535px;
    height: 400px;
    background-image: url(images/Vague-bleue-inversee-G-couper.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}

.goutte-bleu-after::after {
    position: absolute;
    content: "";
    left:-5px;
    top: -1px;
    width: 535px;
    height: 400px;
    background-image: url(images/Vague-bleue-inversee-G-couper.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}

.goutte-bleu-droite-after {
    overflow: hidden;
}

.goutte-bleu-droite-after::after {
    position: absolute;
    content: "";
    right: 200px;
    top: -22px;
    width: 53.5vw;
    height: var(--fonds-blanc-height);
    max-width: 700px;
    max-height: 450px;
    background-image: url(/wp-content/uploads/2024/03/Vague-Bleue-Droite.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}

@media (max-width: 1880px) {
    .goutte-bleu-after::after {
        content: "";
        position: absolute;
        top: -20px;
        left: inherit;
        left: calc(100% - 600px);
    }

    .goutte-bleu-droite-after::after {
        content: "";
        position: absolute;
        left: inherit;
        left: calc(90% - 600px);
    }
}

/* Valeurs ROOT 2 */

:root {
    --fonds-blanc-height: 400px;
    --webcom-before-height: 100%;
    --webcom-before-left: calc(100vw - 330px);
}

body div.webCom {
    position: relative;
}

/***************** SECTIONS COMMUNES ***************/

/* Section méduse en fin de page */



.medusa_bottom {
    bottom: 0;
    z-index: 30;
    width: 250px;
}

.pagecontact.medusabottom::after{
    bottom: -40px!important;
}

@media screen and (max-width: 1024px) and (min-width: 767px){
    .medusabottom:after{
        bottom: -98px!important;
        right: 0px!important;
        width:400px!important;
        height: 120px!important;
    }
    
    .medusa_bottom{
        bottom: -60px!important;
        right: 0px!important;
    }

    .cercleOrangeFooter{
        width: 275px!important;
        left: 25px!important;
        top: 50px!important;
    }
}

@media screen and (max-width:767px){
    .medusa_bottom{
        bottom: -60px!important;
        right: 40px!important;
    }

    .medusabottom::after{
        bottom: -98px!important;
        right: 0px!important;
        width:400px!important;
        height: 120px!important;
    }

    .cercleOrangeFooter{
        width: 200px!important;
        left: -40px!important;
        top: 50px!important;
    }
}

/* ANIMATIONs 1ere section */

.animation-sous-premiere-section {
    height: calc(100% - 30px) !important;
    padding: 0px !important;
    z-index: 100 !important;
}

.animation-sous-premiere-section .elementor-widget-lottie {
    width: 100%;
}

.animation-sous-premiere-section .elementor-widget-lottie .e-lottie__container {
    width: 100%;
}

.vaguebleuheader::after{
    display: block;
    content:'';
    position: absolute;
    bottom: 14px;
    left: calc(-100vw + 950px);
    width: calc(100vw - 950px);
    height:100%;
    background-color: var( --e-global-color-c47d646);
    z-index:999!important;
}

@media screen and (min-width: 945px) {
    .animations-premiere-section{
        background: linear-gradient(to bottom, var( --e-global-color-c47d646) 0%, var( --e-global-color-c47d646) 195px, white 195px, white 100%);
        min-height: 210px!important;
    }

    .animations-premiere-section .vaguebleuheader{
        background: #ffffff;
    }
}

/* Block : Liens des encarts */

.liens-des-encarts .block {
    position: relative;
    margin-right: 20px;
    margin-left: 50px;
    margin-bottom: 15px;
}

.liens-des-encarts .block:last-child {
    margin-bottom: 0px;
}

.liens-des-encarts .block a {
    position: relative;
    display: inline-block;
    color: #FFFFFF;
    font-family: "Nunito";
    font-size: 28px;
    font-weight: 800;
    text-decoration: none;
}

.liens-des-encarts .block .icon {
    position: absolute;
    width: 35px;
    left: -60px;
    top: 55%;
    transform: translateY(-50%);
    opacity: 0;
    transition: top 0.3s ease, opacity 0.3s ease;
}

.liens-des-encarts .block.active .icon {
    top: 50%;
    opacity: 1;
}

.liens-des-encarts .active a {
    color: var(--e-global-color-accent);
}

/* Meduse coller dans block Contact */

.medusa_coller_contact .elementor-widget-container {
    width: 500px;
    transform: translateX(-250px);
    /* -webkit-transform: translateX(-250px); */
}

.cercle_coller_contact .elementor-widget-container {
    width: 500px;
    transform: translateX(-250px);
    /* -webkit-transform: translateX(-250px); */
}

.cercle_coller_contact .e-lottie__animation {
    width: 400px;
}

@media (max-width: 767px) {
    .medusa_coller_contact .elementor-widget-container {
        width: auto;
        transform: translateX(50px);
        /* -webkit-transform: translateX(50px); */
    }

    .cercle_coller_contact .elementor-widget-container {
        width: auto;
        transform: translateX(0px);
        /* -webkit-transform: translateX(0px); */
    }

    .cercle_coller_contact .e-lottie__animation {
        width: auto;
    }

    .cercle_coller_contact {
        width: 80%;
    }
}

@media (max-width: 480px) {
    .titre_coller_contact .elementor-widget-container {
        font-size: 30px !important;
    }
}

.cercleOrange {
    position: absolute !important;
    width: 100%;
}

/* Menu popup */

.dialog-message.dialog-lightbox-message {
    overflow: hidden !important;
    background-color: var( --e-global-color-c47d646)00 !important;
}

.circleMultiColorHorizontal>div {
    position: relative;
    z-index: 1;
}

.circleMultiColorHorizontal::before {
    position: absolute;
    content: "";
    left: -275px;
    top: -400px;
    width: 1916px;
    height: 1000px;
    background-image: url(images/circle-multi-color-vertical.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    transform: translateX(-345px) translateY(-150px) rotate(240deg);
    /* -webkit-transform: translateX(-345px) translateY(-150px) rotate(240deg); */
}

.circleMultiColorHorizontal2>div {
    position: relative;
    z-index: 1;
}

.circleMultiColorHorizontal2::before {
    position: absolute;
    content: "";
    left: -275px;
    top: -400px;
    width: 1916px;
    height: 1000px;
    background-image: url(images/circle-multi-color-vertical.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    transform: translateX(-345px) translateY(-150px) rotate(240deg);
    /* -webkit-transform: translateX(-345px) translateY(-150px) rotate(240deg); */
}

#elementor-popup-modal-798  nav.elementor-nav-menu--main {
    width: 600px;
}

#elementor-popup-modal-798 .elementor-nav-menu .elementor-item {
    font-family: "Fugaz One", Sans-serif;
    font-size: 40px;
    font-weight: normal;
}

#elementor-popup-modal-798 .menu-item-has-children .highlighted {
    padding-bottom: 20px;
    transform: translateX(0px);
    /* -webkit-transform: translateX(0px); */
    transition: transform 0.3s ease;
}

#elementor-popup-modal-798 .menu-item-has-children ul.sub-menu {
    position: relative;
    background-color: transparent;
    width: auto;
    margin-left: 0px !important;
    margin-top: 20px !important;
}

#elementor-popup-modal-798 .menu-item-has-children ul.sub-menu a {
    font-family: "Fugaz One", Sans-serif;
    font-size: 30px;
    font-weight: normal;
    color: #FFFFFF;
    margin-left: 30px;
    white-space: nowrap;
}

#elementor-popup-modal-798 .menu-item-has-children ul.sub-menu .elementor-sub-item,
#elementor-popup-modal-798 .menu-item-has-children ul.sub-menu .elementor-sub-item:hover {
    background-color: transparent !important;
}

#elementor-popup-modal-798 .elementor-nav-menu .sub-arrow {
    padding: 0px 0px 0px 10px;
}

#elementor-popup-modal-798 .elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: #FFFFFF !important;
}


@media (max-width: 480px) {
    #elementor-popup-modal-798 nav.elementor-nav-menu--main {
        width: auto;
    }

    #elementor-popup-modal-798 .elementor-nav-menu .elementor-item {
        font-size: 30px;
        line-height: 1.8rem;
    }

    #elementor-popup-modal-798 .menu-item-has-children .highlighted {
        transform: translateX(0px);
        /* -webkit-transform: translateX(0px); */
        transition: transform 0.3s ease;
    }

    #elementor-popup-modal-798 .menu-item-has-children ul.sub-menu a {
        font-size: 24px;
        line-height: 1.8rem;
        padding: 5px 0px;
        white-space: normal;
    }

    #elementor-popup-modal-798 .elementor-nav-menu {
        padding: 0px 0px 30px 0px;
    }

    #elementor-popup-modal-798 .open-menu-contact span {
        font-size: 25px;
    }

    #elementor-popup-modal-798 .menu-conteneur-titre-ethicweb .elementor-widget-image::after {
        content: none;
    }
}

/* Bloc accordeon "accordeonBloc" */

.accordeonBloc {
    position: relative;
    height: 400px;
}

.accordeonBloc .elementor-accordion .elementor-tab-content,
.accordeonBloc .elementor-accordion .elementor-accordion-item {
    border: none;
}

.accordeonBloc .elementor-accordion .elementor-tab-title {
    position: relative;
    padding: 5px 5px 5px 25px;
}

.accordeonBloc .elementor-accordion .elementor-tab-content {
    padding: 0px 15px 15px 25px;
}

.accordeonBloc .elementor-tab-title.elementor-active:before, .accordeonBloc .elementor-accordion-title:before {
    content: url('/wp-content/uploads/2024/02/Bullet-Conseil.svg');
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    /* -webkit-transform: translateY(-50%); */
}

.listebullets li:before {
    content: url('/wp-content/uploads/2024/02/Bullet-Conseil.svg');
    display: block;
    width: 10px;
    height: 10px;
    position: relative;
    left: -40px;
    top: 10px;
}

.listebullets li::marker {
    color:transparent!important;
}

@media (max-width: 1024px) {
    .accordeonBloc {
        height: fit-content!important;
        margin-left: 0px;
    }
}

@media (max-width: 480px) {
    .accordeonBloc .elementor-accordion .elementor-tab-title,
    .accordeonBloc .elementor-accordion .elementor-tab-content {
        margin-left: 20px;
    }

    .accordeonBloc .elementor-tab-title img {
        left: 5px;
        width: 8px;
        height: 8px;
    }
}

/* Bloc témoignage (Page action) */

.page-action-section-temoignage {
    height: 180px !important;
}

.page-action-section-temoignage .temoignage {
    background-color: var(--e-global-color-accent);
    display: inline-block;
    vertical-align: middle;
    border-radius: 10px;
    transform: translateY(-110px);
    /* -webkit-transform: translateY(-110px); */
    z-index: 1;
}

.page-action-section-temoignage .temoignage .elementor-widget-container {
    position: relative;
    padding-left: 60px;
}

.page-action-section-temoignage .temoignage .elementor-widget-container {
    color: #FFFFFF !important;
    font-size: 18px;
}

.page-action-section-temoignage .temoignage .elementor-widget-container::before {
    content: url("/wp-content/uploads/2024/04/Guillemets.svg");
    position: absolute;
    top: 50px;
    left: 30px;
    transform: translateY(-50%);
    /* -webkit-transform: translateY(-50%); */
    width: 42px;
    height: 42px;
    margin-right: 0.5em;
}

.page-action-section-temoignage .temoignage .elementor-widget-container .espace-texte {
    margin: 30px 0px 0px 0px;
}

@media (max-width: 480px) {
    .page-action-section-temoignage {
        height: 255px !important;
        background-color: #F5F7F9;
    }

    .page-action-section-temoignage .temoignage {
        transform: translateY(-180px);
        /* -webkit-transform: translateY(-180px); */
    }

    .page-action-section-temoignage .temoignage .elementor-widget-container {
        font-size: 17px;
    }

    .page-action-section-temoignage .temoignage .elementor-widget-container::before {
        left: auto;
        transform: translateY(-75px);
        /* -webkit-transform: translateY(-75px); */
    }
}

/* Point vert before */

.simple-point-vert:before {
    content: url(/wp-content/uploads/2024/02/Bullet-Conseil.svg);
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    /* -webkit-transform: translateY(-50%); */
}

/* Encart des solutions globales */

.trois-solutions-globales h3.elementor-heading-title {
    font-family: "Fugaz One", Sans-serif !important;
    font-size: 22px !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
}

.trois-solutions-globales .e-con-inner:last-child {
    padding: 0px;
}

.trois-solutions-globales .elementor-heading-title a:hover {
    color: #3D5865 !important;
}

@media (max-width: 480px) {
    .trois-solutions-globales .elementor-widget-container img {
        width: 150px !important;
        transform: translate(0px, 0px);
        /* -webkit-transform: translate(0px, 0px); */
    }

    .trois-solutions-globales h3.elementor-heading-title {
        font-size: 20px !important;
    }
}

/* Bulles pour titre */

.bulles-info-box::before {
    position: absolute;
    content: "";
    width: 77px;
    height: 77px;
    top: -50%;
    left: 20%;
    background-image: url(/wp-content/uploads/2024/02/3-bulles-info-box.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.layout-section-index {
    z-index: -2 !important;
}

/* Titre sur deux lignes séparées */

.conteneur-titre-deux-lignes {
    position: relative;
    width: 200px;
    white-space: nowrap;
    overflow: visible;
    padding-bottom: 2em;
}

.conteneur-titre-deux-lignes .titre-ligne-une,
.conteneur-titre-deux-lignes .titre-ligne-deux {
    display: inline-block;
    position: absolute;
    top: 0;
}

.conteneur-titre-deux-lignes .titre-ligne-deux {
    left: 30px;
    top: 1em;
}

/***************** SPECIFICITES PAR PAGES *********************/

/*********** ENJEUX *************/

/***** VISIBILITE ******/

.solution_web_com_logo {
    position: absolute;
    top: -245px;
    right: 10px;
}

/* Slider mobile */

.sliderCards button {
    display: none;
}

.navigation-arrows {
    display:none!important;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
}

.navigation-arrows button {
    border: none;
    background-color: transparent;
    cursor: pointer;
    width: 48px;
    height: 48px;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.navigation-arrows .prev-tab {
    background-image: url('images/fleche-carouselle.svg') !important;
    background-size: contain;
    background-color: transparent !important;
}

.navigation-arrows .next-tab {
    background-image: url('images/fleche-carouselle.svg') !important;
    background-size: contain;
    background-color: transparent !important;
    transform: rotate(180deg);
    /* -webkit-transform: rotate(180deg); */
}

.flecheTournie svg {
    height: 130%;
    width: 130%;
}

.flecheTournie {
    position: absolute !important;
    bottom: calc(10% - 10px);
    transform: rotate(20deg);
    /* -webkit-transform: rotate(20deg); */
    z-index: -1;
    right: calc(20% - 10px) !important;
    width: 80px !important;
}

.listeIconReverse>div li, .listeIconReverse>div li a {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;

}

.listeIconReverse a{
    color: var( --e-global-color-c47d646)!important;
}

.listeIconReverse a span:hover{
    color: var(--e-global-color-accent)!important;
}

.listeIconReverse.orange a span:hover{
    color: var(--e-global-color-771f46c)!important;
}

.listeIconsblock{
    min-height:110px;
}

.boutonPatateVertGauche {
    padding-left: 50px;
    transform: translateX(-50px);
    /* -webkit-transform: translateX(-50px); */
}

.boutonPatateVertGauche::after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 10px;
    background-image: url(images/Patate_verte.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
    transition: transform 0.5s ease;
}

.boutonPatateVertGauche:hover::after {
    transform: translateX(var(--translate-x, 0)) scale(3);
    /* -webkit-transform: translateX(var(--translate-x, 0)) scale(3); */
}

.boutonPatateVertGauche a span {
    z-index: 20;
}

.boutonPatateVertDroite {
    padding-right: 50px;
}

.boutonPatateVertDroite::after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 10px;
    background-image: url(images/Patate_verte.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
    transition: transform 0.5s ease;
}

.boutonPatateVertDroite:hover::after {
    transform: translateX(calc(-1 * var(--translate-x, 0))) scale(3);
    /* -webkit-transform: translateX(calc(-1 * var(--translate-x, 0))) scale(3); */
}

.boutonPatateVertDroite a span {
    z-index: 20;
}

.hiddenAfter::after {
    visibility: hidden;
}

.espace-titre-sur-deux-lignes {
    margin-top: 1em;
    height: 5em;
}

.espace-titre-sur-trois-lignes {
    height: 50px;
}



@media (max-width: 1550px) {
    .lottie-85-pourcent svg {
        width: 85% !important;
    }
}

@media (max-width: 1444px) {
    .circleMultiColorHorizontal::after {
        top: -400px;
        width: 40%;
        background-size: 800px;
    }

    .circleMultiColorHorizontal2::after {
        height: 320px;
    }

    .circleMultiColorVertical2::after, .circleMultiColorVertical3 {
        height: 320px;
    }
}

@media (max-width: 1300px) {
    .dispo-2 .elementor-heading-title {
        min-height: 65px;
    }

    .dispo-2::before {
        width: 100px !important;
        height: 165px !important;
        left: 0px !important;
        top: 16px !important;
    }

    .dispo-3 .elementor-heading-title {
        min-height: 65px;
    }
    
    .dispo-3::before {
        width: 100px !important;
        height: 165px !important;
        left: 0px !important;
        top: 16px !important;
    }

    .dispo-4 .elementor-heading-title {
        min-height: 65px;
    }
    
    .dispo-4::before {
        width: 100px !important;
        height: 165px !important;
        left: 0px !important;
        top: 16px !important;
    }
	 .circleMultiColorVertical2::after{
        height: 20vw;
		 top: 30%;
    }
}

@media (max-width:1024px){
    .ew_tab .elementor-tabs-wrapper .elementor-tab-title.elementor-active::after{
        left: -100px!important;
    }

    .cles-en-main .elementor-tabs-wrapper::before{
        left:20px!important;
    }

     .nos-expertises .elementor-tabs-wrapper .elementor-tab-title.elementor-active::after{
        left: -120px!important;
    }
}

@media (max-width: 1024px) {
    .circleMultiColorHorizontal::after {
         top: -400px;
        width: 40%;
        background-size: 800px;
    }

    .circleMultiColorHorizontal2::after {
        display: none;
    }

    .circleMultiColorVertical::after {
        display: none;
    }

    .circleMultiColorVertical2::after, .circleMultiColorVertical3 {
        display: none;
    }

    .bg-bulle-1 .elementor-widget-container, .bg-bulle-2 .elementor-widget-container  {
        font-size: 20px;
        padding-right: 5vw;
    }

    .CarouselTemoignage {
        transform: translate(0, 0);
        /* -webkit-transform: translate(0, 0); */
    }

    .fonds-blanc::after {
        display: none;
    }
}

@media (max-width: 949px) {
    .flecheTournie {
        right: auto;
        width: 100%;
    }
}

@media all and (max-width: 1350px){
    .texte2 br{
        display: none!important;
    }

    .block2 {
        display: inline-block!important;
    }
}

@media all and (max-width: 1024px){
    .texte br{
        display: none!important;
    }

    .block {
        display: inline-block!important;
    }

    li .block {
        display: block!important;
    }
}

@media screen and (max-width:1024px) and (min-width:767px){
    .titre-4::before {
        width: 150px !important;
        top: -52px !important;
        left: 40px !important;
    }

    .titre-4.elementor-element {
        padding-left: 120px !important;
    }
}

@media (max-width: 767px) {
    .circleMultiColorHorizontal::after {
      display:none!important;
    }

    .section_ew_top {
        padding-top: 30px !important;
    }

    .section_ew_top_big {
        padding-top: 30px !important;
    }

    .section_ew_bottom {
        padding-bottom: 30px !important;
    }

    .section_ew_bottom_big {
        padding-bottom: 60px !important;
    }

    .section_ew_bottom_verybig {
        padding-bottom: 90px !important;
    }

    .section_ew {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .section_ew_top_0_mob {
        padding-top: 0px !important;
    }

    .section_ew_top_on_mobile {
        padding-top: 30px !important;
    }

    .section_ew_top_big_on_mobile  {
        padding-top: 60px !important;
    }

    .section_ew_bottom_0_mob {
        padding-bottom: 0px !important;
    }

    .section_ew_bottom_on_mobile {
        padding-bottom: 30px !important;
    }

    .section_ew_bottom_more_on_mobile {
        padding-bottom: 50px !important;
    }

    .section_ew_bottom_big_on_mobile  {
        padding-bottom: 60px !important;
    }

    .block-on-mobile{
        display: block;
    }

    .fonds-bleu::after,
    .goutte-bleu-after,
    .goutte-bleu-droite-after {
        display: none;
    }

    /* Afficher les boutons en mode mobile */

    .sliderCards button {
        display: block;
    }

    .sliderCards {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        /* -webkit-overflow-scrolling: touch; */
        padding-bottom: 20px;
        overflow: hidden !important;
    }

    .sliderCards .e-con-full {
        flex: 0 0 100%;
        scroll-snap-align: start;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        margin-right: 10px;
    }

    .bulles::before {
        content: "" !important;
        position: absolute !important;
        background-image: url(images/bulles-titre-1.png) !important;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100px !important;
        height: 100px !important;
        right: 0px !important;
        bottom: 0px !important;
    }

    .navigation-arrows {
        display: flex;
    }

     .cles-en-main .navigation-arrows {
        display: none!important;
    }
    .nos-expertises .navigation-arrows {
        display: none!important;
    }

    .dispo-1{
        position: absolute!important;
    }

    .hommebulleimg{
        padding-top: 80px!important;
    }

    .dispo-1 h2{
        font-size: 26px!important;
    }

    .dispo-1bis h2{
        font-size: 28px!important;
        padding-left: 30px;
        text-align: center;
        align-items: center;
    }

    .dispo-2::before {
        width: 60px !important;
    }

    .dispo-3::before {
        width: 60px !important;
    }

    .dispo-4::before {
        width: 60px !important;
    }

    .titre-1 .titre::before{
        width: 65px !important;
        left: -70px !important;
    }

    .titre-1.elementor-element {
        padding-left: 10px !important;
    }

    .titre-2>div.elementor-widget-container::before {
        width: 4.5em!important;
        left: 10px !important;
    }

    .titre-2.elementor-element{
        padding-left: 6em !important
    }

    .titre-3.elementor-element{
        padding-left: 6em !important
    }

    .titre-3::before {
        width: 80px !important;
        left: 10px !important;
    }

    .titre-4::before {
        width: 127px !important;
        top: -53px !important;
        left: 15px !important;
    }

    .titre-4.elementor-element {
        padding-left: 40px !important;
    }

    .titre-5::before {
        width: 50px !important;
        height: 50px !important;
        top: -10px !important;
        left: 45px !important;
    }

    .titre-5.elementor-element {
        padding-left: 120px !important;
    }

    .titre-6::before {
        width: 50px !important;
        height: 50px !important;
        top: -10px !important;
        left: 45px !important;
    }

    .titre-6.elementor-element {
        padding-left: 120px !important;
    }

    .titre-7::before {
        width: 50px !important;
        height: 50px !important;
        top: -10px !important;
        left: 45px !important;
    }

    .titre-7.elementor-element {
        padding-left: 120px !important;
    }

    .titre-8::before {
        width: 65px !important;
        height: 65px !important;
        top: -20px !important;
        left: 0px !important;
    }

    .titre-8.elementor-element {
        padding-left: 70px !important;
    }

    .titre-9::before {
        width: 40px !important;
        height: 40px !important;
        top: -10px !important;
        left: 0px !important;
    }

    .titre-9.elementor-element {
        padding-left: 0 !important;
    }

    .titre-10::before {
        width: 50px !important;
        height: 50px !important;
        top: -15px !important;
        left: -35px !important;
    }

    .titre-10.elementor-element {
        padding-left: 20px !important;
    }

    body .h3-small h3,
    body h3.h3-small,
    body .h3-small-2 h3,
    body h3.h3-small-2 {
        font-size: 20px !important;
    }

    .bg-bulle-1, .bg-bulle-2 {
        font-size: 18px;
    }

    .max-width-300-mobile {
        max-width: 300px;
    }

    .max-width-300-mobile-with-padding {
        max-width: 300px;
    }

    body .containerCarouselFormule a.carousel-arrow.carousel-prev {
        left: calc(100vw - 120px);
        top: -60px;
    }

    body .containerCarouselFormule a.carousel-arrow.carousel-prev:hover {
        left: calc(100vw - 125px);
    }

    body .containerCarouselFormule a.carousel-arrow.carousel-next {
        left: calc(100vw - 60px);
        top: -60px;
    }

    body .containerCarouselFormule a.carousel-arrow.carousel-next:hover {
        left: calc(100vw - 65px);
    }

    .bloc-slide-container .bloc-slide .bloc-slide-col-right {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 25px;
        border-bottom-left-radius: 25px;
    }

    body .containerCarouselTemoignage a.carousel-arrow.carousel-next {
        top: -60px;
        height: 40px;
        background-repeat: no-repeat;
        transform: translateX(calc(100vw - 150px)) rotate(180deg);
        /* -webkit-transform: translateX(calc(100vw - 150px)) rotate(180deg); */
    }

    body .containerCarouselTemoignage a.carousel-arrow.carousel-prev {
        top: -60px;
        height: 40px;
        background-repeat: no-repeat;
        transform: translateX(calc(100vw - 150px));
        /* -webkit-transform: translateX(calc(100vw - 150px)); */
    }

    body .containerCarouselTemoignage {
        overflow: visible !important;
        z-index: 10;
    }

    body .CarouselTemoignage .bloc-slide-container .bloc-slide .bloc-slide-col-left {
        border-radius: 15px 15px 0 0; 
    }

    .ew_tab .elementor-tabs {
        overflow: visible !important;
    }

    /* Mettre "Titre-tab" sauf le 1er */

    .ew_tab .elementor-tab-title:not(.elementor-active) .titre-tab {
        display: none;
    }

    .ew_tab .titre-tab {
        display: none;
    }

    .ew_tab .elementor-tab-title.elementor-tab-mobile-title {
        position: absolute !important;
        left: 5vw;
        top: -10px;
    }

    .ew_tab .elementor-tab-title.elementor-tab-mobile-title:nth-of-type(1) {
        transform: translateX(0vw);
        /* -webkit-transform: translateX(0vw); */
    }

    .ew_tab .elementor-tab-title.elementor-tab-mobile-title:nth-of-type(3) {
        transform: translateX(20vw);
        /* -webkit-transform: translateX(20vw); */
    }

    .ew_tab .elementor-tab-title.elementor-tab-mobile-title:nth-of-type(5) {
        transform: translateX(40vw);
        /* -webkit-transform: translateX(40vw); */
    }

    .ew_tab .elementor-tab-title.elementor-tab-mobile-title:nth-of-type(7) {
        transform: translateX(60vw);
        /* -webkit-transform: translateX(60vw); */
    }
 
    .ew_tab.five .elementor-tab-title.elementor-tab-mobile-title:nth-of-type(1) {
        transform: translateX(0vw);
        /* -webkit-transform: translateX(0vw); */
    }

    .ew_tab.five .elementor-tab-title.elementor-tab-mobile-title:nth-of-type(3) {
        transform: translateX(17vw);
        -webkit-transform: translateX(17vw);
    }

    .ew_tab.five .elementor-tab-title.elementor-tab-mobile-title:nth-of-type(5) {
        transform: translateX(36vw);
        /* -webkit-transform: translateX(36vw); */
    }

    .ew_tab.five .elementor-tab-title.elementor-tab-mobile-title:nth-of-type(7) {
        transform: translateX(54vw);
        /* -webkit-transform: translateX(54vw); */
    }
    
     .ew_tab.five .elementor-tab-title.elementor-tab-mobile-title:nth-of-type(9) {
        transform: translateX(72vw);
        /* -webkit-transform: translateX(72vw); */
    }
  
    .espace-titre-sur-deux-lignes,
    .espace-titre-sur-trois-lignes {
        height: auto;
    }

    .transitionsbullesorange .e-lottie__container svg {
        width:350px!important;
    }

    .transitionsbullesorange .bullesorangetriple {
        top: -84px!important;
    }

    body .containerCarouselTemoignage a.carousel-arrow.carousel-prev,
    body .containerCarouselTemoignage a.carousel-arrow.carousel-next {
        bottom:-40px;
        top: inherit;
    }

    /* Menu mobile au click */

    .menumano .avecsousmenu {
        display: none !important;
    }

    .menumano .sousgroupe1,
    .menumano .sousgroupe2,
    .menumano .sousgroupe3 {
        margin-top: 10px;
    }

    .menumano .sousgroupe1 div,
    .menumano .sousgroupe2 div,
    .menumano .sousgroupe3 div {
        margin-bottom: 10px;
    }
}

@media (max-width: 570px) {
    .resultat {
        margin-top:10px;    
        width:100vw!important;
    }
}

@media (max-width: 480px) {
    .dispo-1{
        padding-left:5px!important;
    }

    .bg-bulle-1, .bg-bulle-2 {
        min-height: 265px!important;
    }

    .hommebulleimg{
        padding-top: 120px!important;
    }

    .ew_tab .elementor-tab-title.elementor-tab-mobile-title:nth-of-type(1) {
        transform: translateX(6vw);
        /* -webkit-transform: translateX(6vw); */
    }

    .ew_tab .elementor-tab-title.elementor-tab-mobile-title:nth-of-type(3) {
        transform: translateX(26vw);
        /* -webkit-transform: translateX(26vw); */
    }

    .ew_tab .elementor-tab-title.elementor-tab-mobile-title:nth-of-type(5) {
        transform: translateX(46vw);
        /* -webkit-transform: translateX(46vw); */
    }

    .ew_tab .elementor-tab-title.elementor-tab-mobile-title:nth-of-type(7) {
        transform: translateX(66vw);
        /* -webkit-transform: translateX(66vw); */
    }

    .cles-en-main{
        padding-top: 0px!important;
    }

   .cles-en-main-titre {
        padding: 15px 0px 0px 0px;
    }

    .cles-en-main-titre .zero-black,
    .cles-en-main-titre .number-orange,
    .cles-en-main-titre .number-vert {
        font-size: 45px!important;
    }

    .height-enjeux-mobile {
        height: 100px !important;
    }

    .height-enjeux-2-mobile {
        height: 130px !important;
    }

    .height-accordeon-nos-expertises {
        height: 420px;
    }

    .height-chronologie {
        height: 300px;
    }

    .height-solutions {
        height: 90px;
    }

    .max-width-300-mobile-with-padding {
        margin-left: 0px !important;
    }

    .toggle-entier-enjeux .toggle-titre-gauche.active .elementor-heading-title,
    .toggle-entier-enjeux .toggle-titre-droite.active .elementor-heading-title {
        font-size: 18px;
    }

    .toggle-entier-enjeux .toggle-titre-gauche:not(.active) .elementor-heading-title,
    .toggle-entier-enjeux .toggle-titre-droite:not(.active) .elementor-heading-title {
        font-size: 18px;
    }

    .asso-cercle-orange-titre {
        transform: translateX(-35px);
        /* -webkit-transform: translateX(-35px); */
    }

    .section-fonds-blanc-gauche::after {
        height: auto;
    }
}

@media (max-width: 450px) {
    .bg-bulle-1 .elementor-widget-container, .bg-bulle-2 .elementor-widget-container  {
        font-size: 18px;
    }
}

@media (max-width: 350px) {
    .max-width-300-mobile {
        max-width: inherit;
    }

    .max-width-300-mobile-with-padding {
        max-width: inherit;
        margin-left: inherit;
    }
    .transitionsbullesorange .e-lottie__container svg {
        width:200px!important;
    }

    .transitionsbullesorange .bullesorangetriple {
        top: -40px!important;
    }
}

@media (max-width: 300px) {
    .btnlottiecontact .e-lottie__container {
        width: 250px!important;
    }
}