.elementor-kit-1374{--e-global-color-primary:#2A211C;--e-global-color-secondary:#8C6449;--e-global-color-text:#5B4C43;--e-global-color-accent:#D98C8C;--e-global-color-cdpivo:#F3E9DD;--e-global-color-cdpiv2:#EADCCB;--e-global-color-cdpbla:#FCF7F1;--e-global-color-cdpnui:#1B1512;--e-global-color-cdpros:#F6E1DD;--e-global-color-cdpros2:#C06E6E;--e-global-color-cdpor:#B98B5E;--e-global-color-cdplig:rgba(42,33,28,0.14);--e-global-color-cdpclr:rgba(243,233,221,0.78);--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Outfit";--e-global-typography-secondary-font-weight:200;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;--e-global-typography-cdph1-font-family:"Outfit";--e-global-typography-cdph1-font-size:68px;--e-global-typography-cdph1-font-weight:600;--e-global-typography-cdph1-line-height:1.06em;--e-global-typography-cdph1-letter-spacing:-2.2px;--e-global-typography-cdph2-font-family:"Outfit";--e-global-typography-cdph2-font-size:48px;--e-global-typography-cdph2-font-weight:600;--e-global-typography-cdph2-line-height:1.1em;--e-global-typography-cdph2-letter-spacing:-1.5px;--e-global-typography-cdpsur-font-family:"Outfit";--e-global-typography-cdpsur-font-size:12px;--e-global-typography-cdpsur-font-weight:600;--e-global-typography-cdpsur-text-transform:uppercase;--e-global-typography-cdpsur-letter-spacing:3px;--e-global-typography-cdplea-font-family:"Poppins";--e-global-typography-cdplea-font-size:18px;--e-global-typography-cdplea-font-weight:400;--e-global-typography-cdplea-line-height:1.8em;--e-global-typography-cdpnum-font-family:"Outfit";--e-global-typography-cdpnum-font-size:46px;--e-global-typography-cdpnum-font-weight:200;--e-global-typography-cdpnum-line-height:1em;--e-global-typography-cdpnum-letter-spacing:-1.5px;--e-global-typography-cdpord-font-family:"Outfit";--e-global-typography-cdpord-font-size:34px;--e-global-typography-cdpord-font-weight:300;--e-global-typography-cdpord-line-height:1em;--e-global-typography-cdpord-letter-spacing:-0.5px;--e-global-typography-cdptit-font-family:"Outfit";--e-global-typography-cdptit-font-size:23px;--e-global-typography-cdptit-font-weight:500;--e-global-typography-cdptit-line-height:1.3em;--e-global-typography-cdptit-letter-spacing:-0.3px;color:#5B4C43;font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;line-height:1.72em;}.elementor-kit-1374 button,.elementor-kit-1374 input[type="button"],.elementor-kit-1374 input[type="submit"],.elementor-kit-1374 .elementor-button{background-color:#2A211C;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;color:#F3E9DD;border-radius:99px 99px 99px 99px;padding:16px 30px 16px 30px;}.elementor-kit-1374 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1374 a{color:#8C6449;}.elementor-kit-1374 a:hover{color:#C06E6E;}.elementor-kit-1374 h1{color:#2A211C;font-family:"Outfit", Sans-serif;font-size:68px;font-weight:600;line-height:1.02em;letter-spacing:-2.2px;}.elementor-kit-1374 h2{color:#2A211C;font-family:"Outfit", Sans-serif;font-size:48px;font-weight:600;line-height:1.02em;letter-spacing:-1.5px;}.elementor-kit-1374 h3{color:#2A211C;font-family:"Outfit", Sans-serif;font-size:23px;font-weight:500;line-height:1.3em;letter-spacing:-0.3px;}.elementor-kit-1374 h4{color:#2A211C;font-family:"Outfit", Sans-serif;font-size:19px;font-weight:500;line-height:1.18em;letter-spacing:-0.2px;}.elementor-kit-1374 button:hover,.elementor-kit-1374 button:focus,.elementor-kit-1374 input[type="button"]:hover,.elementor-kit-1374 input[type="button"]:focus,.elementor-kit-1374 input[type="submit"]:hover,.elementor-kit-1374 input[type="submit"]:focus,.elementor-kit-1374 .elementor-button:hover,.elementor-kit-1374 .elementor-button:focus{color:#F3E9DD;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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-1374{--e-global-typography-cdph1-font-size:48px;--e-global-typography-cdph2-font-size:36px;--e-global-typography-cdplea-font-size:17px;--e-global-typography-cdpnum-font-size:40px;}.elementor-kit-1374 h1{font-size:48px;}.elementor-kit-1374 h2{font-size:36px;}.elementor-kit-1374 h3{font-size:22px;}.elementor-kit-1374 h4{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-1374{--e-global-typography-cdph1-font-size:34px;--e-global-typography-cdph2-font-size:28px;--e-global-typography-cdpsur-font-size:10.5px;--e-global-typography-cdplea-font-size:15.5px;--e-global-typography-cdpnum-font-size:34px;--e-global-typography-cdpord-font-size:30px;--e-global-typography-cdptit-font-size:20px;font-size:16px;}.elementor-kit-1374 h1{font-size:34px;}.elementor-kit-1374 h2{font-size:28px;}.elementor-kit-1374 h3{font-size:20px;}.elementor-kit-1374 h4{font-size:17px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===== Coup de Pattes 68 — kit de décor HDKN ===== */
html{overflow-x:clip}body{overflow-x:clip}

/* --- 1. Accent : contraste de graisse --- */
.cdp-hand,.cdp-hand *{font-weight:200!important;font-style:normal!important;color:var(--e-global-color-cdpros2)!important}
.cdp-hand-l,.cdp-hand-l *{font-weight:200!important;font-style:normal!important;color:var(--e-global-color-accent)!important}

/* --- 2. Halo derrière un titre de section --- */
.cdp-halo{position:relative}
.cdp-halo::after{content:"";position:absolute;left:50%;top:0;width:min(920px,100%);height:320px;
 transform:translate(-50%,-52%);pointer-events:none;z-index:0;
 background:radial-gradient(closest-side,rgba(217,140,140,.20),rgba(217,140,140,0) 100%)}
.cdp-halo>*{position:relative;z-index:1}
@media(max-width:767px){.cdp-halo::after{height:200px}}

/* --- 3. Cartes : filet lumineux + relief au survol --- */
.cdp-card{transition:transform .5s cubic-bezier(.2,.7,.3,1),box-shadow .5s ease,border-color .5s ease}
.cdp-card::before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;pointer-events:none;z-index:2;
 background:linear-gradient(90deg,rgba(217,140,140,0),rgba(217,140,140,.8),rgba(217,140,140,0))}
