.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#9A96A9;--e-global-color-accent:#55535B;--e-global-color-0affbf0:#111015;--e-global-color-eed43c4:#211F24;--e-global-color-64ece6c:#EFECFA;--e-global-color-18c7c6a:#333334;--e-global-color-f88829c:#FFD324;--e-global-color-1e2e216:#FF6E1F;--e-global-color-b0b148a:#FC077A;--e-global-color-ff72dea:#C21EFF;--e-global-color-dc418d2:#59A2FF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-b2e650a-font-family:"IKANSEEYOUALL";--e-global-typography-b2e650a-font-size:clamp(64px, 6.67vw, 200px);--e-global-typography-b2e650a-font-weight:500;--e-global-typography-b2e650a-line-height:115%;--e-global-typography-1c45f20-font-family:"Onest";--e-global-typography-1c45f20-font-size:clamp(34px, 2.08vw, 46px);--e-global-typography-1c45f20-font-weight:500;--e-global-typography-1c45f20-line-height:100%;--e-global-typography-1c45f20-letter-spacing:-0.025em;--e-global-typography-8db4a3d-font-family:"Onest";--e-global-typography-8db4a3d-font-size:clamp(30px, 1.875vw, 42px);--e-global-typography-8db4a3d-font-weight:300;--e-global-typography-8db4a3d-line-height:115%;--e-global-typography-8db4a3d-letter-spacing:-0.016em;--e-global-typography-c84c915-font-family:"Onest";--e-global-typography-c84c915-font-size:clamp(48px, 3.125vw, 72px);--e-global-typography-c84c915-font-weight:500;--e-global-typography-c84c915-letter-spacing:0.025em;--e-global-typography-76e8785-font-family:"Onest";--e-global-typography-76e8785-font-size:clamp(40px, 2.5vw, 56px);--e-global-typography-76e8785-font-weight:400;--e-global-typography-76e8785-letter-spacing:-1px;--e-global-typography-5edde67-font-family:"Onest";--e-global-typography-5edde67-font-size:clamp(20px,1.25vw,28px);--e-global-typography-5edde67-font-weight:300;--e-global-typography-5edde67-line-height:115%;--e-global-typography-5edde67-letter-spacing:-0.0167em;--e-global-typography-5054046-font-family:"Onest";--e-global-typography-5054046-font-size:clamp(26px, 1.67vw, 38px);--e-global-typography-5054046-font-weight:300;--e-global-typography-5054046-letter-spacing:-1px;--e-global-typography-1419fe0-font-family:"Onest";--e-global-typography-1419fe0-font-size:0.83vw;--e-global-typography-1419fe0-font-weight:300;--e-global-typography-1419fe0-letter-spacing:-0.4px;--e-global-typography-8d26cce-font-size:clamp(60px, 4.17vw, 100px);--e-global-typography-8d26cce-font-weight:600;background-color:var( --e-global-color-eed43c4 );}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:var( --e-global-color-64ece6c );font-family:var( --e-global-typography-5054046-font-family ), Sans-serif;font-size:var( --e-global-typography-5054046-font-size );font-weight:var( --e-global-typography-5054046-font-weight );letter-spacing:var( --e-global-typography-5054046-letter-spacing );color:var( --e-global-color-0affbf0 );border-style:none;border-radius:100% 100% 100% 100%;padding:0.52vw 1.04vw 0.52vw 1.04vw;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-9{--e-global-typography-b2e650a-font-size:clamp(66px, 8.57vw, 72px);--e-global-typography-1c45f20-font-size:clamp(30px, 3.9vw, 34px);--e-global-typography-1c45f20-letter-spacing:0.013em;--e-global-typography-8db4a3d-font-size:clamp(24px, 3.11vw, 26px);--e-global-typography-8db4a3d-line-height:115%;--e-global-typography-8db4a3d-letter-spacing:-0.01em;--e-global-typography-c84c915-font-size:clamp(40px, 5.2vw, 48px);--e-global-typography-c84c915-letter-spacing:-0.015em;--e-global-typography-76e8785-font-size:clamp(30px, 3.9vw, 36px);--e-global-typography-76e8785-letter-spacing:0.0133em;--e-global-typography-5edde67-font-size:clamp(20px, 2.6vw, 24px);--e-global-typography-5edde67-line-height:115%;--e-global-typography-5edde67-letter-spacing:-0.015em;--e-global-typography-5054046-font-size:clamp(26px,3.64vw,30px);--e-global-typography-8d26cce-font-size:clamp(50px, 6.49vw, 60px);}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-size:var( --e-global-typography-5054046-font-size );letter-spacing:var( --e-global-typography-5054046-letter-spacing );padding:1.04vw 2.08vw 1.04vw 02.08vw;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9{--e-global-typography-b2e650a-font-size:clamp(36px, 11.25vw, 48px);--e-global-typography-1c45f20-font-size:clamp(20px, 6.25vw, 26px);--e-global-typography-1c45f20-letter-spacing:0.018em;--e-global-typography-8db4a3d-font-size:clamp(18px, 5.625vw, 20px);--e-global-typography-8db4a3d-line-height:115%;--e-global-typography-8db4a3d-letter-spacing:-0.028em;--e-global-typography-c84c915-font-size:clamp(24px, 7.5vw, 34px);--e-global-typography-c84c915-letter-spacing:-0.01875em;--e-global-typography-76e8785-font-size:clamp(22px, 6.875vw, 30px);--e-global-typography-76e8785-letter-spacing:-0.0136em;--e-global-typography-5edde67-font-size:clamp(14px, 4.375vw, 18px);--e-global-typography-5edde67-line-height:115%;--e-global-typography-5edde67-letter-spacing:-0.014em;--e-global-typography-5054046-font-size:clamp(16px,5vw,20px);--e-global-typography-5054046-letter-spacing:-0.04em;--e-global-typography-8d26cce-font-size:clamp(32px, 10vw, 46px);}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-size:var( --e-global-typography-5054046-font-size );letter-spacing:var( --e-global-typography-5054046-letter-spacing );padding:1.88vw 3.750vw 1.880vw 3.750vw;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-kit-9 {
--e-deg-1: linear-gradient(170deg, var(--e-global-color-f88829c) 20%, var(--e-global-color-1e2e216) 90%);

--e-deg-2: linear-gradient(170deg, var(--e-global-color-1e2e216) 35%, var(--e-global-color-b0b148a) 70%);

--e-deg-3: linear-gradient(170deg, var(--e-global-color-b0b148a) 20%, var(--e-global-color-ff72dea) 90%);

--e-deg-4: linear-gradient(170deg, var(--e-global-color-ff72dea) 20%, var(--e-global-color-dc418d2) 90%);

--e-deg-5: linear-gradient(170deg, var(--e-global-color-dc418d2) 20%, var(--e-global-color-ff72dea) 90%);

--e-deg-6: linear-gradient(170deg, var(--e-global-color-ff72dea) 20%, var(--e-global-color-b0b148a) 90%);
    
--e-deg-7: linear-gradient(170deg, var(--e-global-color-b0b148a) 20%, var(--e-global-color-1e2e216) 90%);

--e-deg-8: linear-gradient(170deg, var(--e-global-color-1e2e216) 20%, var(--e-global-color-f88829c) 90%);
}

*{
    transition: unset !important;
}

html{
    overflow-x: clip;
}

*::selection {
  background: var(--e-global-color-64ece6c);;
  color: var(--e-global-color-0affbf0);;
}
*::-moz-selection {
  background: var(--e-global-color-64ece6c);;
  color: var(--e-global-color-0affbf0);;
}
*::-webkit-selection {
  background: var(--e-global-color-64ece6c);;
  color: var(--e-global-color-0affbf0);;
}