.cdp-card:hover{transform:translateY(-7px);border-color:rgba(217,140,140,.5);
 box-shadow:0 28px 56px -28px rgba(140,100,73,.5)}
@media(hover:none){.cdp-card:hover{transform:none;box-shadow:none}}

/* --- 4. Panneau sombre : filet lumineux --- */
.cdp-panel{position:relative}
.cdp-panel::after{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;pointer-events:none;z-index:3;
 background:linear-gradient(90deg,rgba(217,140,140,0),rgba(217,140,140,.6),rgba(217,140,140,0))}

/* --- 5. Nappe de lumière (sections sombres sans ciel) --- */
.cdp-glow{position:relative;overflow:hidden}
.cdp-glow::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
 background:radial-gradient(54% 46% at 82% 14%,rgba(217,140,140,.20),rgba(217,140,140,0) 66%),
            radial-gradient(48% 46% at 6% 88%,rgba(185,139,94,.16),rgba(185,139,94,0) 68%)}
.cdp-glow>*{position:relative;z-index:1}

/* --- 6. Bandeau défilant --- */
.cdp-band{overflow:hidden!important;max-width:100%}
.cdp-band>.e-con-inner,.cdp-band .elementor-widget-text-editor{overflow:hidden!important;max-width:100%}
.cdp-band .elementor-widget-text-editor p{display:inline-block;white-space:nowrap;margin:0;
 will-change:transform;animation:cdp-mq 90s linear infinite}
@keyframes cdp-mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cdp-band:hover .elementor-widget-text-editor p{animation-play-state:paused}

/* --- 7. Portrait en arche --- */
.cdp-arch img{border-radius:290px 290px 24px 24px}
@media(max-width:1024px){.cdp-arch img{border-radius:240px 240px 20px 20px}}
@media(max-width:767px){.cdp-arch img{border-radius:170px 170px 18px 18px}}

/* --- 8. Photos qui respirent --- */
.cdp-zoom{overflow:hidden}
.cdp-zoom img{transition:transform 1.1s cubic-bezier(.2,.7,.3,1)}
.cdp-zoom:hover img{transform:scale(1.06)}
@media(hover:none){.cdp-zoom:hover img{transform:none}}

/* --- 9. Mosaïque d adoption --- */
.cdp-mosaique img{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px}
.cdp-mosaique .elementor-widget-image{overflow:hidden;border-radius:16px;
 box-shadow:0 20px 44px -26px rgba(42,33,28,.55)}

/* --- 10. Pastilles de villes --- */
.cdp-villes .elementor-icon-list-item{background:rgba(252,247,241,.82);
 border:1px solid rgba(42,33,28,.09);border-radius:99px;padding:7px 15px!important;
 transition:background .3s ease,border-color .3s ease}