.noise>:before, .noise2>:before{
    position: absolute;
    /* Aparemment ça fait bugger si y'a genre un editeur avec plusieurs texte et ça apporte rien
    top: 0;
    */
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/07/image-3-1.webp);
    background-size: 34%;
    background-repeat: repeat;
    opacity: 50% !important;
    pointer-events: none;
    background-clip: text;
    mix-blend-mode: difference;
    color:transparent !important;
    content: attr(content);
    white-space: pre-wrap;
}

.noise *, .noise2 *{
    align-items:baseline !important;
    padding:0px !important;
}

.noise2{
    font-family: var(--e-global-typography-b2e650a-font-family), Sans-serif;
    font-size: var(--e-global-typography-b2e650a-font-size);
    font-weight: var(--e-global-typography-b2e650a-font-weight);
    line-height: var(--e-global-typography-b2e650a-line-height);
    }

.gradient1-hov:hover *, .gradient2-hov:hover *, .gradient3-hov:hover *, .gradient4-hov:hover *, .gradient5-hov:hover *, .gradient6-hov:hover *,.gradient7-hov:hover * .gradient8-hov:hover *, .menu-item:hover a{
    transition: color 0.4s !important;
}

.gradient1-hov *, .gradient2-hov *, .gradient3-hov *, .gradient4-hov *, .gradient5-hov *, .gradient6-hov *,.gradient7-hov * .gradient8-hov *, .menu-item a{
    transition: color 0.2s !important;
}

/*Ajouter les menu item et les active dans les différents gradients une fois le menu terminé*/
.gradient1 *, .menu-item-14486 .elementor-item-active, .menu-item-14490 .elementor-item-active, .menu-item-10000 .elementor-item-active, .menu-item-5257 .elementor-item-active{
    background: var(--e-deg-1) !important;
    background-clip: text !important;
    color: transparent !important;
}

.gradient1-hov *, .menu-item-267 .elementor-item-active{
    background: var(--e-deg-1) !important;
    background-clip: text !important;
}


.gradient2 *, .menu-item-14492 .elementor-item-active, .menu-item-14482 .elementor-item-active, .menu-item-8831 .elementor-item-active, .menu-item-10004 .elementor-item-active{
    background: var(--e-deg-2);
    background-clip: text;
    color: transparent !important;
}

.gradient2-hov *{
    background: var(--e-deg-2);
    background-clip: text;
}

.gradient3 *, .menu-item-14491 .elementor-item-active, .menu-item-14642 .elementor-item-active, .menu-item-8830 .elementor-item-active, .menu-item-10005 .elementor-item-active{
    background: var(--e-deg-3);
    background-clip: text;
    color: transparent !important;
}

.gradient3-hov *{
    background: var(--e-deg-3);
    background-clip: text;
}

.gradient4 *, .menu-item-14489 .elementor-item-active, .menu-item-14484 .elementor-item-active, .menu-item-8829 .elementor-item-active, .menu-item-11392 .elementor-item-active{
    background: var(--e-deg-4);
    background-clip: text;
    color: transparent !important;
}
.gradient4-hov *{
    background: var(--e-deg-4);
    background-clip: text;
}

.gradient5 *, .menu-item-14485 .elementor-item-active, .menu-item-10001 .elementor-item-active{
    background: var(--e-deg-5);
    background-clip: text;
    color: transparent !important;
}

.gradient5-hov *{
    background: var(--e-deg-5);
    background-clip: text;
}

.gradient6 *, .menu-item-14483 .elementor-item-active, .menu-item-10003 .elementor-item-active{
    background: var(--e-deg-6);
    background-clip: text;
    color: transparent !important;
}

.gradient6-hov *{
    background: var(--e-deg-6);
    background-clip: text;
}

.gradient7 *, .gradient7-hov:hover *{
    background: var(--e-deg-7);
    background-clip: text;
    color: transparent !important;
}

.gradient7-hov *{
    background: var(--e-deg-7);
    background-clip: text;
}

.gradient8 *, .gradient8-hov:hover *{
    background: var(--e-deg-8);
    background-clip: text;
    color: transparent !important;
}

.gradient8-hov *{
    background: var(--e-deg-8);
    background-clip: text;
}

@media (min-width: 1024px){
.gradient1-hov:hover *, .menu-item-14486:hover a, .menu-item-14490:hover a, .menu-item-10000:hover a, .menu-item-5257:hover a{
    background: var(--e-deg-1) !important;
    background-clip: text !important;
    color: transparent !important;
}

.gradient2-hov:hover *, .menu-item-14482:hover a, .menu-item-14492:hover a, .menu-item-10004:hover a, .menu-item-8831:hover a{
    background: var(--e-deg-2);
    background-clip: text !important;
    color: transparent !important;
}

.gradient3-hov:hover *, .menu-item-14642:hover a, .menu-item-14491:hover a, .menu-item-10005:hover a, .menu-item-8830:hover a{
    background: var(--e-deg-3);
    background-clip: text !important;
    color: transparent !important;
}

.gradient4-hov:hover *, .menu-item-14484:hover a, .menu-item-14489:hover a, .menu-item-11392:hover a, .menu-item-8829:hover a{
    background: var(--e-deg-4);
    background-clip: text !important;
    color: transparent !important;
}
.gradient5-hov:hover *, .menu-item-14485:hover a, .menu-item-10001:hover a{
    background: var(--e-deg-5);
    background-clip: text !important;
    color: transparent !important;
}

.gradient6-hov:hover *, .menu-item-14483:hover a, .menu-item-10003:hover a{
    background: var(--e-deg-6);
    background-clip: text !important;
    color: transparent !important;
}

.menu-item-14486 a, .menu-item-14490 a, .menu-item-10000 a, .menu-item-5257 a{
    background-clip: text !important;
    background: var(--e-deg-1);
}

.menu-item-14482 a, .menu-item-14492 a, .menu-item-10004 a, .menu-item-8831 a{
    background-clip: text !important;
    background: var(--e-deg-2);
}

 .menu-item-14642 a, .menu-item-14491 a, .menu-item-10005 a, .menu-item-8830 a{
    background-clip: text !important;
    background: var(--e-deg-3);
}

.menu-item-14484 a, .menu-item-14489 a, .menu-item-11392 a, .menu-item-8829 a{
    background-clip: text !important;
    background: var(--e-deg-4);
}
.menu-item-14485 a, .menu-item-10001 a{
    background-clip: text !important;
    background: var(--e-deg-5);
}

.menu-item-14483 a, .menu-item-10003 a{
    background-clip: text !important;
    background: var(--e-deg-6);
}


}

.gradient1-div {
    background: var(--e-deg-1) !important;
    background-clip: text;
    color: transparent !important;
}
.gradient2-div {
    background: var(--e-deg-2) !important;
    background-clip: text;
    color: transparent !important;
}
.gradient3-div {
    background: var(--e-deg-3) !important;
    background-clip: text;
    color: transparent !important;
}
.gradient4-div {
    background: var(--e-deg-4) !important;
    background-clip: text;
    color: transparent !important;
}
.gradient5-div {
    background: var(--e-deg-5) !important;
    background-clip: text;
    color: transparent !important;
}
.gradient6-div {
    background: var(--e-deg-6) !important;
    background-clip: text;
    color: transparent !important;
}
.gradient7-div {
    background: var(--e-deg-7) !important;
    background-clip: text;
    color: transparent !important;
}
.gradient8-div {
    background: var(--e-deg-8) !important;
    background-clip: text;
    color: transparent !important;
}

/*
.noise-bg:before{
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/07/image-3-1.png);
    background-size: 34%;
    background-repeat: repeat;
    opacity: 30%;
    pointer-events: none;
    mix-blend-mode: luminosity;
}*/