.cdp-villes .elementor-icon-list-item:hover{background:#fff;border-color:rgba(217,140,140,.5)}
.cdp-villes .elementor-icon-list-text{padding-left:0!important}

/* --- 11. Boutons --- */
.elementor-button{transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease}
.elementor-widget-button .elementor-button:hover{transform:translateY(-3px);
 box-shadow:0 16px 34px -16px rgba(42,33,28,.6)}
.elementor-button:focus-visible{outline:2px solid var(--e-global-color-accent);outline-offset:3px}

/* --- 12. Signature HDKN --- */
.cdp-sign p{margin:0}
.cdp-sign a{text-decoration:none;color:var(--e-global-color-accent);font-weight:600}
.cdp-sign a:hover{color:var(--e-global-color-cdpivo)}

/* --- 13. Liens des colonnes du pied de page --- */
.cdp-fcol .elementor-icon-list-item{transition:transform .3s ease}
.cdp-fcol .elementor-icon-list-item:hover{transform:translateX(3px)}
.cdp-fcol .elementor-icon-list-item:hover .elementor-icon-list-text{color:var(--e-global-color-accent)}

/* --- 14. Bulle de contact flottante --- */
.cdp-bulle{position:fixed!important;right:24px;bottom:24px;z-index:998;width:auto!important;
 max-width:calc(100% - 32px);pointer-events:none}
.cdp-bulle .elementor-widget-button,.cdp-bulle .elementor-button{pointer-events:auto}
.cdp-bulle .elementor-button{position:relative;overflow:visible}
.cdp-bulle .elementor-button::before{content:"";position:absolute;inset:-5px;border-radius:99px;
 border:1px solid var(--e-global-color-accent);opacity:0;pointer-events:none;
 animation:cdp-pulse 3.4s ease-out infinite}
@keyframes cdp-pulse{0%{transform:scale(.97);opacity:.55}70%{transform:scale(1.07);opacity:0}100%{opacity:0}}
@media(max-width:767px){
 .cdp-bulle{right:14px;bottom:14px}
 .cdp-bulle .elementor-button{padding:15px 17px!important}
 .cdp-bulle .elementor-button-text{display:none}
 .cdp-bulle .elementor-button-icon{margin:0!important}}

/* --- 15. Barre du haut : une seule ligne --- */
.cdp-topbar p{white-space:nowrap;margin:0}
@media(max-width:600px){.cdp-topbar p{font-size:clamp(8.5px,2.75vw,11px)!important;letter-spacing:0!important}}

/* --- 16. Tableaux sur mobile --- */
@media(max-width:767px){
 .elementor-widget-text-editor table{display:block;overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;font-size:13px}
 .elementor-widget-text-editor th,.elementor-widget-text-editor td{padding:10px 12px;min-width:88px}}

/* --- 17. Mouvement réduit --- */
@media(prefers-reduced-motion:reduce){
 .cdp-band .elementor-widget-text-editor p{animation:none}
 .cdp-card,.cdp-zoom img,.elementor-button{transition:none}
 .cdp-card:hover,.elementor-widget-button .elementor-button:hover{transform:none}
 .cdp-bulle .elementor-button::before{animation:none}}

/* ============ 19. Patte de chat dans les cartes ============
   Icone native Font Awesome, positionnee par le kit, revelee au defilement.
   ATTENTION : la carte est en overflow:clip et non hidden. hidden ferait de la
   carte un conteneur de defilement, et view() se calerait sur elle au lieu de
   la page — la patte resterait figee. */
.cdp-card{position:relative;overflow:clip}
.cdp-card>*:not(.cdp-patte){position:relative;z-index:1}
.cdp-patte{position:absolute!important;pointer-events:none;z-index:0;margin:0!important}
.cdp-patte .elementor-icon{opacity:.22}
.cdp-patte-2 .elementor-icon{opacity:.17}
.cdp-patte-3 .elementor-icon{opacity:.24}
/* la revelation est portee par l animation d entree Elementor (_animation),
   avec un delai croissant : 0 / 400 / 800 ms. */
.cdp-patte.animated{animation-duration:1.6s!important}
.cdp-patte .elementor-icon{color:var(--e-global-color-accent)}
.cdp-patte .elementor-icon svg{width:1em;height:1em;fill:currentColor}
.cdp-patte-1{top:5%;right:3%;--rot:-18deg}
.cdp-patte-2{bottom:5%;left:3%;--rot:15deg}
.cdp-patte-3{top:28%;right:-18px;--rot:-6deg}
@media(max-width:767px){
 .cdp-patte-1{top:4%;right:4%}
 .cdp-patte-2{bottom:4%;left:4%}
 .cdp-patte-3{top:6%;right:-10px}}
@media(prefers-reduced-motion:reduce){.cdp-patte{animation:none!important;visibility:visible!important}
 .cdp-patte.elementor-invisible{visibility:visible!important}}

/* ============ 20. Poussière dorée + trace de pattes ============
   ::before = plan lointain (etoiles fines). ::after = plan proche
   (trace de pattes + etoiles plus grosses + nappes de lumiere).
   Tuiles grandes et non harmoniques (880 / 1270) : le pavage ne se lit pas.
   On n anime que transform et opacity. */
.cdp-poussiere{position:relative;isolation:isolate;overflow:hidden}
.cdp-poussiere>*{position:relative;z-index:2}
.cdp-poussiere::before,.cdp-poussiere::after{content:"";position:absolute;
 top:-18px;left:-18px;right:-18px;bottom:-18px;
 pointer-events:none;z-index:0}
.cdp-poussiere::before{
 background-image:radial-gradient(1.0px 1.0px at 442px 671px,rgba(214,176,126,0.33) 0,rgba(214,176,126,0) 100%),radial-gradient(1.8px 1.8px at 348px 53px,rgba(214,176,126,0.42) 0,rgba(214,176,126,0) 100%),radial-gradient(0.9px 0.9px at 360px 310px,rgba(214,176,126,0.43) 0,rgba(214,176,126,0) 100%),radial-gradient(0.9px 0.9px at 498px 260px,rgba(214,176,126,0.32) 0,rgba(214,176,126,0) 100%),radial-gradient(1.7px 1.7px at 849px 445px,rgba(214,176,126,0.20) 0,rgba(214,176,126,0) 100%),radial-gradient(1.2px 1.2px at 2px 398px,rgba(214,176,126,0.43) 0,rgba(214,176,126,0) 100%),radial-gradient(1.1px 1.1px at 227px 11px,rgba(214,176,126,0.42) 0,rgba(214,176,126,0) 100%),radial-gradient(1.9px 1.9px at 47px 609px,rgba(214,176,126,0.41) 0,rgba(214,176,126,0) 100%),radial-gradient(1.1px 1.1px at 590px 454px,rgba(214,176,126,0.31) 0,rgba(214,176,126,0) 100%),radial-gradient(1.3px 1.3px at 191px 64px,rgba(206,158,150,0.21) 0,rgba(206,158,150,0) 100%),radial-gradient(1.2px 1.2px at 850px 633px,rgba(206,158,150,0.17) 0,rgba(206,158,150,0) 100%),radial-gradient(0.9px 0.9px at 648px 655px,rgba(206,158,150,0.19) 0,rgba(206,158,150,0) 100%),radial-gradient(1.1px 1.1px at 224px 836px,rgba(206,158,150,0.23) 0,rgba(206,158,150,0) 100%);
 background-size:880px 880px;background-repeat:repeat;
 -webkit-mask-image:radial-gradient(ellipse 60% 56% at 50% 50%,rgba(0,0,0,.28) 0%,#000 78%);
 mask-image:radial-gradient(ellipse 60% 56% at 50% 50%,rgba(0,0,0,.28) 0%,#000 78%);
 animation:cdp-respire-a 13s ease-in-out infinite alternate,
           cdp-flotte-a 19s ease-in-out infinite alternate}
/* la trace : 9 empreintes en pas alternes, les plus anciennes plus effacees */
.cdp-poussiere::after{
 background-image:radial-gradient(1.8px 1.8px at 494px 541px,rgba(214,176,126,0.37) 0,rgba(214,176,126,0) 100%),radial-gradient(2.0px 2.0px at 19px 722px,rgba(214,176,126,0.31) 0,rgba(214,176,126,0) 100%),radial-gradient(1.7px 1.7px at 479px 82px,rgba(214,176,126,0.42) 0,rgba(214,176,126,0) 100%),radial-gradient(2.8px 2.8px at 761px 237px,rgba(214,176,126,0.28) 0,rgba(214,176,126,0) 100%),radial-gradient(2.2px 2.2px at 1036px 794px,rgba(206,158,150,0.20) 0,rgba(206,158,150,0) 100%),radial-gradient(1.5px 1.5px at 111px 70px,rgba(206,158,150,0.21) 0,rgba(206,158,150,0) 100%),radial-gradient(1.8px 1.8px at 1047px 815px,rgba(206,158,150,0.14) 0,rgba(206,158,150,0) 100%),radial-gradient(2.4px 2.4px at 1225px 316px,rgba(206,158,150,0.27) 0,rgba(206,158,150,0) 100%),
  radial-gradient(closest-side at 86% 14%,rgba(214,176,126,.16),rgba(214,176,126,0) 100%),
  radial-gradient(closest-side at 10% 84%,rgba(206,158,150,.12),rgba(206,158,150,0) 100%);
 background-position:0 0,86% 14%,10% 84%;
 background-size:1270px 1270px,900px 640px,780px 580px;
 background-repeat:repeat,no-repeat,no-repeat;
 -webkit-mask-image:radial-gradient(ellipse 64% 60% at 50% 50%,rgba(0,0,0,.34) 0%,#000 82%);
 mask-image:radial-gradient(ellipse 64% 60% at 50% 50%,rgba(0,0,0,.34) 0%,#000 82%);
 animation:cdp-respire-b 17s ease-in-out infinite alternate,
           cdp-flotte-b 24s ease-in-out infinite alternate;
 animation-delay:-7s,-11s}
@keyframes cdp-respire-a{from{opacity:.62}to{opacity:.86}}
@keyframes cdp-respire-b{from{opacity:.84}to{opacity:.6}}
@keyframes cdp-flotte-a{from{transform:translate3d(0,0,0)}to{transform:translate3d(6px,-9px,0)}}
@keyframes cdp-flotte-b{from{transform:translate3d(0,0,0)}to{transform:translate3d(-7px,8px,0)}}
.cdp-vaste::before{opacity:.72;animation-duration:16s,23s}
.cdp-vaste::after{animation-duration:21s,29s}

/* --- Profondeur du heros : le plan lointain reste accroche au viewport,
   le plan proche defile avec la section. Coupe au toucher : fixed est ignore
   sur iOS et couteux a repeindre. --- */
/* Profondeur du heros : background-attachment:fixed a ete essaye puis retire.
   Sur une couche de 50 degrades plein ecran, il force un repaint complet a
   chaque frame de defilement — le rendu se fige. Voir performance.md. */
@media(max-width:767px){
 .cdp-poussiere::before{background-size:620px 620px}
 .cdp-poussiere::after{background-size:900px 900px,600px 460px,520px 400px}}
@media(prefers-reduced-motion:reduce){
 .cdp-poussiere::before,.cdp-poussiere::after{animation:none;opacity:.72;transform:none}}

/* ============ 22. FAQ — filets, plus de cartes ======================
   Le client ne voulait plus des encadres ni de la pastille ovale autour du
   marqueur. Les filets, les fonds et les espacements sont regles dans les
   controles du widget (voir effets-premium.md) ; ici on ne garde que ce que
   les controles ne savent pas faire. */
.cdp-faq .e-n-accordion-item{border-radius:0;background:transparent;transform:none;transition:none}
.cdp-faq .e-n-accordion-item::before{content:none}
.cdp-faq summary::marker,.cdp-faq summary::-webkit-details-marker{display:none;content:''}
.cdp-faq .e-n-accordion-item-title{cursor:pointer}
.cdp-faq .e-n-accordion-item-title-text{padding-right:18px}
.cdp-faq .e-n-accordion-item>.e-con{padding:0 4px 26px;background:transparent;border:0}
.cdp-faq .e-n-accordion-item>.e-con p{margin:0;max-width:62ch}

/* ============ 23. Le chat qui passe ============
   Une empreinte par element : c est la seule facon d avoir un timing propre a
   chacune. Elles apparaissent NETTES, une par une (0,9 s d ecart), puis
   s effacent lentement — la trace se lit derriere l animal. Cycle de 22 s.
   On n anime que opacity : cout compositeur, rien sur le fil principal. */
.cdp-traces{position:absolute!important;inset:0;pointer-events:none;z-index:1;
 margin:0!important;padding:0!important;overflow:hidden}
.cdp-traces .cdp-pas{position:absolute!important;margin:0!important;padding:0!important;
 opacity:0;transform:rotate(var(--rot,0deg));
 animation:cdp-marche 14s linear infinite}
.cdp-traces .cdp-pas .elementor-icon{color:var(--e-global-color-accent);
 font-size:inherit;width:100%;height:100%;display:block}
.cdp-traces .cdp-pas .elementor-icon svg{width:100%;height:100%;fill:currentColor}
@keyframes cdp-marche{
 0%{opacity:0}
 1.5%{opacity:.34}   /* la patte se pose : net, immediat */
 18%{opacity:.34}    /* elle reste pleine un instant */
 100%{opacity:0}}    /* puis s efface sur tout le reste du cycle */
/* parcours du heros */
.cdp-traces-hero .cdp-pas:nth-child(1){left:3.07%;top:91.78%;--rot:92.3deg;width:23px;height:23px;animation-delay:0s}
.cdp-traces-hero .cdp-pas:nth-child(2){left:13.03%;top:94.74%;--rot:90.9deg;width:23px;height:23px;animation-delay:0.8s}
.cdp-traces-hero .cdp-pas:nth-child(3){left:23.02%;top:92.24%;--rot:88.1deg;width:23px;height:23px;animation-delay:1.6s}
.cdp-traces-hero .cdp-pas:nth-child(4){left:33.08%;top:93.72%;--rot:86.8deg;width:23px;height:23px;animation-delay:2.4s}
.cdp-traces-hero .cdp-pas:nth-child(5){left:43.01%;top:90.52%;--rot:87.9deg;width:23px;height:23px;animation-delay:3.2s}
.cdp-traces-hero .cdp-pas:nth-child(6){left:53.03%;top:92.6%;--rot:90.6deg;width:23px;height:23px;animation-delay:4s}
.cdp-traces-hero .cdp-pas:nth-child(7){left:63.08%;top:90.84%;--rot:92.8deg;width:23px;height:23px;animation-delay:4.8s}
.cdp-traces-hero .cdp-pas:nth-child(8){left:73%;top:94.12%;--rot:92.9deg;width:23px;height:23px;animation-delay:5.6s}
.cdp-traces-hero .cdp-pas:nth-child(9){left:83.05%;top:92.41%;--rot:90.8deg;width:23px;height:23px;animation-delay:6.4s}
.cdp-traces-hero .cdp-pas:nth-child(10){left:93.05%;top:94.55%;--rot:89.3deg;width:23px;height:23px;animation-delay:7.2s}
/* parcours du pied de page */
.cdp-traces-pied .cdp-pas:nth-child(1){left:93%;top:81.2%;--rot:235deg;width:23px;height:23px;animation-delay:0.0s}
.cdp-traces-pied .cdp-pas:nth-child(2){left:83.3%;top:85.6%;--rot:-80deg;width:25px;height:25px;animation-delay:0.8s}
.cdp-traces-pied .cdp-pas:nth-child(3){left:73.7%;top:80.8%;--rot:-93deg;width:23px;height:23px;animation-delay:1.6s}
.cdp-traces-pied .cdp-pas:nth-child(4){left:64%;top:83%;--rot:-77deg;width:25px;height:25px;animation-delay:2.4s}
.cdp-traces-pied .cdp-pas:nth-child(5){left:54.3%;top:79.3%;--rot:258deg;width:23px;height:23px;animation-delay:3.2s}
.cdp-traces-pied .cdp-pas:nth-child(6){left:44.7%;top:83.4%;--rot:274deg;width:25px;height:25px;animation-delay:4.0s}
.cdp-traces-pied .cdp-pas:nth-child(7){left:35%;top:80.9%;--rot:248deg;width:23px;height:23px;animation-delay:4.8s}
.cdp-traces-pied .cdp-pas:nth-child(8){left:25.3%;top:87%;--rot:263deg;width:25px;height:25px;animation-delay:5.6s}
.cdp-traces-pied .cdp-pas:nth-child(9){left:15.7%;top:86.6%;--rot:240deg;width:23px;height:23px;animation-delay:6.4s}
.cdp-traces-pied .cdp-pas:nth-child(10){left:6%;top:93.8%;--rot:242deg;width:25px;height:25px;animation-delay:7.2s}

/* -- trace de pattes : panneau CTA (1200x514, bande basse, droite -> gauche) -- */
.cdp-traces-cta .cdp-pas:nth-child(1){left:94.19%;top:94.28%;--rot:268.3deg;width:20px;height:20px;animation-delay:0.0s}
.cdp-traces-cta .cdp-pas:nth-child(2){left:84.16%;top:91.85%;--rot:269.4deg;width:20px;height:20px;animation-delay:0.8s}
.cdp-traces-cta .cdp-pas:nth-child(3){left:74.15%;top:94.78%;--rot:-88.6deg;width:20px;height:20px;animation-delay:1.6s}
.cdp-traces-cta .cdp-pas:nth-child(4){left:64.19%;top:90.75%;--rot:-87.7deg;width:20px;height:20px;animation-delay:2.4s}
.cdp-traces-cta .cdp-pas:nth-child(5){left:54.15%;top:92.9%;--rot:-88.5deg;width:20px;height:20px;animation-delay:3.2s}
.cdp-traces-cta .cdp-pas:nth-child(6){left:44.16%;top:89.52%;--rot:269.6deg;width:20px;height:20px;animation-delay:4.0s}
.cdp-traces-cta .cdp-pas:nth-child(7){left:34.19%;top:93.25%;--rot:268.0deg;width:20px;height:20px;animation-delay:4.8s}
.cdp-traces-cta .cdp-pas:nth-child(8){left:24.14%;top:91.18%;--rot:267.9deg;width:20px;height:20px;animation-delay:5.6s}
.cdp-traces-cta .cdp-pas:nth-child(9){left:14.17%;top:94.97%;--rot:269.4deg;width:20px;height:20px;animation-delay:6.4s}
.cdp-traces-cta .cdp-pas:nth-child(10){left:4.17%;top:91.66%;--rot:-89.5deg;width:20px;height:20px;animation-delay:7.2s}

@media(max-width:767px){
.cdp-traces-pied .cdp-pas{width:19px!important;height:19px!important}
/* la trace reste visible sur mobile : elle passe dans la bande basse, sous la photo */
.cdp-traces-hero .cdp-pas:nth-child(1){left:4.89%;top:94.77%;--rot:94.9deg;width:15px!important;height:15px!important}
.cdp-traces-hero .cdp-pas:nth-child(2){left:14.27%;top:96.24%;--rot:91.8deg;width:15px!important;height:15px!important}
.cdp-traces-hero .cdp-pas:nth-child(3){left:23.77%;top:95%;--rot:86.1deg;width:15px!important;height:15px!important}
.cdp-traces-hero .cdp-pas:nth-child(4){left:33.6%;top:95.73%;--rot:83.4deg;width:15px!important;height:15px!important}
.cdp-traces-hero .cdp-pas:nth-child(5){left:42.87%;top:94.14%;--rot:85.7deg;width:15px!important;height:15px!important}
.cdp-traces-hero .cdp-pas:nth-child(6){left:52.51%;top:95.17%;--rot:91.2deg;width:15px!important;height:15px!important}
.cdp-traces-hero .cdp-pas:nth-child(7){left:62.25%;top:94.3%;--rot:95.9deg;width:15px!important;height:15px!important}
.cdp-traces-hero .cdp-pas:nth-child(8){left:71.49%;top:95.93%;--rot:96.1deg;width:15px!important;height:15px!important}
.cdp-traces-hero .cdp-pas:nth-child(9){left:81.25%;top:95.08%;--rot:91.7deg;width:15px!important;height:15px!important}
.cdp-traces-hero .cdp-pas:nth-child(10){left:90.8%;top:96.15%;--rot:88.6deg;width:15px!important;height:15px!important}
.cdp-traces-cta .cdp-pas:nth-child(1){left:89.95%;top:97.28%;--rot:-89.6deg;width:14px!important;height:14px!important}
.cdp-traces-cta .cdp-pas:nth-child(2){left:80.67%;top:96.33%;--rot:-87.9deg;width:14px!important;height:14px!important}
.cdp-traces-cta .cdp-pas:nth-child(3){left:71.21%;top:97%;--rot:-85.8deg;width:14px!important;height:14px!important}
.cdp-traces-cta .cdp-pas:nth-child(4){left:62.02%;top:95.79%;--rot:-86.9deg;width:14px!important;height:14px!important}
.cdp-traces-cta .cdp-pas:nth-child(5){left:52.63%;top:96.6%;--rot:269.6deg;width:14px!important;height:14px!important}
.cdp-traces-cta .cdp-pas:nth-child(6){left:43.22%;top:95.83%;--rot:266.5deg;width:14px!important;height:14px!important}
.cdp-traces-cta .cdp-pas:nth-child(7){left:34.04%;top:97.06%;--rot:266deg;width:14px!important;height:14px!important}
.cdp-traces-cta .cdp-pas:nth-child(8){left:24.6%;top:96.36%;--rot:268.5deg;width:14px!important;height:14px!important}
.cdp-traces-cta .cdp-pas:nth-child(9){left:15.25%;top:97.25%;--rot:-87.8deg;width:14px!important;height:14px!important}
.cdp-traces-cta .cdp-pas:nth-child(10){left:6.04%;top:96.07%;--rot:-86.1deg;width:14px!important;height:14px!important}
}
@media(prefers-reduced-motion:reduce){.cdp-traces .cdp-pas{animation:none;opacity:.14}}


/* ============ 24. LA PATTE DE LA MARQUE ============================
   Silhouette relevee directement sur le logo du client (4 doigts + coussinet,
   museau rempli). Sert de masque partout : traces, filigranes des cartes,
   separateurs du bandeau, marqueur de la FAQ. Aucune image, aucune requete. */
:root{--cdp-patte:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%2098.4%22%3E%3Cpath%20d%3D%22M33.1%200.1L29.8%201.5L27.6%203.7L25.7%207.2L24.1%2013.4L23.8%2019.6L24.7%2024.8L26.8%2030.2L28.7%2032.9L30.9%2035.1L33.1%2036.4L35.5%2037.3L39.0%2037.3L42.0%2035.9L44.4%2033.5L45.5%2031.8L46.9%2028.6L47.7%2024.8L47.7%2018.6L46.3%2012.9L43.1%206.4L38.5%201.8L36.6%200.7L34.7%200.1ZM64.5%200.4L61.2%202.0L59.3%203.7L55.6%208.5L53.1%2014.2L52.0%2019.6L52.3%2025.9L53.1%2029.1L54.5%2032.1L57.5%2035.6L61.0%2037.3L64.5%2037.3L68.8%2035.1L71.3%2032.7L72.9%2030.2L74.8%2026.2L75.6%2022.9L76.2%2016.1L75.1%209.6L74.0%206.6L72.1%203.4L69.9%201.2L68.3%200.4ZM91.9%2024.5L87.8%2025.6L83.5%2028.6L79.4%2033.7L77.5%2038.3L77.0%2041.1L77.0%2046.2L77.8%2049.7L79.1%2052.2L80.5%2053.5L83.5%2054.9L87.8%2054.9L90.0%2054.1L92.7%2052.2L96.5%2047.6L98.6%2043.0L99.7%2038.1L99.7%2033.2L98.9%2029.7L97.6%2027.2L95.9%2025.6L94.0%2024.8L92.1%2024.5ZM6.0%2024.8L3.0%2026.4L1.1%2029.7L0.3%2033.2L0.5%2040.2L1.9%2044.9L3.8%2048.4L5.7%2050.8L9.5%2053.8L12.5%2054.9L16.0%2054.9L18.7%2053.8L20.1%2052.7L22.0%2049.5L22.8%2046.5L22.8%2041.3L21.1%2035.4L17.6%2029.9L13.6%2026.4L9.8%2024.8ZM47.4%2040.2L42.5%2041.1L37.1%2043.0L30.6%2047.0L27.6%2049.5L21.7%2055.7L16.3%2062.7L13.6%2067.3L12.2%2070.3L10.8%2074.9L10.6%2079.3L11.4%2083.3L13.3%2086.9L15.7%2089.3L18.4%2090.9L20.3%2091.5L79.4%2091.5L82.4%2090.4L84.0%2089.3L86.4%2086.9L88.6%2082.2L89.2%2079.0L88.9%2074.9L87.0%2069.0L81.8%2060.6L75.3%2052.7L68.6%2046.5L62.9%2043.0L60.4%2041.9L52.6%2040.2Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E")}

.cdp-pas .elementor-icon-wrapper,.cdp-patte .elementor-icon-wrapper{width:100%;height:100%;line-height:0}
.cdp-pas .elementor-icon i,.cdp-pas .elementor-icon svg,
.cdp-patte .elementor-icon i,.cdp-patte .elementor-icon svg,
.cdp-faq .e-n-accordion-item-title-icon i,.cdp-faq .e-n-accordion-item-title-icon svg{display:none!important}

.cdp-pas .elementor-icon{display:block!important;width:100%!important;height:100%!important;
 background:#D98C8C;-webkit-mask:var(--cdp-patte) center/contain no-repeat;mask:var(--cdp-patte) center/contain no-repeat}

.cdp-patte .elementor-icon{display:block!important;width:1em!important;height:1em!important;
 background:currentColor;-webkit-mask:var(--cdp-patte) center/contain no-repeat;mask:var(--cdp-patte) center/contain no-repeat}

/* separateurs du bandeau defilant : une patte a la place du losange */
.cdp-band .cdp-sep{display:inline-block;width:.58em;height:.57em;vertical-align:-.02em;
 background:currentColor;opacity:.5;
 -webkit-mask:var(--cdp-patte) center/contain no-repeat;mask:var(--cdp-patte) center/contain no-repeat}
.cdp-band p{word-spacing:.5em}
@media(max-width:1024px){.cdp-band p{word-spacing:.18em}}
@media(max-width:767px){.cdp-band p{word-spacing:normal}}

/* ============ 25. FAQ : la patte en marqueur =======================
   Le marqueur est l'icone Font Awesome du widget, masquee par la patte du
   logo. Les !important sont indispensables : Elementor pose ses propres
   regles sur .e-opened / .e-closed avec une specificite superieure. */
.cdp-faq .e-n-accordion-item-title-icon{width:19px;height:19px;flex:0 0 19px}
.cdp-faq .e-n-accordion-item-title-icon>span.e-opened,
.cdp-faq .e-n-accordion-item-title-icon>span.e-closed{
 width:19px!important;height:19px!important;flex:0 0 19px!important;
 background:rgba(42,33,28,.32);
 -webkit-mask:var(--cdp-patte) center/contain no-repeat;mask:var(--cdp-patte) center/contain no-repeat;
 transition:transform .35s ease,background-color .25s ease}
.cdp-faq .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon>span{background:#C06E6E}
.cdp-faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon>span{
 background:#C06E6E;transform:rotate(-16deg) scale(1.06)}

/* ============ 26. FAQ ouverte : un seul filet, en bas de l'item ======
   Le controle du widget pose le filet sous le titre ; quand l'item est
   ouvert ca coupe la question de sa reponse. On le deplace en bas. */
.cdp-faq .e-n-accordion-item[open]>.e-n-accordion-item-title{border-bottom-color:transparent!important}
.cdp-faq .e-n-accordion-item[open]{border-bottom:1px solid rgba(217,140,140,.45)}

/* ============ 27. Menu mobile : un vrai panneau ======================
   Sans full_width:stretch le deroulant sortait en colonne de 111 px collee
   a droite. Ici on ne fait qu'ajouter le detachement visuel : le panneau et
   le heros ont des bruns tres proches. */
.cdp-nav .elementor-nav-menu--dropdown{
 box-shadow:0 26px 44px rgba(0,0,0,.38);
 border-bottom:1px solid rgba(243,233,221,.16)}
.cdp-nav .elementor-nav-menu--dropdown a.elementor-item{letter-spacing:.01em}/* End custom CSS */