/*.elementor:not(footer)>:before{*/
/*
.elementor>:before, .noise-div:before{
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/07/image-3-1.png);
    background-repeat: repeat;
    pointer-events: none;
    //background-size: 14%;
    //opacity: 10%;
    //mix-blend-mode: luminosity;
    background-size: 500px;
    opacity: 15%;
    mix-blend-mode: luminosity;
}

@media (max-width: 1024px) {
    .elementor>:before, .noise-div:before{
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/07/image-3-1.png);
    background-repeat: repeat;
    pointer-events: none;
    background-size: 26%;
    //opacity: 10%;
    //mix-blend-mode: luminosity;
    //background-size: 500px;
    opacity: 15%;
    mix-blend-mode: luminosity;
}
}*/
/*
body:before, .header-noise:before {
    content: "";
    position: fixed;
    display:block;
    top: 0; left: 0;
    width: 100%;
    height: 100vh;
    background-image: url(/wp-content/uploads/2025/07/image-3-1.png);
    background-repeat: repeat;
    pointer-events: none;
    //background-size: 14%;
    //opacity: 10%;
    //mix-blend-mode: luminosity;
    background-size: 500px;
    opacity: 15%;
    mix-blend-mode: luminosity;
}*/



body:before, .header-noise:before {
    content: "";
    position: fixed;
    display:block;
    top: 0; left: 0;
    width: 100%;
    height: 100vh;
    background-image: url(/wp-content/uploads/2025/07/image-3-1.webp);
    background-repeat: repeat;
    pointer-events: none;
    background-size: 1000px;
    opacity: 20%;
    mix-blend-mode: difference;
}
@media (max-width: 1024px) {
body:before, .header-noise:before {
    background-size: 500px;
}
}
@media (max-width: 767px) {
body:before, .header-noise:before {
    background-size: 300px;
}
}


body:before{
    z-index:1003;
}

.header-noise:before {
    z-index:1020;
}

/*css du bouton blanc*/


@media (min-width: 1025px) {
.btn-blanc:hover .texte, .btn-blanc:active .texte{
    border-radius:150px;
}

 .btn-blanc:hover .icone, .btn-blanc:active .icone{
    border-radius:100%;
}

 .btn-blanc .texte, .btn-blanc .icone{
    transition: border-radius 0.2s, transform 0.2s, margin-top 0.2s, background-color 0.2s !important;
}

.btn-blanc:hover, .btn-blanc:active{
  column-gap: 20px;
}

.btn-blanc{
    transition: column-gap 0.2s, transform 0.1s !important;
    backface-visibility: hidden;
    width: fit-content !important;
}

 .btn-blanc .icone{
  margin-left: -15px;
}

.btn-blanc .btn-blanc-item:hover{
    background-color: var(--e-global-color-64ece6c) !important;
}

.btn-blanc .menu-item:hover .elementor-icon svg{
    fill: var(--e-global-color-18c7c6a) !important;
}

.btn-blanc .menu-item:hover .elementor-icon svg{
    transition: fill 0.2s !important;
}

.btn-blanc .icone .elementor-icon svg{
    transition: transform 0.2s !important;
}
.btn-blanc:hover .icone .elementor-icon svg{
    transform: rotate(45deg);
}

}
@media (max-width: 1024px) {
    .btn-blanc .icone{
        margin-left: 0px;
    }
    .btn-blanc, .btn-blanc:hover{
        column-gap: 0px;
    }
    .btn-blanc:active {
        transform: scale(0.8);
    }
    .btn-blanc{
        transition: transform 0.1s !important;
        transform-origin: center;
    }
    .btn-blanc-center{
        transform-origin: center;
    }
    .btn-blanc-right{
        transform-origin: center;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'IKANSEEYOUALL';
	font-display: auto;
	src: url('https://agencewoodle.ch/wp-content/uploads/2025/07/IKANSEEYOUALL-WebXL.ttf') format('truetype');
}
/* End Custom Fonts CSS */