PageSourceSearch

https://cabinetmaher.com/dr-maher

html cabinetmaher.com collected 2026-10-10 01:58:23 UTC 531,428 bytes, 14,562 lines download raw bytes

1<!DOCTYPE html><html  lang="fr-ca"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="anonymous"><link rel="preconnect" href="https://backend.leadconnectorhq.com" crossorigin="anonymous"><link rel="preconnect" href="https://images.leadconnectorhq.com" crossorigin="anonymous"><link rel="preconnect" href="https://cdn.filesafe.space" crossorigin="anonymous"><meta property="og:type" content="website"><meta property="twitter:type" content="website"><style> 
2
3 :root{ --transparent: transparent;
4--primary: #37ca37;
5--secondary: #188bf6;
6--white: #ffffff;
7--gray: #cbd5e0;
8--black: #000000;
9--red: #e93d3d;
10--orange: #f6ad55;
11--yellow: #faf089;
12--green: #9ae6b4;
13--teal: #81e6d9;
14--malibu: #63b3ed;
15--indigo: #757BBD;
16--purple: #d6bcfa;
17--pink: #fbb6ce;
18--cobalt: #155eef;
19--smoke: #f5f5f5;
20--overlay: rgba(0, 0, 0, 0.5);
21--headlinefont: 'Inter';
22--contentfont: 'Inter';
23--text-color: #000000;
24--link-color: #188bf6; } .bg-fixed{bottom:0;top:0;left:0;right:0;position:fixed;overflow:auto;background-color:var(--white)} 
25            .drop-zone-draggable .hl_main_popup{box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;border-radius:0;background-color:var(--white);width:720px}
26            
27            
28          
29#hl_main_popup.popup-body{position:absolute!important;left:50%!important;bottom:auto!important;transform:translate(-50%,0)!important;right:auto!important;box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;border-radius:0;background-color:var(--white);width:720px}.--mobile #hl_main_popup.popup-body{width:380px!important}@media screen and (min-width:0px) and (max-width:767px){#hl_main_popup.popup-body{width:380px!important}} 
30            .drop-zone-draggable .hl_main_popup-jWrqgAHo1e{box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;border-radius:0;background-color:var(--white);width:720px}
31            
32            
33          
34#hl_main_popup-jWrqgAHo1e.popup-body{position:absolute!important;left:50%!important;bottom:auto!important;transform:translate(-50%,0)!important;right:auto!important;box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;border-radius:0;background-color:var(--white);width:720px}.--mobile #hl_main_popup-jWrqgAHo1e.popup-body{width:380px!important}@media screen and (min-width:0px) and (max-width:767px){#hl_main_popup-jWrqgAHo1e.popup-body{width:380px!important}}  
35 /* ---- dm-01 global header styles ----- */ 
36:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-2OWzlgmhFW,.hl_page-preview--content .row-qrrgPtRpuq,.hl_page-preview--content .section-SjvbjSWuH2{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col-2OWzlgmhFW,.hl_page-preview--content .row-qrrgPtRpuq{margin:0 auto;width:100%}.hl_page-preview--content .col-2OWzlgmhFW{margin:0}.hl_page-preview--content .custom-code-VjSoG4xwtH{margin:0;width:auto;height:auto}#section-SjvbjSWuH2>.inner{max-width:100%}@media (max-width:1024px){#section-SjvbjSWuH2{animation:none!important}}.--mobile #row-qrrgPtRpuq,.--mobile #section-SjvbjSWuH2{animation:none!important}@media (max-width:1024px){#row-qrrgPtRpuq{animation:none!important}}#col-2OWzlgmhFW>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-2OWzlgmhFW{animation:none!important}}.--mobile #col-2OWzlgmhFW{animation:none!important} 
37 /* ---- DM-P01 Hero styles ----- */ 
38:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-CV_deMgj03,.hl_page-preview--content .row-71bq6JCsn1,.hl_page-preview--content .section-iVNYuHl6rj{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col-CV_deMgj03,.hl_page-preview--content .row-71bq6JCsn1{margin:0 auto;width:100%}.hl_page-preview--content .col-CV_deMgj03{margin:0}.hl_page-preview--content .custom-code-Idlhw37eqL{margin:0;width:auto;height:auto}#section-iVNYuHl6rj>.inner{max-width:100%}@media (max-width:1024px){#section-iVNYuHl6rj{animation:none!important}}.--mobile #row-71bq6JCsn1,.--mobile #section-iVNYuHl6rj{animation:none!important}@media (max-width:1024px){#row-71bq6JCsn1{animation:none!important}}#col-CV_deMgj03>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-CV_deMgj03{animation:none!important}}.--mobile #col-CV_deMgj03{animation:none!important} 
39 /* ---- DM-P01 Hero styles ----- */ 
40:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-l0y8rDemLI,.hl_page-preview--content .row-2nAAX7bnwt,.hl_page-preview--content .section-TH2CIhE_DL{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col-l0y8rDemLI,.hl_page-preview--content .row-2nAAX7bnwt{margin:0 auto;width:100%}.hl_page-preview--content .col-l0y8rDemLI{margin:0}.hl_page-preview--content .custom-code-7IihbKHFFa{margin:0;width:auto;height:auto}#section-TH2CIhE_DL>.inner{max-width:100%}@media (max-width:1024px){#section-TH2CIhE_DL{animation:none!important}}.--mobile #row-2nAAX7bnwt,.--mobile #section-TH2CIhE_DL{animation:none!important}@media (max-width:1024px){#row-2nAAX7bnwt{animation:none!important}}#col-l0y8rDemLI>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-l0y8rDemLI{animation:none!important}}.--mobile #col-l0y8rDemLI{animation:none!important} 
41 /* ---- DM-P01 Hero styles ----- */ 
42:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-P7iVkAeAgE,.hl_page-preview--content .row-IvsfEwptxO,.hl_page-preview--content .section-pRGakx7Czt{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col-P7iVkAeAgE,.hl_page-preview--content .row-IvsfEwptxO{margin:0 auto;width:100%}.hl_page-preview--content .col-P7iVkAeAgE{margin:0}.hl_page-preview--content .custom-code-r0AdOfK9rq{margin:0;width:auto;height:auto}#section-pRGakx7Czt>.inner{max-width:100%}@media (max-width:1024px){#section-pRGakx7Czt{animation:none!important}}.--mobile #row-IvsfEwptxO,.--mobile #section-pRGakx7Czt{animation:none!important}@media (max-width:1024px){#row-IvsfEwptxO{animation:none!important}}#col-P7iVkAeAgE>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-P7iVkAeAgE{animation:none!important}}.--mobile #col-P7iVkAeAgE{animation:none!important} 
43 /* ---- DM-P01 Hero styles ----- */ 
44:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-kDHQ6-CQdo,.hl_page-preview--content .row-ZUHmuErlA4,.hl_page-preview--content .section-9eP2fvPGvj{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col-kDHQ6-CQdo,.hl_page-preview--content .row-ZUHmuErlA4{margin:0 auto;width:100%}.hl_page-preview--content .col-kDHQ6-CQdo{margin:0}.hl_page-preview--content .custom-code-f-GVXNiJmk{margin:0;width:auto;height:auto}#section-9eP2fvPGvj>.inner{max-width:100%}@media (max-width:1024px){#section-9eP2fvPGvj{animation:none!important}}.--mobile #row-ZUHmuErlA4,.--mobile #section-9eP2fvPGvj{animation:none!important}@media (max-width:1024px){#row-ZUHmuErlA4{animation:none!important}}#col-kDHQ6-CQdo>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-kDHQ6-CQdo{animation:none!important}}.--mobile #col-kDHQ6-CQdo{animation:none!important} 
45 /* ---- DM-P01 Hero styles ----- */ 
46:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-PslqJ4l4_F,.hl_page-preview--content .row-4Y79dRM2J_,.hl_page-preview--content .section-RvaHhfISTm{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col-PslqJ4l4_F,.hl_page-preview--content .row-4Y79dRM2J_{margin:0 auto;width:100%}.hl_page-preview--content .col-PslqJ4l4_F{margin:0}.hl_page-preview--content .custom-code-oJUMm9KV-b{margin:0;width:auto;height:auto}#section-RvaHhfISTm>.inner{max-width:100%}@media (max-width:1024px){#section-RvaHhfISTm{animation:none!important}}.--mobile #row-4Y79dRM2J_,.--mobile #section-RvaHhfISTm{animation:none!important}@media (max-width:1024px){#row-4Y79dRM2J_{animation:none!important}}#col-PslqJ4l4_F>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-PslqJ4l4_F{animation:none!important}}.--mobile #col-PslqJ4l4_F{animation:none!important} 
47 /* ---- DM-P01 Hero styles ----- */ 
48:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-RDui6zWvnu,.hl_page-preview--content .row-FBSJfXZWBU,.hl_page-preview--content .section-UG-WHYa8SN{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col-RDui6zWvnu,.hl_page-preview--content .row-FBSJfXZWBU{margin:0 auto;width:100%}.hl_page-preview--content .col-RDui6zWvnu{margin:0}.hl_page-preview--content .custom-code-Z_tb2DP8LH{margin:0;width:auto;height:auto}#section-UG-WHYa8SN>.inner{max-width:100%}@media (max-width:1024px){#section-UG-WHYa8SN{animation:none!important}}.--mobile #row-FBSJfXZWBU,.--mobile #section-UG-WHYa8SN{animation:none!important}@media (max-width:1024px){#row-FBSJfXZWBU{animation:none!important}}#col-RDui6zWvnu>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-RDui6zWvnu{animation:none!important}}.--mobile #col-RDui6zWvnu{animation:none!important} 
49 /* ---- DM-P01 Hero styles ----- */ 
50:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-RgO08oDYVg,.hl_page-preview--content .row-GkFZJ42V3A,.hl_page-preview--content .section-tvK7sI6mtA{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col-RgO08oDYVg,.hl_page-preview--content .row-GkFZJ42V3A{margin:0 auto;width:100%}.hl_page-preview--content .col-RgO08oDYVg{margin:0}.hl_page-preview--content .custom-code-Pecpx06PpF{margin:0;width:auto;height:auto}#section-tvK7sI6mtA>.inner{max-width:100%}@media (max-width:1024px){#section-tvK7sI6mtA{animation:none!important}}.--mobile #row-GkFZJ42V3A,.--mobile #section-tvK7sI6mtA{animation:none!important}@media (max-width:1024px){#row-GkFZJ42V3A{animation:none!important}}#col-RgO08oDYVg>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-RgO08oDYVg{animation:none!important}}.--mobile #col-RgO08oDYVg{animation:none!important} 
51 /* ---- golbal dm-13 — footer styles ----- */ 
52:root{--transparent:transparent;--black:#000000}.hl_page-preview--content .col-sOGCtOJgGX,.hl_page-preview--content .row-9lv0FjQbx4,.hl_page-preview--content .section-njTwEiaoPe{box-shadow:none;padding:0;margin:0;background-color:var(--transparent);backdrop-filter:none;border-color:var(--black);border-width:0;border-style:none;border-radius:0}.hl_page-preview--content .col-sOGCtOJgGX,.hl_page-preview--content .row-9lv0FjQbx4{margin:0 auto;width:100%}.hl_page-preview--content .col-sOGCtOJgGX{margin:0}.hl_page-preview--content .custom-code-XgObksslhG{margin:0;width:auto;height:auto}#section-njTwEiaoPe>.inner{max-width:100%}@media (max-width:1024px){#section-njTwEiaoPe{animation:none!important}}.--mobile #row-9lv0FjQbx4,.--mobile #section-njTwEiaoPe{animation:none!important}@media (max-width:1024px){#row-9lv0FjQbx4{animation:none!important}}#col-sOGCtOJgGX>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}@media (max-width:1024px){#col-sOGCtOJgGX{animation:none!important}}.--mobile #col-sOGCtOJgGX{animation:none!important}
53
54@media (max-width: 1024px) {
55  #section-SjvbjSWuH2,
56  #row-qrrgPtRpuq,
57  #col-2OWzlgmhFW,
58  #section-iVNYuHl6rj,
59  #row-71bq6JCsn1,
60  #col-CV_deMgj03,
61  #section-TH2CIhE_DL,
62  #row-2nAAX7bnwt,
63  #col-l0y8rDemLI,
64  #section-pRGakx7Czt,
65  #row-IvsfEwptxO,
66  #col-P7iVkAeAgE,
67  #section-9eP2fvPGvj,
68  #row-ZUHmuErlA4,
69  #col-kDHQ6-CQdo,
70  #section-RvaHhfISTm,
71  #row-4Y79dRM2J_,
72  #col-PslqJ4l4_F,
73  #section-UG-WHYa8SN,
74  #row-FBSJfXZWBU,
75  #col-RDui6zWvnu,
76  #section-tvK7sI6mtA,
77  #row-GkFZJ42V3A,
78  #col-RgO08oDYVg,
79  #section-njTwEiaoPe,
80  #row-9lv0FjQbx4,
81  #col-sOGCtOJgGX {
82    animation: none !important;
83  }
84}
85</style><link rel="stylesheet" href media="print" onload="this.media='all'"><style>:root{--sticky-header-height:0px}[id]{scroll-margin-top:var(--sticky-header-height)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:9999}.align-center{align-items:center}.h-full{height:100%}.max-w-400{max-width:400px}.text-right{text-align:right}.d-grid{display:grid}.px-0{padding-left:0!important;padding-right:0!important}.gap-1{gap:.3rem}.items-end{align-items:flex-end}.relative{position:relative}.gap-2{gap:.625rem}.mt-20{margin-top:20px}.mt-8{margin-top:32px}.ml-3{margin-left:.75rem}.mr-10{margin-right:10px}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.w-100{width:100%}.h-100{height:100%}.w-50{width:50%}.w-25{width:25%}.mw-100{max-width:100%}.noBorder{border:none!important}.iti__flag{background-image:url(https://stcdn.leadconnectorhq.com/intl-tel-input/17.0.12/img/flags.png)}.pointer{cursor:pointer}@media(min-resolution:192dpi){.iti__flag{background-image:url(https://stcdn.leadconnectorhq.com/intl-tel-input/17.0.12/img/[email protected])}}.iti__country{display:flex;justify-content:space-between}.iti__hide{display:none}@media(min-width:768px){.hl_wrapper.nav-shrink .hl_wrapper--inner.page-creator,body{padding-top:0}.hl_page-creator--menu{left:0;top:0;z-index:10}.hl_wrapper{padding-left:0}}@media(min-width:1200px){.hl_wrapper.nav-shrink{padding-left:0!important}}html body .hl_wrapper{height:100vh;overflow:hidden}body{margin:0;-webkit-font-smoothing:antialiased}img{border-style:none;vertical-align:middle}.bg-fixed{z-index:-1}.progress-outer{background-color:#f5f5f5;border-radius:inherit;box-shadow:inset 0 1px 2px #0000001a;font-size:14px;height:35px;line-height:36px;overflow:hidden;padding-bottom:0;padding-top:0;width:100%}.progress-inner{box-shadow:inset 0 -1px #00000026;color:#fff;float:left;font-size:14px;height:100%;padding-left:10px;padding-right:10px;transition:width .6s ease;width:0}.progress0{width:0}.progress10{width:10%}.progress20{width:20%}.progress30{width:30%}.progress40{width:40%}.progress50{width:50%}.progress60{width:60%}.progress70{width:70%}.progress80{width:80%}.progress90{width:90%}.progress100{width:100%}.progressbarOffsetWhite{background:#f5f5f5}.progressbarOffsetTransparentWhite{background-color:#ffffff80}.progressbarOffsetBlack{background:#333}.progressbarOffsetTransparentBlack{background-color:#7e7e7e80}.text-white{color:#fff}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-bold-italic{font-style:italic;font-weight:700}.progressbarSmall{font-size:14px;height:35px;line-height:36px}.progressbarMedium{font-size:19px;height:45px;line-height:45px}.progressbarLarge{font-size:21px;height:65px;line-height:65px}.recaptcha-container{margin-bottom:1em}.recaptcha-container p{color:red;margin-top:1em}.button-recaptcha-container div:first-child{height:auto!important;width:100%!important}.card-el-error-msg{align-items:center;color:#e25950;display:flex;font-size:13px;justify-content:flex-start;padding:10px 0;text-align:center}.card-el-error-msg svg{color:#f87171;margin-right:2px}.hl-faq-child-heading{border:none;cursor:pointer;justify-content:space-between;outline:none;padding:15px;width:100%}.hl-faq-child-head,.hl-faq-child-heading{align-items:center;display:flex}.v-enter-active,.v-leave-active{transition:opacity .2s ease-out}.v-enter-from,.v-leave-to{opacity:0}.faq-separated-child{margin-bottom:10px}.hl-faq-child-panel img{border-radius:15px;cursor:pointer}.hl-faq-child-heading-icon.left{margin-right:1em}.expand-collapse-all-button{background-color:transparent;border:1px solid #d1d5db;border-radius:15px;color:#3b82f6;
85cursor:pointer;font-size:12px;font-weight:400;line-height:16px;margin:1em 0;padding:5px 15px}.hl-faq-child-panel{transition:padding .2s ease}.v-spinner .v-moon1{position:relative}.v-spinner .v-moon1,.v-spinner .v-moon2{animation:v-moonStretchDelay .6s linear 0s infinite;animation-fill-mode:forwards}.v-spinner .v-moon2{opacity:.8;position:absolute}.v-spinner .v-moon3{opacity:.1}@keyframes v-moonStretchDelay{to{transform:rotate(1turn)}}.generic-error-message{color:red;font-weight:500;margin-top:.5rem;text-align:center}#faq-overlay{background:var(--overlay);height:100vh;opacity:.8;width:100vw}#faq-overlay,#faq-popup{position:fixed;z-index:1000}#faq-popup{background:#fff;height:auto;left:50%;margin-left:-250px;margin-top:-250px;top:50%;width:500px}#popupclose{cursor:pointer;float:right;padding:10px}.popupcontent{height:auto!important;width:100%!important}#button{cursor:pointer}.dark{background-color:#000}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.spotlight{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);bottom:-30vh;filter:blur(20vh);height:40vh}.z-10{z-index:10}.right-0{right:0}.left-0{left:0}.fixed{position:fixed}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.overflow-hidden{overflow:hidden}.min-h-screen{min-height:100vh}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.place-content-center{place-content:center}.grid{display:grid}.z-20{z-index:20}.max-w-520px{max-width:520px}.mb-8{margin-bottom:2rem}.text-8xl{font-size:6rem;line-height:1}.font-medium{font-weight:500}.mb-16{margin-bottom:4rem}.leading-tight{line-height:1.25}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-light{font-weight:300}@media(min-width:640px){.sm-text-10xl{font-size:10rem;line-height:1}.sm-text-4xl{font-size:2.25rem;line-height:2.5rem}.sm-px-0{padding-left:0;padding-right:0}}.full-center{background-position:50%!important;background-repeat:repeat!important;background-size:cover!important}.fill-width{background-size:100% auto!important}.fill-width,.fill-width-height{background-repeat:no-repeat!important}.fill-width-height{background-size:100% 100%!important}.no-repeat{background-repeat:no-repeat!important}.repeat-x{background-repeat:repeat-x!important}.repeat-y{background-repeat:repeat-y!important}.repeat-x-fix-top{background-position:top!important;background-repeat:repeat-x!important}.repeat-x-fix-bottom{background-position:bottom!important;background-repeat:repeat-x!important}#overlay{height:100%;inset:0;opacity:0;overflow-y:scroll;position:fixed;transition:opacity .3s ease;width:100%;z-index:999;-webkit-overflow-scrolling:touch}#overlay.show{opacity:1}.popup-body{background-color:#fff;height:auto;left:50%;min-height:180px;position:absolute;top:10%;transition:transform .25s ease-in-out}.popup-body,.popup-body.show{transform:translate(-50%)}.closeLPModal{cursor:pointer;position:absolute;right:-10px;top:-10px;z-index:21}.settingsPModal{font-size:18px;left:40%;padding:10px;position:absolute;top:-40px;width:32px}.c-section>.inner{display:flex;flex-direction:column;justify-content:center;margin:auto;z-index:2}.c-row>.inner{display:flex;width:100%}.c-column>.inner{display:flex;flex-direction:column;height:100%;justify-content:inherit;width:100%!important}.c-wrapper{position:relative}.previewer{--vw:100vh/100;height:calc(100vh - 170px);margin:auto;overflow:scroll;overflow-x:hidden;overflow-y:scroll;width:100%}.c-element{position:relative}.c-column{flex:1}.c-column,.c-row{position:relative}p+p{margin-top:auto}.hl_page-creator--row.active{border-color:#188bf6}.flip-list-move{transition:transform .5s}.page-wrapper .sortable-ghost:before{background:#188bf6!important;border-radius:4px;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.page-wrapper .sortable-ghost{border:none!important;position:relative}.active-drop-area:before{color:gray;content:"";font-size:12px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.active-drop-area{border:1px dashed grey}.active-drop-area.is-empty{min-height:60px}.empty-component{align-items:center;border:1px dashed #d7dde9;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.empty-component,.empty-component-min-height{min-height:100px;pointer-events:none}.dividerContainer{width:100%}.items-center{align-items:center}.font-semibold{font-weight:600}.text-2xl{font-size:1.5rem}.text-sm{font-size:.875rem}.w-full{width:100%}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.justify-between{justify-content:space-between}.text-lg{font-size:1.125rem}.font-base{font-weight:400}.justify-end{justify-content:flex-end}.justify-center{justify-content:center!important}.text-center{text-align:center}.centered{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.mx-auto{margin:0 auto}.default-cursor{cursor:default!important}</style><style>@media only screen and (max-width:767px){.c-row>.inner{flex-direction:column}.desktop-only{display:none}.c-column,.c-row{width:100%!important}.c-column,.c-column>.inner,.c-row>.inner,.c-section,.c-section>.inner{padding-left:0!important;padding-right:0!important}.c-column,.c-column>.inner,.c-row{margin-left:0!important;margin-right:0!important}.c-row{padding-left:10px!important;padding-right:10px!important}}@media only screen and (min-width:1024.02px){.mobile-only{display:none}}@media only screen and (min-width:768px)and (max-width:1024px){.tablet-hide{display:none}}.c-button button{outline:none;position:relative}.fa,.fab,.fal,.far,.fas{-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.c-column{flex:1 1 auto!important}.c-column>.inner.horizontal>div{flex:1}.c-row>.inner{display:flex;width:100%}.c-nested-column .c-row>.inner{width:100%!important}.c-nested-column .inner{border:none!important}.bgCover.bg-fixed:before{background-attachment:fixed!important;background-position:50%!important;background-repeat:repeat!important;background-size:cover!important;-webkit-background-size:cover!important}@supports (-webkit-touch-callout:inherit){.bgCover.bg-fixed:before{background-attachment:scroll!important}}.bgCover100.bg-fixed:before{background-size:100% auto!important;-webkit-background-size:100% auto!important}.bgCover100.bg-fixed:before,.bgNoRepeat.bg-fixed:before{background-repeat:no-repeat!important}.bgRepeatX.bg-fixed:before{background-repeat:repeat-x!important}.bgRepeatY.bg-fixed:before{background-repeat:repeat-y!important}.bgRepeatXTop.bg-fixed:before{background-position:top!important;background-repeat:repeat-x!important}.bgRepeatXBottom.bg-fixed:before{background-position:bottom!important;background-repeat:repeat-x!important}.bgCover{background-attachment:fixed!important;background-position:50%!important;background-repeat:repeat!important;background-size:cover!important;-webkit-background-size:cover!important}@supports (-webkit-touch-callout:inherit){.bgCover{background-attachment:scroll!important}}.bgCover100{background-size:100% auto!important;-webkit-background-size:100% auto!important}.bgCover100,.bgNoRepeat{background-repeat:no-repeat!important}.bgRepeatX{background-repeat:repeat-x!important}.bgRepeatY{background-repeat:repeat-y!important}.bgRepeatXTop{background-position:top!important}.bgRepeatXBottom,.bgRepeatXTop{background-repeat:repeat-x!important}.bgRepeatXBottom{background-position:bottom!important}.cornersTop{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.cornersBottom{border-top-left-radius:0!important;border-top-right-radius:0!important}.radius0{border-radius:0}.radius1{border-radius:1px}.radius2{border-radius:2px}.radius3{border-radius:3px}.radius4{border-radius:4px}.radius5{border-radius:5px}.radius10{border-radius:10px}.radius15{border-radius:15px}.radius20{border-radius:20px}.radius25{border-radius:25px}.radius50{border-radius:50px}.radius75{border-radius:75px}.radius100{border-radius:100px}.radius125{border-radius:125px}.radius150{border-radius:150px}.borderTopBottom{border-bottom-color:#000000b3;border-left:none!important;border-right:none!important;border-top-color:#000000b3}.borderTop{border-bottom:none!important;border-top-color:#000000b3}.borderBottom,.borderTop{border-left:none!important;border-right:none!important}.borderBottom{border-bottom-color:#000000b3;border-top:none!important}.borderFull{border-color:#000000b3}@keyframes rocking{0%{transform:rotate(0)}25%{transform:rotate(0)}50%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}.buttonRocking{animation:rocking 2s infinite;animation-timing-function:ease-out;transition:.2s}.buttonPulseGlow{animation:pulseGlow 2s infinite;animation-timing-function:ease-in-out}@keyframes pulseGlow{0%{box-shadow:0 0 #fff0}25%{box-shadow:0 0 2.5px 1px #ffffff40}50%{box-shadow:0 0 5px 2px #ffffff80}85%{box-shadow:0 0 5px 5px #fff0}to{box-shadow:0 0 #fff0}}.buttonBounce{animation:bounce 1.5s infinite;animation-timing-function:ease-in;transition:.2s}@keyframes bounce{15%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}35%{box-shadow:0 8px 5px -5px #00000040;transform:translateY(-35%)}45%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}55%{box-shadow:0 5px 4px -4px #00000040;transform:translateY(-20%)}70%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}80%{box-shadow:0 4px 3px -3px #00000040;transform:translateY(-10%)}90%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}95%{box-shadow:0 2px 3px -3px #00000040;transform:translateY(-2%)}99%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}to{box-shadow:0 0 0 0 transparent;transform:translateY(0)}}
85@keyframes elevate{0%{box-shadow:0 0 0 0 transparent;transform:translateY(0)}to{box-shadow:0 8px 5px -5px #00000040;transform:translateY(-10px)}}.buttonElevate:hover{animation:elevate .2s forwards}.buttonElevate{box-shadow:0 0 0 0 transparent;transition:.2s}.buttonWobble{transition:.3s}.buttonWobble:hover{animation:wobble .5s 1;animation-timing-function:ease-in-out}@keyframes wobble{0%{transform:skew(0)}25%{transform:skew(10deg)}50%{transform:skew(0)}75%{transform:skew(-10deg)}to{transform:skew(0)}}.image-container img{max-width:100%;vertical-align:middle}.sub-text ::-moz-placeholder{color:#000;opacity:1}.sub-text ::placeholder{color:#000;opacity:1}.image-container{height:100%;width:100%}.shadow5inner{box-shadow:inset 0 1px 3px #0000000d}.shadow10inner{box-shadow:inset 0 1px 5px #0000001a}.shadow20inner{box-shadow:inset 0 1px 5px #0003}.shadow30inner{box-shadow:inset 0 2px 5px 2px #0000004d}.shadow40inner{box-shadow:inset 0 2px 5px 2px #0006}.shadow5{box-shadow:0 1px 3px #0000000d}.shadow10{box-shadow:0 1px 5px #0000001a}.shadow20{box-shadow:0 1px 5px #0003}.shadow30{box-shadow:0 2px 5px 2px #0000004d}.shadow40{box-shadow:0 2px 5px 2px #0006}.sub-heading-button{color:#fff;font-weight:400;line-height:normal;opacity:.8;text-align:center}.wideSection{max-width:1120px}.midWideSection,.wideSection{margin-left:auto!important;margin-right:auto!important}.midWideSection{max-width:960px}.midSection{margin-left:auto!important;margin-right:auto!important;max-width:720px}.c-section>.inner{margin-left:auto;margin-right:auto;max-width:1170px;width:100%}.c-column{padding-left:15px;padding-right:15px}.feature-img-circle img,.img-circle,.img-circle img{border-radius:50%!important}.feature-img-round-corners img,.img-round-corners,.img-round-corners img{border-radius:5px}.feature-image-dark-border img,.image-dark-border{border:3px solid rgba(0,0,0,.7)}.feature-image-white-border img,.image-white-border{border:3px solid #fff}.img-grey,.img-grey img{filter:grayscale(100%);filter:gray;-webkit-transition:all .6s ease}.button-shadow1{box-shadow:0 1px 5px #0003}.button-shadow2{box-shadow:0 1px 5px #0006}.button-shadow3{box-shadow:0 1px 5px #000000b3}.button-shadow4{box-shadow:0 8px 1px #0000001a}.button-shadow5{box-shadow:0 0 25px #0003,0 0 15px #0003,0 0 3px #0006}.button-shadow6{box-shadow:0 0 25px #0006,0 0 15px #fff3,0 0 3px #fff6}.button-shadow-sharp1{box-shadow:inset 0 1px #fff3}.button-shadow-sharp2{box-shadow:inset 0 0 0 1px #fff3}.button-shadow-sharp3{box-shadow:inset 0 0 0 2px #fff3}.button-shadow-highlight{box-shadow:none}.button-shadow-highlight:hover{box-shadow:inset 0 0 #ffffff38,inset 0 233px 233px #ffffff1f}.button-flat-line{background-color:transparent!important;border-width:2px}.button-vp-5{padding-bottom:5px!important;padding-top:5px!important}.button-vp-10{padding-bottom:10px!important;padding-top:10px!important}.button-vp-15{padding-bottom:15px!important;padding-top:15px!important}.button-vp-20{padding-bottom:20px!important;padding-top:20px!important}.button-vp-25{padding-bottom:25px!important;padding-top:25px!important}.button-vp-30{padding-bottom:30px!important;padding-top:30px!important}.button-vp-40{padding-bottom:40px!important;padding-top:40px!important}.button-vp-0{padding-bottom:0!important;padding-top:0!important}.button-hp-5{padding-left:5px!important;padding-right:5px!important}.button-hp-10{padding-left:10px!important;padding-right:10px!important}.button-hp-15{padding-left:15px!important;padding-right:15px!important}.button-hp-20{padding-left:20px!important;padding-right:20px!important}.button-hp-25{padding-left:25px!important;padding-right:25px!important}.button-hp-30{padding-left:30px!important;padding-right:30px!important}.button-hp-40{padding-left:40px!important;padding-right:40px!important}.button-hp-0{padding-left:0!important;padding-right:0!important}.vs__dropdown-toggle{background:#f3f8fb!important;border:none!important;height:43px!important}.row-align-center{margin:0 auto}.row-align-left{margin:0 auto;margin-left:0!important}.row-align-right{margin:0 auto;margin-right:0!important}button,input,optgroup,select,textarea{border-radius:unset;font-family:unset;font-size:unset;line-height:unset;margin:unset;text-transform:unset}body{font-weight:unset!important;line-height:unset!important;-moz-osx-font-smoothing:grayscale;word-wrap:break-word}*,:after,:before{box-sizing:border-box}.main-heading-group>div{display:inline-block}.c-button span.main-heading-group,.c-button span.sub-heading-group{dis
85play:block}.time-grid-3{grid-template-columns:repeat(3,100px)}.time-grid-3,.time-grid-4{display:grid;text-align:center}.time-grid-4{grid-template-columns:repeat(4,100px)}@media screen and (max-width:767px){.time-grid-3{grid-template-columns:repeat(3,80px)}.time-grid-4{grid-template-columns:repeat(4,70px)}}.time-grid .timer-box{display:grid;font-size:15px;grid-template-columns:1fr;text-align:center}.timer-box .label{font-weight:300}.c-button button{cursor:pointer}.c-button>a{text-decoration:none}.c-button>a,.c-button>a span{display:inline-block}.nav-menu-wrapper{display:flex;justify-content:space-between}.nav-menu-wrapper.default{flex-direction:row}.nav-menu-wrapper.reverse{flex-direction:row-reverse}.nav-menu-wrapper .branding{align-items:center;display:flex}.nav-menu-wrapper.default .branding{flex-direction:row}.nav-menu-wrapper.reverse .branding{flex-direction:row-reverse}.nav-menu-wrapper.default .branding .logo,.nav-menu-wrapper.reverse .branding .title{margin-right:18px}.nav-menu-wrapper .branding .title{align-items:center;display:flex;min-height:50px;min-width:50px}.nav-menu{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.nav-menu a{text-decoration:none}.dropdown{display:inline-block;position:relative}.dropdown .dropdown-menu{border:none;box-shadow:0 8px 16px 5px #0000001a}.dropdown-menu{background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.3125rem;color:#607179;display:none;float:left;font-size:1rem;left:0;list-style:none;margin:.125rem 0 0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000}.nav-menu .nav-menu-item.dropdown:hover>.dropdown-menu{display:block}.nav-menu .dropdown-menu{display:none;list-style:none;margin:0;padding:0}.nav-menu-mobile{display:none}.nav-menu-mobile i{cursor:pointer;font-size:24px}#nav-menu-popup{background:var(--overlay);display:none;height:100%;inset:0;opacity:0;position:fixed;transition:opacity .3s ease;width:100%;z-index:100}#nav-menu-popup.show{opacity:1}#nav-menu-popup .nav-menu-body{background-color:#fff;height:100%;left:0;overflow:auto;padding:45px;position:absolute;top:0;width:100%}#nav-menu-popup .nav-menu-body .close-menu{cursor:pointer;position:absolute;right:20px;top:20px;z-index:100}#nav-menu-popup .nav-menu-body .close-menu:before{content:""}#nav-menu-popup .nav-menu{align-items:center;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}#nav-menu-popup .nav-menu .nav-menu-item{list-style:none;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content{display:flex;position:relative}#nav-menu-popup .nav-menu-item .nav-menu-item-title{flex-grow:1;margin:0 1rem;max-width:calc(100% - 2rem)}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle{cursor:pointer;font-size:24px;position:absolute;right:0;top:calc(50% - 12px)}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle i{font-size:24px;transition:transform .2s ease}#nav-menu-popup .nav-menu .nav-menu-item .nav-menu-item-content .nav-menu-item-toggle i:before{content:""}#nav-menu-popup .nav-menu .nav-menu-item.active .nav-menu-item-content .nav-menu-item-toggle i{transform:rotate(-180deg)}#nav-menu-popup .nav-menu .nav-menu-item .nav-dropdown-menu{display:none;max-height:0;opacity:0;overflow:auto;padding:0;transition:all .3s ease-in-out;visibility:hidden}#nav-menu-popup .nav-menu .nav-menu-item.active .nav-dropdown-menu{display:block;max-height:600px;opacity:1;visibility:visible}.form-error{border:2px solid var(--red);border-radius:8px;cursor:pointer;font-size:20px;margin-bottom:10px;padding:6px 12px;text-align:center}.form-error,.form-error i{color:var(--red)}.c-bullet-list ul li{line-height:inherit}.c-bullet-list ul li.ql-indent-1{padding-left:4.5em}.c-bullet-list ul li.ql-indent-2{padding-left:7.5em}.c-bullet-list ul li.ql-indent-3{padding-left:10.5em}.c-bullet-list ul li.ql-indent-4{padding-left:13.5em}.c-bullet-list ul li.ql-indent-5{padding-left:16.5em}.c-bullet-list ul li.ql-indent-6{padding-left:19.5em}.c-bullet-list ul li.ql-indent-7{padding-left:22.5em}.c-bullet-list ul li.ql-indent-8{padding-left:25.5em}.c-rich-text .list-disc{list-style-type:disc}.c-rich-text .list-square{list-style-type:square}.c-rich-text .list-none{list-style-type:none}.c-rich-text .list-circle{list-style-type:circle}.c-rich-text .list-decimal{list-style-type:decimal}.c-rich-text .list-upper-alpha{list-style-type:upper-alpha}.c-rich-text .list-lower-alpha{list-style-type:lower-alpha}.c-rich-text .list-upper-roman{list-style-type:upper-roman}.c-rich-text .list-lower-roman{list-style-type:lower-roman}.text-output ul li{padding-left:1.5em}.text-output ul li:before{display:inline-block;font-weight:700;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.svg-component svg{max-height:100%;max-width:100%}.border1{border-bottom:3px solid rgba(0,0,0,.2)!important}.border2{border:2px solid rgba(0,0,0,.55)}.border3{border:solid rgba(0,0,0,.15);border-width:1px 1px 2px;padding:5px}.border4{border:solid rgba(0,0,0,.35);border-width:1px 1px 2px;padding:1px!important}.shadow1{box-shadow:0 10px 6px -6px #00000026}.shadow2{box-shadow:0 4px 3px #00000026,0 0 2px #00000026}.shadow3{box-shadow:0 10px 6px -6px #999}.shadow4{box-shadow:3px 3px 15px #212121a8}.shadow6{box-shadow:0 10px 1px #ddd,0 10px 20px #ccc}.background{background-color:unset!important}@keyframes progress-bar-animation{to{background-position:0 -3000px}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}h1,h2,h3,h4,h5,h6{font-weight:500;margin:unset}p{margin:unset}.c-bullet-list,.c-faq,.c-heading,.c-image-feature,.c-paragraph,.c-sub-heading{word-break:break-word}h1:empty:after,h2:empty:after,h3:empty:after,h4:empty:after,h5:empty:after,h6:empty:after,p:empty:after{content:" "}h1:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h2:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h3:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h4:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h5:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,h6:has(>br:last-child):not(:has(>br:nth-of-type(2))):after,p:has(>br:last-child):not(:has(>br:nth-of-type(2))):after{content:"\a";white-space:pre}.w-3-4{width:75%}.w-1-2{width:50%}.tabs-container{display:flex}@media screen and (max-width:767px){.nav-menu{display:none}.nav-menu-mobile{align-items:center;display:flex}#faq-popup{left:5px!important;margin-left:0!important;width:98%!important}.video-container{width:100%!important}.autoplay .vjs-big-play-button{display:none!important}.autoplay:hover .vjs-control-bar{display:flex!important}}.hvr-grow{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}
85.hl-builder-hover-preview.hvr-grow,.hvr-grow:hover{transform:perspective(1px) translateZ(0) scale(var(--hover-scale,1.05))!important}.hvr-shrink{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-shrink,.hvr-shrink:hover{transform:perspective(1px) translateZ(0) scale(var(--hover-scale,.9))!important}@keyframes hvr-pulse{25%{transform:scale(var(--hover-scale,1.1))}75%{transform:scale(.9)}}.hvr-pulse{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);vertical-align:middle}.hl-builder-hover-preview.hvr-pulse,.hvr-pulse:hover{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);animation-iteration-count:infinite;animation-name:hvr-pulse;animation-timing-function:linear}.hvr-bounce-in{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.5s);transition-property:transform;vertical-align:middle}.hl-builder-hover-preview.hvr-bounce-in,.hvr-bounce-in:hover{transform:perspective(1px) translateZ(0) scale(var(--hover-scale,1.2))!important;transition-timing-function:cubic-bezier(.47,2.02,.31,-.36)}.hvr-rotate{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-rotate,.hvr-rotate:hover{transform:perspective(1px) translateZ(0) rotate(calc(var(--hover-angle, 5)*1deg))!important}.hvr-float{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease-out);vertical-align:middle}.hl-builder-hover-preview.hvr-float,.hvr-float:hover{transform:perspective(1px) translateZ(0) translateY(calc(var(--hover-distance, 5)*-1px))!important}.hvr-skew-forward{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transform-origin:0 100%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:var(--hover-easing,ease);vertical-align:middle}.hl-builder-hover-preview.hvr-skew-forward,.hvr-skew-forward:hover{transform:perspective(1px) translateZ(0) skew(calc(var(--hover-angle, 5)*-1deg))!important}@keyframes hvr-wobble-horizontal{16.65%{transform:translate(8px)}33.3%{transform:translate(-6px)}49.95%{transform:translate(4px)}66.6%{transform:translate(-2px)}83.25%{transform:translate(1px)}to{transform:translate(0)}}.hvr-wobble-horizontal{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);vertical-align:middle}.hl-builder-hover-preview.hvr-wobble-horizontal,.hvr-wobble-horizontal:hover{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);animation-iteration-count:1;animation-name:hvr-wobble-horizontal;animation-timing-function:ease-in-out}@keyframes hvr-buzz{50%{transform:translate(calc(var(--hover-distance, 3)*1px)) rotate(2deg)}to{transform:translate(calc(var(--hover-distance, 3)*-1px)) rotate(-2deg)}}.hvr-buzz{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);vertical-align:middle}.hl-builder-hover-preview.hvr-buzz,.hvr-buzz:hover{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,.15s);animation-iteration-count:infinite;animation-name:hvr-buzz;animation-timing-function:linear}.hoverElevate{backface-visibility:hidden;box-shadow:0 0 0 0 transparent;transition:transform var(--hover-duration,.3s) var(--hover-easing,ease) var(--hover-delay,0s),box-shadow var(--hover-duration,.3s) var(--hover-easing,ease) var(--hover-delay,0s)}
85.hl-builder-hover-preview.hoverElevate,.hoverElevate:hover{box-shadow:0 8px 5px -5px #00000040!important;transform:translateY(calc(var(--hover-distance, 10)*-1px))!important}.hvr-fade{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-fade>*{position:relative;z-index:1}.hvr-fade:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;opacity:0;position:absolute;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:opacity;z-index:0}.hl-builder-hover-preview.hvr-fade,.hvr-fade:hover{color:#fff!important}.hvr-fade:hover:before{opacity:1!important}@keyframes hvr-fade-preview{0%{opacity:0}to{opacity:1}}.hl-builder-hover-preview.hvr-fade:before{animation:hvr-fade-preview var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s) forwards!important}.hvr-sweep-to-right{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-sweep-to-right>*{position:relative;z-index:1}.hvr-sweep-to-right:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:0 50%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}
85.hl-builder-hover-preview.hvr-sweep-to-right,.hvr-sweep-to-right:hover{color:#fff!important}.hvr-sweep-to-right:hover:before{transform:scaleX(1)!important}@keyframes hvr-sweep-right-preview{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hl-builder-hover-preview.hvr-sweep-to-right:before{animation:hvr-sweep-right-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-sweep-to-bottom{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-sweep-to-bottom>*{position:relative;z-index:1}.hvr-sweep-to-bottom:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleY(0);transform-origin:50% 0;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}.hl-builder
85-hover-preview.hvr-sweep-to-bottom,.hvr-sweep-to-bottom:hover{color:#fff!important}.hvr-sweep-to-bottom:hover:before{transform:scaleY(1)!important}@keyframes hvr-sweep-bottom-preview{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.hl-builder-hover-preview.hvr-sweep-to-bottom:before{animation:hvr-sweep-bottom-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-radial-in{box-shadow:0 0 1px transparent;color:var(--hover-radial-in-rest-color,#fff)!important;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-radial-in>*{position:relative;z-index:1}.hvr-radial-in:before{background:var(--hover-fill-color,#188bf6);border-radius:100%;content:"";inset:0;position:absolute;transform:scale(2);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:ease-out;z-index:0}.hvr-radial-in:hover{color:var(--hover-radial-in-hover-color,inherit)!important}.hvr-radial-in:hover:before{transform:scale(0)!important}@keyframes hvr-radial-in-preview{0%{transform:scale(2)}to{transform:scale(0)}}
85.hl-builder-hover-preview.hvr-radial-in:before{animation:hvr-radial-in-preview var(--hover-duration,.3s) var(--hover-easing,ease-out) var(--hover-delay,0s) forwards!important}.hvr-bounce-to-top{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:color;vertical-align:middle}.hvr-bounce-to-top>*{position:relative;z-index:1}.hvr-bounce-to-top:before{background:var(--hover-fill-color,#188bf6);content:"";inset:0;position:absolute;transform:scaleY(0);transform-origin:50% 100%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:transform;transition-timing-function:cubic-bezier(.47,2.02,.31,-.36);z-index:0}.hl-builder-hover-preview.hvr-bounce-to-top,.hvr-bounce-to-top:hover{color:#fff!important}.hvr-bounce-to-top:hover:before{transform:scaleY(1)!important}@keyframes hvr-bounce-top-preview{0%{transform:scaleY(0)}to{transform:scaleY(1)}}
85.hl-builder-hover-preview.hvr-bounce-to-top:before{animation:hvr-bounce-top-preview var(--hover-duration,.3s) cubic-bezier(.47,2.02,.31,-.36) var(--hover-delay,0s) forwards!important}@keyframes hvr-ripple-out{to{inset:-12px;opacity:0}}.hvr-ripple-out{box-shadow:0 0 1px transparent;display:inline-block;position:relative;transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-ripple-out:before{animation-delay:var(--hover-delay,0s);animation-duration:var(--hover-duration,1s);border:var(--hover-border-thickness,2px) solid var(--hover-border-color,#188bf6);content:"";inset:0;position:absolute}.hl-builder-hover-preview.hvr-ripple-out:before,.hvr-ripple-out:hover:before{animation-name:hvr-ripple-out}.hvr-outline-in{box-shadow:0 0 1px transparent;display:inline-block;position:relative;transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-outline-in:before{border:var(--hover-border-thickness,4px) solid var(--hover-border-color,#188bf6);content:"";inset:-16px;opacity:0;pointer-events:none;position:absolute;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:top,right,bottom,left,opacity}
85.hl-builder-hover-preview.hvr-outline-in:before,.hvr-outline-in:hover:before{inset:-8px!important;opacity:1!important}.hvr-underline-from-center{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-underline-from-center>*{position:relative;z-index:1}.hvr-underline-from-center:before{background:var(--hover-border-color,#188bf6);bottom:0;content:"";height:var(--hover-border-thickness,4px);left:51%;position:absolute;right:51%;transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:left,right;transition-timing-function:ease-out;z-index:0}.hl-builder-hover-preview.hvr-underline-from-center:before,.hvr-underline-from-center:hover:before{left:0!important;right:0!important}.hvr-shadow{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition:box-shadow var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s);vertical-align:middle}.hl-builder-hover-preview.hvr-shadow,.hvr-shadow:focus,.hvr-shadow:hover{box-shadow:0 var(--hover-spread,10px) var(--hover-blur,10px) calc(var(--hover-spread, 10px)*-1) var(--hover-shadow-color,rgba(24,139,246,.55))!important}.hvr-glow{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition:box-shadow var(--hover-duration,.3s) var(--hover-easing,ease-in-out) var(--hover-delay,0s);vertical-align:middle}.hl-builder-hover-preview.hvr-glow,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 var(--hover-blur,8px) var(--hover-spread,0) var(--hover-shadow-color,rgba(24,139,246,.55))!important}.hvr-box-shadow-outset{box-shadow:0 0 1px transparent;display:inline-block;transform:perspective(1px) translateZ(0);transition-delay:var(--hover-delay,0s);transition-duration:var(--hover-duration,.3s);transition-property:box-shadow;vertical-align:middle}.hl-builder-hover-preview.hvr-box-shadow-outset,.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px var(--hover-blur,10px) var(--hover-spread,5px) var(--hover-shadow-color,rgba(24,139,246,.55))!important}@media(hover:none),(max-width:1024px){.hl-builder-hover-preview.hoverElevate,.hl-builder-hover-preview.hvr-bounce-in,.hl-builder-hover-preview.hvr-box-shadow-outset,.hl-builder-hover-preview.hvr-buzz,.hl-builder-hover-preview.hvr-float,.hl-builder-hover-preview.hvr-glow,.hl-builder-hover-preview.hvr-grow,.hl-builder-hover-preview.hvr-pulse,.hl-builder-hover-preview.hvr-rotate,.hl-builder-hover-preview.hvr-shadow,.hl-builder-hover-preview.hvr-shrink,.hl-builder-hover-preview.hvr-skew-forward,.hl-builder-hover-preview.hvr-wobble-horizontal,.hoverElevate:hover,.hvr-bounce-in:hover,.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover,.hvr-buzz:hover,.hvr-float:hover,.hvr-glow:focus,.hvr-glow:hover,.hvr-grow:hover,.hvr-pulse:hover,.hvr-rotate:hover,.hvr-shadow:focus,.hvr-shadow:hover,.hvr-shrink:hover,.hvr-skew-forward:hover,.hvr-wobble-horizontal:hover{animation:none!important;box-shadow:none!important;transform:none!important}.hl-builder-hover-preview.hvr-bounce-to-top:before,.hl-builder-hover-preview.hvr-fade:before,.hl-builder-hover-preview.hvr-outline-in:before,.hl-builder-hover-preview.hvr-ripple-out:before,.hl-builder-hover-preview.hvr-sweep-to-bottom:before,.hl-builder-hover-preview.hvr-sweep-to-right:before,.hl-builder-hover-preview.hvr-underline-from-center:before,.hvr-bounce-to-top:hover:before,.hvr-fade:hover:before,.hvr-outline-in:hover:before,.hvr-ripple-out:hover:before,.hvr-sweep-to-bottom:hover:before,.hvr-sweep-to-right:hover:before,.hvr-underline-from-center:hover:before{animation:none!important;opacity:0!important;transform:scale(0)!important}.hvr-radial-in:hover:before{animation:none!important;opacity:1!important;transform:scale(2)!important}}.hl-entrance-running{pointer-events:none!important}.hl-entrance-parent-clipping{overflow:hidden}[data-animation-done="1"]:not(.hl-entrance-running){opacity:1!important}@media(prefers-reduced-motion:reduce){.hoverElevate,.hoverElevate.hl-builder
85-hover-preview,.hoverElevate:hover,[class*=hvr-],[class*=hvr-].hl-builder-hover-preview,[class*=hvr-]:hover{animation:none!important;transform:none!important;transition:none!important}}@media screen and (max-width:767px){.hl-pricing-table-slide-columns{--column-width:100%!important;--column-gap:0px!important}.hl-pricing-table-slide-columns .hl-pricing-table-column-container:not(:first-child){display:none!important}}@media screen and (max-width:768px){.hl-pricing-table-classic-table-grid-container{grid-template-columns:repeat(var(--mobile-columns),280px)!important;width:calc(var(--mobile-columns)*280px)!important}}</style><style>@font-face{font-display:swap;font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.eot);src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.woff) format("woff"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.ttf) format("truetype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-display:swap;
85font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.eot);src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.woff) format("woff"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.ttf) format("truetype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:Font Awesome\ 5 Free}.fa,.fas{font-weight:900}@font-face{font-display:swap;font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.eot);src:url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.woff) format("woff"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.ttf) format("truetype"),url(https://stcdn.leadconnectorhq.com/funnel/fontawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}
85.fab{font-family:Font Awesome\ 5 Brands;font-weight:400}</style><style>:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}@media(prefers-reduced-motion:reduce),print{.animate__animated{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes slideInUp{0%{opacity:0;transform:translate3d(0,100%,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideInDown{0%{opacity:0;transform:translate3d(0,-100%,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{opacity:0;transform:translate3d(-100%,0,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translate3d(100%,0,0);visibility:visible}to{opacity:1;transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*.75);animation-name:bounceIn}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes flip{0%{animation-timing-function:ease-out;opacity:0;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0)}to{animation-timing-function:ease-in;opacity:1;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0)}}.animate__animated.animate__flip{animation-name:flip;backface-visibility:visible}@keyframes flipInX{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{animation-name:flipInX;backface-visibility:visible!important}@keyframes flipInY{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{animation-name:flipInY;backface-visibility:visible!important}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes lightSpeedInLeft{0%{opacity:0;transform:translate3d(-100%,0,0) skew(30deg)}60%{opacity:1;transform:skew(-20deg)}80%{transform:skew(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedInRight{0%{opacity:0;transform:translate3d(100%,0,0) skew(-30deg)}60%{opacity:1;transform:skew(20deg)}80%{transform:skew(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}</style><style>.testimonial-modal-overlay{align-items:center;background:#0000004d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.testimonial-modal-content{align-items:stretch;background:none;display:flex;flex-direction:column;max-height:600px;max-width:540px;width:100%}.testimonial-modal-close{align-items:center;background:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .15s;width:36px;z-index:2}.testimonial-modal-close-icon{color:#222;height:22px;width:22px}@media(max-width:768px){.testimonial-modal-content{border-radius:10px;max-width:98vw}.testimonial-modal-close{right:10px;top:10px}}</style><link rel="preload" as="style" href><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/DYpTpgq3.js">
85<link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/CCVvgE-L.js"><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/D668xA2k.js"><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/BqYBjpSL.js"><link  as="script" crossorigin href="https://stcdn.leadconnectorhq.com/_preview/3WU8QyBO.js">
85<script type="module" src="https://stcdn.leadconnectorhq.com/_preview/DYpTpgq3.js" crossorigin></script>
85<link rel="dns-prefetch" href="https://services.leadconnectorhq.com"><link rel="icon" href="https://assets.cdn.filesafe.space/2WEaZWamD6KwM7dlA587/media/6a858bc8cf3baae49e4596a7.jpeg">
85<script type="application/ld+json">{
86  "@context": "https://schema.org",
87  "@graph": [
88    {
89      "@type": "WebPage",
90      "mainEntity": [
91        {
92          "@id": "#section-SjvbjSWuH2"
93        },
94        {
95          "@id": "#section-iVNYuHl6rj"
96        },
97        {
98          "@id": "#section-TH2CIhE_DL"
99        },
100        {
101          "@id": "#section-pRGakx7Czt"
102        },
103        {
104          "@id": "#section-9eP2fvPGvj"
105        },
106        {
107          "@id": "#section-RvaHhfISTm"
108        },
109        {
110          "@id": "#section-UG-WHYa8SN"
111        },
112        {
113          "@id": "#section-tvK7sI6mtA"
114        },
115        {
116          "@id": "#section-njTwEiaoPe"
117        }
118      ]
119    },
120    {
121      "@type": "WebPageElement",
122      "@id": "#section-SjvbjSWuH2",
123      "name": "section-SjvbjSWuH2"
124    },
125    {
126      "@type": "WebPageElement",
127      "@id": "#section-iVNYuHl6rj",
128      "name": "section-iVNYuHl6rj"
129    },
130    {
131      "@type": "WebPageElement",
132      "@id": "#section-TH2CIhE_DL",
133      "name": "section-TH2CIhE_DL"
134    },
135    {
136      "@type": "WebPageElement",
137      "@id": "#section-pRGakx7Czt",
138      "name": "section-pRGakx7Czt"
139    },
140    {
141      "@type": "WebPageElement",
142      "@id": "#section-9eP2fvPGvj",
143      "name": "section-9eP2fvPGvj"
144    },
145    {
146      "@type": "WebPageElement",
147      "@id": "#section-RvaHhfISTm",
148      "name": "section-RvaHhfISTm"
149    },
150    {
151      "@type": "WebPageElement",
152      "@id": "#section-UG-WHYa8SN",
153      "name": "section-UG-WHYa8SN"
154    },
155    {
156      "@type": "WebPageElement",
157      "@id": "#section-tvK7sI6mtA",
158      "name": "section-tvK7sI6mtA"
159    },
160    {
161      "@type": "WebPageElement",
162      "@id": "#section-njTwEiaoPe",
163      "name": "section-njTwEiaoPe"
164    }
165  ]
166}</script>
166</head><body><div id="__nuxt"><!--[--><div></div><!--[--><div class="bgCover bg-fixed"></div><div><!--[--><div><!----><!----><div><div id="nav-menu-popup" style="display:none;" class="hide"><div class="nav-menu-body"><i class="close-menu fas fa-times"></i><ul class="nav-menu"><!--[--><!--]--></ul></div></div></div><!----><!--[--><!----><!--]--><div id="preview-container" class="preview-container hl_page-preview--content"><div><!----><!--[--><!--[--><div id="section-SjvbjSWuH2" data-animation-class data-entrance-clip="1" style="" class="fullSection true c-section c-wrapper section-SjvbjSWuH2"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-qrrgPtRpuq" data-animation-class data-entrance-clip="1" style="" class="row-align-center true c-row c-wrapper row-qrrgPtRpuq"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-2OWzlgmhFW" data-animation-class data-entrance-clip="1" style="" class="true c-column c-wrapper col-2OWzlgmhFW"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-VjSoG4xwtH" data-animation-class style="" class="c-custom-code c-wrapper custom-code-VjSoG4xwtH"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-VjSoG4xwtH__custom-code" class="custom-code-container ccustom-code-VjSoG4xwtH"><!-- =========================================================
167     DR MAHER — DM-01 GLOBAL HEADER V5
168     MOBILE FIX + NO HIJAMA
169     Funnel Crafts
170========================================================= -->
171
172<link rel="preconnect" href="https://fonts.googleapis.com">
173<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
174
175<link
176  href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap"
177  rel="stylesheet"
178>
179
180<style>
181
182.dmh3,
183.dmh3 *{
184  box-sizing:border-box;
185}
186
187.dmh3{
188  --brown:#482615;
189  --dark:#28150D;
190  --gold:#B97B45;
191  --gold2:#D9A36F;
192
193  --cream:#FAF7F2;
194  --cream2:#F3EEE6;
195
196  --text:#2B1A14;
197  --muted:#76675E;
198
199  --line:rgba(72,38,21,.10);
200
201  position:sticky;
202  top:0;
203  z-index:99990;
204
205  /* GHL FULL WIDTH FIX */
206  width:100vw;
207  margin-left:calc(50% - 50vw);
208
209  font-family:"Manrope",Arial,sans-serif;
210
211  background:rgba(250,247,242,.96);
212
213  backdrop-filter:blur(18px) saturate(140%);
214  -webkit-backdrop-filter:blur(18px) saturate(140%);
215
216  border-bottom:1px solid var(--line);
217
218  box-shadow:
219    0 8px 30px rgba(40,21,13,.035);
220}
221
222
223/* =====================================================
224   TOP BAR
225===================================================== */
226
227.dmh3-topbar{
228  position:relative;
229
230  width:100%;
231  min-height:28px;
232
233  padding:5px 18px;
234
235  display:flex;
236  align-items:center;
237  justify-content:center;
238
239  overflow:hidden;
240
241  background:var(--dark);
242
243  color:rgba(255,255,255,.72);
244
245  font-size:7.5px;
246  font-weight:650;
247
248  letter-spacing:.10em;
249  text-transform:uppercase;
250}
251
252
253.dmh3-topbar::before{
254  content:"";
255
256  position:absolute;
257
258  width:140px;
259  height:100%;
260
261  top:0;
262  left:-180px;
263
264  transform:skewX(-22deg);
265
266  background:
267    linear-gradient(
268      90deg,
269      transparent,
270      rgba(255,255,255,.07),
271      transparent
272    );
273
274  animation:dmh3Sweep 8s ease-in-out infinite;
275}
276
277
278@keyframes dmh3Sweep{
279
280  0%,55%{
281    left:-180px;
282  }
283
284  75%,100%{
285    left:calc(100% + 180px);
286  }
287
288}
289
290
291.dmh3-topbar strong{
292  color:var(--gold2);
293  font-weight:800;
294}
295
296
297/* =====================================================
298   MAIN HEADER
299===================================================== */
300
301.dmh3-main{
302  width:min(
303    calc(100% - 44px),
304    1280px
305  );
306
307  min-height:78px;
308
309  margin:0 auto;
310
311  display:grid;
312
313  grid-template-columns:
314    auto minmax(0,1fr) auto;
315
316  align-items:center;
317
318  gap:26px;
319}
320
321
322/* =====================================================
323   LOGO
324===================================================== */
325
326.dmh3-brand{
327  display:flex;
328  align-items:center;
329
330  min-width:118px;
331
332  text-decoration:none!important;
333}
334
335
336.dmh3-logo{
337  display:block;
338
339  width:116px;
340  height:auto;
341
342  max-height:58px;
343
344  object-fit:contain;
345
346  transform-origin:left center;
347
348  transition:transform .35s ease;
349}
350
351
352.dmh3-brand:hover .dmh3-logo{
353  transform:scale(1.035);
354}
355
356
357/* =====================================================
358   DESKTOP NAV
359===================================================== */
360
361.dmh3-nav{
362  min-width:0;
363
364  display:flex;
365  align-items:center;
366  justify-content:center;
367
368  gap:2px;
369}
370
371
372.dmh3-nav-item{
373  position:relative;
374}
375
376
377.dmh3-nav-link,
378.dmh3-drop-trigger{
379  position:relative;
380
381  min-height:45px;
382
383  padding:0 11px;
384
385  display:flex;
386  align-items:center;
387  justify-content:center;
388
389  gap:6px;
390
391  border:0;
392  outline:0;
393
394  background:transparent;
395
396  color:var(--text)!important;
397
398  text-decoration:none!important;
399
400  white-space:nowrap;
401
402  font-family:"Manrope",Arial,sans-serif;
403
404  font-size:10px;
405  font-weight:650;
406
407  cursor:pointer;
408}
409
410
411.dmh3-nav-link::after,
412.dmh3-drop-trigger::after{
413  content:"";
414
415  position:absolute;
416
417  left:11px;
418  right:11px;
419  bottom:4px;
420
421  height:1.5px;
422
423  border-radius:999px;
424
425  background:var(--gold);
426
427  transform:scaleX(0);
428
429  transition:transform .3s ease;
430}
431
432
433.dmh3-nav-link:hover,
434.dmh3-drop-trigger:hover,
435.dmh3-nav-item.dmh3-current .dmh3-nav-link,
436.dmh3-nav-item.dmh3-current .dmh3-drop-trigger{
437  color:var(--gold)!important;
438}
439
440
441.dmh3-nav-link:hover::after,
442.dmh3-drop-trigger:hover::after,
443.dmh3-nav-item.dmh3-current .dmh3-nav-link::after,
444.dmh3-nav-item.dmh3-current .dmh3-drop-trigger::after{
445  transform:scaleX(1);
446}
447
448
449/* CHEVRON */
450
451.dmh3-chevron{
452  width:6px;
453  height:6px;
454
455  border-right:1.5px solid currentColor;
456  border-bottom:1.5px solid currentColor;
457
458  transform:
459    rotate(45deg)
460    translateY(-2px);
461
462  transition:transform .3s ease;
463}
464
465
466.dmh3-nav-item:hover .dmh3-chevron,
467.dmh3-nav-item.dmh3-drop-open .dmh3-chevron{
468  transform:
469    rotate(225deg)
470    translate(-1px,-1px);
471}
472
473
474/* =====================================================
475   DROPDOWN
476===================================================== */
477
478.dmh3-dropdown{
479  position:absolute;
480
481  top:calc(100% - 2px);
482  left:50%;
483
484  width:300px;
485
486  padding:8px;
487
488  border:1px solid rgba(72,38,21,.10);
489  border-radius:18px;
490
491  background:rgba(255,255,255,.985);
492
493  box-shadow:
494    0 24px 70px rgba(40,21,13,.13);
495
496  opacity:0;
497  visibility:hidden;
498  pointer-events:none;
499
500  transform:translate(-50%,10px);
501
502  transition:
503    opacity .25s ease,
504    visibility .25s ease,
505    transform .3s ease;
506}
507
508
509.dmh3-nav-item:hover .dmh3-dropdown,
510.dmh3-nav-item:focus-within .dmh3-dropdown,
511.dmh3-nav-item.dmh3-drop-open .dmh3-dropdown{
512  opacity:1;
513  visibility:visible;
514  pointer-events:auto;
515
516  transform:translate(-50%,0);
517}
518
519
520/* DROPDOWN HEAD */
521
522.dmh3-drop-head{
523  padding:11px 12px 9px;
524
525  margin-bottom:4px;
526
527  border-bottom:1px solid var(--line);
528}
529
530
531.dmh3-drop-label{
532  margin-bottom:3px;
533
534  color:var(--gold);
535
536  font-size:6.5px;
537  font-weight:800;
538
539  letter-spacing:.17em;
540  text-transform:uppercase;
541}
542
543
544.dmh3-drop-title{
545  color:var(--dark);
546
547  font-family:"Cormorant Garamond",Georgia,serif;
548
549  font-size:20px;
550  font-weight:600;
551
552  line-height:1;
553}
554
555
556/* DROPDOWN LINK */
557
558.dmh3-drop-link{
559  min-height:49px;
560
561  padding:9px 10px;
562
563  border-radius:11px;
564
565  display:grid;
566
567  grid-template-columns:
568    33px minmax(0,1fr) auto;
569
570  gap:9px;
571
572  align-items:center;
573
574  color:var(--text)!important;
575
576  text-decoration:none!important;
577
578  transition:
579    background .25s ease,
580    transform .25s ease;
581}
582
583
584.dmh3-drop-link:hover{
585  background:var(--cream);
586
587  transform:translateX(3px);
588}
589
590
591.dmh3-drop-icon{
592  width:33px;
593  height:33px;
594
595  border-radius:50%;
596
597  display:flex;
598  align-items:center;
599  justify-content:center;
600
601  background:rgba(185,123,69,.10);
602
603  color:var(--gold);
604
605  font-family:"Cormorant Garamond",Georgia,serif;
606
607  font-size:13px;
608  font-weight:700;
609}
610
611
612.dmh3-drop-name{
613  display:block;
614
615  color:var(--dark);
616
617  font-size:9px;
618  font-weight:750;
619
620  line-height:1.3;
621}
622
623
624.dmh3-drop-desc{
625  display:block;
626
627  margin-top:2px;
628
629  color:var(--muted);
630
631  font-size:7px;
632
633  line-height:1.35;
634}
635
636
637.dmh3-drop-arrow{
638  color:var(--gold);
639
640  font-size:11px;
641
642  transition:transform .25s ease;
643}
644
645
646.dmh3-drop-link:hover .dmh3-drop-arrow{
647  transform:translateX(3px);
648}
649
650
651/* ALL */
652
653.dmh3-drop-all{
654  min-height:40px;
655
656  margin-top:4px;
657
658  padding:0 11px;
659
660  border-radius:10px;
661
662  background:var(--brown);
663
664  display:flex;
665  align-items:center;
666  justify-content:space-between;
667
668  color:#fff!important;
669
670  text-decoration:none!important;
671
672  font-size:8px;
673  font-weight:750;
674
675  transition:
676    background .25s ease,
677    transform .25s ease;
678}
679
680
681.dmh3-drop-all:hover{
682  background:var(--gold);
683
684  transform:translateY(-1px);
685}
686
687
688/* =====================================================
689   CTA
690===================================================== */
691
692.dmh3-actions{
693  display:flex;
694  align-items:center;
695
696  gap:10px;
697}
698
699
700.dmh3-cta{
701  min-height:45px;
702
703  padding:0 18px;
704
705  border-radius:999px;
706
707  display:inline-flex;
708  align-items:center;
709  justify-content:center;
710
711  gap:8px;
712
713  background:var(--brown);
714
715  color:#fff!important;
716
717  text-decoration:none!important;
718
719  white-space:nowrap;
720
721  font-size:9px;
722  font-weight:750;
723
724  box-shadow:
725    0 11px 25px rgba(72,38,21,.13);
726
727  transition:
728    transform .3s ease,
729    background .3s ease;
730}
731
732
733.dmh3-cta:hover{
734  transform:translateY(-2px);
735
736  background:var(--gold);
737}
738
739
740/* =====================================================
741   HAMBURGER
742===================================================== */
743
744.dmh3-menu-btn{
745  display:none;
746
747  width:44px;
748  height:44px;
749
750  padding:0;
751
752  border:1px solid var(--line);
753  border-radius:50%;
754
755  background:#fff;
756
757  cursor:pointer;
758
759  align-items:center;
760  justify-content:center;
761
762  flex-direction:column;
763
764  gap:4px;
765
766  flex:0 0 auto;
767}
768
769
770.dmh3-menu-line{
771  width:16px;
772  height:1.5px;
773
774  border-radius:999px;
775
776  background:var(--brown);
777
778  transition:
779    transform .3s ease,
780    opacity .3s ease;
781}
782
783
784.dmh3-menu-btn.dmh3-open
785.dmh3-menu-line:nth-child(1){
786  transform:
787    translateY(5.5px)
788    rotate(45deg);
789}
790
791
792.dmh3-menu-btn.dmh3-open
793.dmh3-menu-line:nth-child(2){
794  opacity:0;
795}
796
797
798.dmh3-menu-btn.dmh3-open
799.dmh3-menu-line:nth-child(3){
800  transform:
801    translateY(-5.5px)
802    rotate(-45deg);
803}
804
805
806/* =====================================================
807   MOBILE PANEL
808===================================================== */
809
810.dmh3-mobile{
811  display:none;
812
813  width:100%;
814
815  max-height:0;
816
817  overflow:hidden;
818
819  opacity:0;
820
821  background:#fff;
822
823  border-top:1px solid var(--line);
824
825  transition:
826    max-height .5s ease,
827    opacity .3s ease;
828}
829
830
831.dmh3-mobile.dmh3-mobile-open{
832  max-height:900px;
833
834  opacity:1;
835}
836
837
838.dmh3-mobile-inner{
839  width:100%;
840
841  margin:0;
842
843  padding:12px 16px 22px;
844}
845
846
847.dmh3-mobile-link{
848  min-height:50px;
849
850  padding:0 6px;
851
852  border-bottom:1px solid var(--line);
853
854  display:flex;
855  align-items:center;
856  justify-content:space-between;
857
858  color:var(--dark)!important;
859
860  text-decoration:none!important;
861
862  font-size:10px;
863  font-weight:700;
864}
865
866
867.dmh3-mobile-link.dmh3-active{
868  color:var(--gold)!important;
869}
870
871
872/* MOBILE GROUP */
873
874.dmh3-mobile-group{
875  border-bottom:1px solid var(--line);
876}
877
878
879.dmh3-mobile-trigger{
880  width:100%;
881  min-height:50px;
882
883  padding:0 6px;
884
885  border:0;
886
887  background:transparent;
888
889  display:flex;
890  align-items:center;
891  justify-content:space-between;
892
893  color:var(--dark);
894
895  font-family:"Manrope",Arial,sans-serif;
896
897  font-size:10px;
898  font-weight:700;
899
900  cursor:pointer;
901}
902
903
904.dmh3-mobile-sub{
905  max-height:0;
906
907  overflow:hidden;
908
909  opacity:0;
910
911  padding-left:4px;
912
913  transition:
914    max-height .4s ease,
915    opacity .3s ease;
916}
917
918
919.dmh3-mobile-group.dmh3-sub-open
920.dmh3-mobile-sub{
921  max-height:390px;
922
923  opacity:1;
924
925  padding-bottom:9px;
926}
927
928
929.dmh3-mobile-sub-link{
930  min-height:45px;
931
932  padding:7px 9px;
933
934  border-radius:9px;
935
936  display:flex;
937  align-items:center;
938
939  gap:11px;
940
941  color:var(--muted)!important;
942
943  text-decoration:none!important;
944
945  font-size:9px;
946  font-weight:600;
947}
948
949
950.dmh3-mobile-sub-link:hover{
951  background:var(--cream);
952
953  color:var(--brown)!important;
954}
955
956
957.dmh3-mobile-sub-icon{
958  width:29px;
959  height:29px;
960
961  flex:0 0 auto;
962
963  border-radius:50%;
964
965  background:rgba(185,123,69,.10);
966
967  display:flex;
968  align-items:center;
969  justify-content:center;
970
971  color:var(--gold);
972
973  font-family:"Cormorant Garamond",Georgia,serif;
974
975  font-size:11px;
976  font-weight:700;
977}
978
979
980.dmh3-mobile-cta{
981  width:100%;
982  min-height:51px;
983
984  margin-top:17px;
985
986  border-radius:999px;
987
988  display:flex;
989  align-items:center;
990  justify-content:center;
991
992  gap:8px;
993
994  background:var(--brown);
995
996  color:#fff!important;
997
998  text-decoration:none!important;
999
1000  font-size:10px;
1001  font-weight:750;
1002}
1003
1004
1005/* =====================================================
1006   TABLET + MOBILE FIX
1007===================================================== */
1008
1009@media(max-width:1140px){
1010
1011  .dmh3-main{
1012
1013    /* IMPORTANT:
1014       flex guarantees:
1015       LOGO LEFT / HAMBURGER RIGHT
1016    */
1017
1018    width:100%;
1019
1020    min-height:72px;
1021
1022    padding:0 18px;
1023
1024    display:flex;
1025
1026    align-items:center;
1027
1028    justify-content:space-between;
1029
1030    gap:20px;
1031  }
1032
1033
1034  .dmh3-brand{
1035    min-width:0;
1036
1037    margin:0;
1038  }
1039
1040
1041  .dmh3-logo{
1042    width:108px;
1043  }
1044
1045
1046  .dmh3-nav{
1047    display:none;
1048  }
1049
1050
1051  .dmh3-actions{
1052    margin-left:auto;
1053
1054    flex:0 0 auto;
1055  }
1056
1057
1058  .dmh3-actions .dmh3-cta{
1059    display:none;
1060  }
1061
1062
1063  .dmh3-menu-btn{
1064    display:flex;
1065  }
1066
1067
1068  .dmh3-mobile{
1069    display:block;
1070  }
1071
1072}
1073
1074
1075/* =====================================================
1076   MOBILE
1077===================================================== */
1078
1079@media(max-width:620px){
1080
1081  .dmh3-topbar{
1082    min-height:27px;
1083
1084    padding:5px 9px;
1085
1086    font-size:6.3px;
1087
1088    letter-spacing:.065em;
1089
1090    text-align:center;
1091  }
1092
1093
1094  .dmh3-main{
1095    min-height:70px;
1096
1097    padding:
1098      0 18px;
1099  }
1100
1101
1102  .dmh3-logo{
1103    width:104px;
1104
1105    max-height:54px;
1106  }
1107
1108
1109  .dmh3-menu-btn{
1110    width:42px;
1111    height:42px;
1112  }
1113
1114
1115  .dmh3-mobile-inner{
1116    padding:
1117      10px 14px 20px;
1118  }
1119
1120}
1121
1122
1123/* SMALL MOBILE */
1124
1125@media(max-width:380px){
1126
1127  .dmh3-main{
1128    padding:
1129      0 14px;
1130  }
1131
1132
1133  .dmh3-logo{
1134    width:96px;
1135  }
1136
1137
1138  .dmh3-menu-btn{
1139    width:40px;
1140    height:40px;
1141  }
1142
1143
1144  .dmh3-topbar{
1145    font-size:5.8px;
1146  }
1147
1148}
1149
1150
1151/* =====================================================
1152   REDUCED MOTION
1153===================================================== */
1154
1155@media(prefers-reduced-motion:reduce){
1156
1157  .dmh3-topbar::before{
1158    animation:none;
1159  }
1160
1161
1162  .dmh3 *,
1163  .dmh3 *::before,
1164  .dmh3 *::after{
1165    transition:none!important;
1166  }
1167
1168}
1169
1170</style>
1171
1172
1173
1174<header
1175  class="dmh3"
1176  id="dmh3Header"
1177>
1178
1179
1180  <!-- TOP BAR -->
1181
1182  <div class="dmh3-topbar">
1183
1184    <span>
1185      Écouter
1186      &nbsp;•&nbsp;
1187      Comprendre
1188      &nbsp;•&nbsp;
1189      Orienter
1190      &nbsp;•&nbsp;
1191      <strong>Accompagner</strong>
1192    </span>
1193
1194  </div>
1195
1196
1197
1198  <!-- MAIN -->
1199
1200  <div class="dmh3-main">
1201
1202
1203    <!-- LOGO -->
1204
1205    <a
1206      href="/"
1207      class="dmh3-brand"
1208      aria-label="Dr Maher Jalal — Accueil"
1209    >
1210
1211      <img
1212        class="dmh3-logo"
1213        src="https://assets.cdn.filesafe.space/2WEaZWamD6KwM7dlA587/media/6a7f0480a6a03cda06594294.png"
1214        alt="Dr Maher Jalal"
1215      >
1216
1217    </a>
1218
1219
1220
1221    <!-- DESKTOP NAV -->
1222
1223    <nav
1224      class="dmh3-nav"
1225      aria-label="Navigation principale"
1226    >
1227
1228
1229      <div
1230        class="dmh3-nav-item"
1231        data-route="home"
1232      >
1233        <a
1234          class="dmh3-nav-link"
1235          href="/"
1236        >
1237          Accueil
1238        </a>
1239      </div>
1240
1241
1242
1243      <div
1244        class="dmh3-nav-item"
1245        data-route="dr-maher"
1246      >
1247        <a
1248          class="dmh3-nav-link"
1249          href="/dr-maher"
1250        >
1251          Dr Maher
1252        </a>
1253      </div>
1254
1255
1256
1257      <div
1258        class="dmh3-nav-item"
1259        data-route="approche"
1260      >
1261        <a
1262          class="dmh3-nav-link"
1263          href="/approche"
1264        >
1265          Notre approche
1266        </a>
1267      </div>
1268
1269
1270
1271      <!-- ===============================================
1272           ACCOMPAGNEMENTS
1273      ================================================ -->
1274
1275      <div
1276        class="dmh3-nav-item dmh3-has-dropdown"
1277        data-route="accompagnements"
1278      >
1279
1280        <button
1281          type="button"
1282          class="dmh3-drop-trigger"
1283          aria-expanded="false"
1284        >
1285
1286          Accompagnements
1287
1288          <span class="dmh3-chevron"></span>
1289
1290        </button>
1291
1292
1293        <div class="dmh3-dropdown">
1294
1295
1296          <div class="dmh3-drop-head">
1297
1298            <div class="dmh3-drop-label">
1299              Besoin d’être accompagné ?
1300            </div>
1301
1302            <div class="dmh3-drop-title">
1303              Trouver le bon point d’entrée
1304            </div>
1305
1306          </div>
1307
1308
1309
1310          <!-- 01 CONSULTATION -->
1311
1312          <a
1313            href="/consultation-orientation"
1314            class="dmh3-drop-link"
1315          >
1316
1317            <span class="dmh3-drop-icon">
1318              01
1319            </span>
1320
1321            <span>
1322
1323              <span class="dmh3-drop-name">
1324                Consultation & orientation
1325              </span>
1326
1327              <span class="dmh3-drop-desc">
1328                Comprendre avant de choisir la suite.
1329              </span>
1330
1331            </span>
1332
1333            <span class="dmh3-drop-arrow">
1334              →
1335            </span>
1336
1337          </a>
1338
1339
1340
1341          <!-- 02 ROQYA -->
1342
1343          <a
1344            href="#"
1345            class="dmh3-drop-link"
1346          >
1347
1348            <span class="dmh3-drop-icon">
1349              02
1350            </span>
1351
1352            <span>
1353
1354              <span class="dmh3-drop-name">
1355                Roqya
1356              </span>
1357
1358              <span class="dmh3-drop-desc">
1359                Découvrir les séances proposées.
1360              </span>
1361
1362            </span>
1363
1364            <span class="dmh3-drop-arrow">
1365              →
1366            </span>
1367
1368          </a>
1369
1370
1371
1372          <!-- 03 COUPLE -->
1373
1374          <a
1375            href="#"
1376            class="dmh3-drop-link"
1377          >
1378
1379            <span class="dmh3-drop-icon">
1380              03
1381            </span>
1382
1383            <span>
1384
1385              <span class="dmh3-drop-name">
1386                Psychologie & couple
1387              </span>
1388
1389              <span class="dmh3-drop-desc">
1390                Un accompagnement selon le besoin.
1391              </span>
1392
1393            </span>
1394
1395            <span class="dmh3-drop-arrow">
1396              →
1397            </span>
1398
1399          </a>
1400
1401
1402
1403          <!-- 04 COACHING -->
1404
1405          <a
1406             href="#"
1407            class="dmh3-drop-link"
1408          >
1409
1410            <span class="dmh3-drop-icon">
1411              04
1412            </span>
1413
1414            <span>
1415
1416              <span class="dmh3-drop-name">
1417                Coaching
1418              </span>
1419
1420              <span class="dmh3-drop-desc">
1421                Un cadre de progression personnalisé.
1422              </span>
1423
1424            </span>
1425
1426            <span class="dmh3-drop-arrow">
1427              →
1428            </span>
1429
1430          </a>
1431
1432
1433
1434          <a
1435            href="/accompagnements"
1436            class="dmh3-drop-all"
1437          >
1438
1439            <span>
1440              Voir tous les accompagnements
1441            </span>
1442
1443            <span>→</span>
1444
1445          </a>
1446
1447
1448        </div>
1449
1450      </div>
1451
1452
1453
1454      <!-- ===============================================
1455           PROGRAMMES
1456      ================================================ -->
1457
1458      <div
1459        class="dmh3-nav-item dmh3-has-dropdown"
1460        data-route="programmes"
1461      >
1462
1463        <button
1464          type="button"
1465          class="dmh3-drop-trigger"
1466          aria-expanded="false"
1467        >
1468
1469          Programmes
1470
1471          <span class="dmh3-chevron"></span>
1472
1473        </button>
1474
1475
1476        <div class="dmh3-dropdown">
1477
1478
1479          <div class="dmh3-drop-head">
1480
1481            <div class="dmh3-drop-label">
1482              Apprendre & progresser
1483            </div>
1484
1485            <div class="dmh3-drop-title">
1486              Des parcours structurés
1487            </div>
1488
1489          </div>
1490
1491
1492
1493          <a
1494            href="/programmes"
1495            class="dmh3-drop-link"
1496          >
1497
1498            <span class="dmh3-drop-icon">01</span>
1499
1500            <span>
1501
1502              <span class="dmh3-drop-name">
1503                Programmes de suivi
1504              </span>
1505
1506              <span class="dmh3-drop-desc">
1507                Des parcours organisés étape par étape.
1508              </span>
1509
1510            </span>
1511
1512            <span class="dmh3-drop-arrow">→</span>
1513
1514          </a>
1515
1516
1517
1518          <a
1519            href="/formations"
1520            class="dmh3-drop-link"
1521          >
1522
1523            <span class="dmh3-drop-icon">02</span>
1524
1525            <span>
1526
1527              <span class="dmh3-drop-name">
1528                Formations
1529              </span>
1530
1531              <span class="dmh3-drop-desc">
1532                Comprendre et développer ses repères.
1533              </span>
1534
1535            </span>
1536
1537            <span class="dmh3-drop-arrow">→</span>
1538
1539          </a>
1540
1541
1542
1543          <a
1544            href="/challenges"
1545            class="dmh3-drop-link"
1546          >
1547
1548            <span class="dmh3-drop-icon">03</span>
1549
1550            <span>
1551
1552              <span class="dmh3-drop-name">
1553                Challenges
1554              </span>
1555
1556              <span class="dmh3-drop-desc">
1557                Des expériences courtes et guidées.
1558              </span>
1559
1560            </span>
1561
1562            <span class="dmh3-drop-arrow">→</span>
1563
1564          </a>
1565
1566
1567
1568          <a
1569            href="/lives"
1570            class="dmh3-drop-link"
1571          >
1572
1573            <span class="dmh3-drop-icon">04</span>
1574
1575            <span>
1576
1577              <span class="dmh3-drop-name">
1578                Lives & événements
1579              </span>
1580
1581              <span class="dmh3-drop-desc">
1582                Rencontres, ateliers et événements.
1583              </span>
1584
1585            </span>
1586
1587            <span class="dmh3-drop-arrow">→</span>
1588
1589          </a>
1590
1591
1592
1593          <a
1594            href="/programmes"
1595            class="dmh3-drop-all"
1596          >
1597
1598            <span>
1599              Découvrir tous les programmes
1600            </span>
1601
1602            <span>→</span>
1603
1604          </a>
1605
1606
1607        </div>
1608
1609      </div>
1610
1611
1612
1613      <div
1614        class="dmh3-nav-item"
1615        data-route="boutique"
1616      >
1617        <a
1618          class="dmh3-nav-link"
1619          href="/boutique"
1620        >
1621          Boutique
1622        </a>
1623      </div>
1624
1625
1626
1627      <div
1628        class="dmh3-nav-item"
1629        data-route="ressources"
1630      >
1631        <a
1632          class="dmh3-nav-link"
1633          href="/roqya"
1634        >
1635          Roqya
1636        </a>
1637      </div>
1638
1639
1640    </nav>
1641
1642
1643
1644    <!-- ACTIONS -->
1645
1646    <div class="dmh3-actions">
1647
1648
1649      <a
1650        href="/consultation-orientation#reservation"
1651        class="dmh3-cta"
1652      >
1653
1654        Commencer ma démarche
1655
1656        <span>→</span>
1657
1658      </a>
1659
1660
1661      <button
1662        type="button"
1663        class="dmh3-menu-btn"
1664        id="dmh3MenuBtn"
1665        aria-label="Ouvrir le menu"
1666        aria-expanded="false"
1667      >
1668
1669        <span class="dmh3-menu-line"></span>
1670        <span class="dmh3-menu-line"></span>
1671        <span class="dmh3-menu-line"></span>
1672
1673      </button>
1674
1675
1676    </div>
1677
1678
1679  </div>
1680
1681
1682
1683  <!-- ===================================================
1684       MOBILE MENU
1685  ==================================================== -->
1686
1687  <div
1688    class="dmh3-mobile"
1689    id="dmh3Mobile"
1690  >
1691
1692    <div class="dmh3-mobile-inner">
1693
1694
1695
1696      <a
1697        href="/"
1698        class="dmh3-mobile-link"
1699        data-mobile-route="home"
1700      >
1701
1702        <span>Accueil</span>
1703        <span>→</span>
1704
1705      </a>
1706
1707
1708
1709      <a
1710        href="/dr-maher"
1711        class="dmh3-mobile-link"
1712        data-mobile-route="dr-maher"
1713      >
1714
1715        <span>Dr Maher</span>
1716        <span>→</span>
1717
1718      </a>
1719
1720
1721
1722      <a
1723        href="/approche"
1724        class="dmh3-mobile-link"
1725        data-mobile-route="approche"
1726      >
1727
1728        <span>Notre approche</span>
1729        <span>→</span>
1730
1731      </a>
1732
1733
1734
1735      <!-- ACCOMPAGNEMENTS -->
1736
1737      <div
1738        class="dmh3-mobile-group"
1739        data-mobile-group="accompagnements"
1740      >
1741
1742        <button
1743          type="button"
1744          class="dmh3-mobile-trigger"
1745        >
1746
1747          <span>
1748            Accompagnements
1749          </span>
1750
1751          <span class="dmh3-chevron"></span>
1752
1753        </button>
1754
1755
1756        <div class="dmh3-mobile-sub">
1757
1758
1759          <a
1760            href="/consultation-orientation"
1761            class="dmh3-mobile-sub-link"
1762          >
1763
1764            <span class="dmh3-mobile-sub-icon">
1765              01
1766            </span>
1767
1768            Consultation & orientation
1769
1770          </a>
1771
1772
1773
1774          <a
1775            href="#"
1776            class="dmh3-mobile-sub-link"
1777          >
1778
1779            <span class="dmh3-mobile-sub-icon">
1780              02
1781            </span>
1782
1783            Roqya
1784
1785          </a>
1786
1787
1788
1789          <a
1790            href="/psychologie-couple"
1791            class="dmh3-mobile-sub-link"
1792          >
1793
1794            <span class="dmh3-mobile-sub-icon">
1795              03
1796            </span>
1797
1798            Psychologie & couple
1799
1800          </a>
1801
1802
1803
1804          <a
1805            href="#"
1806            class="dmh3-mobile-sub-link"
1807          >
1808
1809            <span class="dmh3-mobile-sub-icon">
1810              04
1811            </span>
1812
1813            Coaching
1814
1815          </a>
1816
1817
1818
1819          <a
1820            href="/accompagnements"
1821            class="dmh3-mobile-sub-link"
1822          >
1823
1824            <span class="dmh3-mobile-sub-icon">
1825              →
1826            </span>
1827
1828            Voir tous les accompagnements
1829
1830          </a>
1831
1832
1833        </div>
1834
1835      </div>
1836
1837
1838
1839      <!-- PROGRAMMES -->
1840
1841      <div
1842        class="dmh3-mobile-group"
1843        data-mobile-group="programmes"
1844      >
1845
1846        <button
1847          type="button"
1848          class="dmh3-mobile-trigger"
1849        >
1850
1851          <span>Programmes</span>
1852
1853          <span class="dmh3-chevron"></span>
1854
1855        </button>
1856
1857
1858        <div class="dmh3-mobile-sub">
1859
1860
1861          <a
1862            href="#"
1863            class="dmh3-mobile-sub-link"
1864          >
1865
1866            <span class="dmh3-mobile-sub-icon">01</span>
1867
1868            Programmes de suivi
1869
1870          </a>
1871
1872
1873
1874          <a
1875            href="#"
1876            class="dmh3-mobile-sub-link"
1877          >
1878
1879            <span class="dmh3-mobile-sub-icon">02</span>
1880
1881            Formations
1882
1883          </a>
1884
1885
1886
1887          <a
1888            href="#"
1889            class="dmh3-mobile-sub-link"
1890          >
1891
1892            <span class="dmh3-mobile-sub-icon">03</span>
1893
1894            Challenges
1895
1896          </a>
1897
1898
1899
1900          <a
1901            href="#"
1902            class="dmh3-mobile-sub-link"
1903          >
1904
1905            <span class="dmh3-mobile-sub-icon">04</span>
1906
1907            Lives & événements
1908
1909          </a>
1910
1911
1912        </div>
1913
1914      </div>
1915
1916
1917
1918      <a
1919        href="/boutique"
1920        class="dmh3-mobile-link"
1921        data-mobile-route="boutique"
1922      >
1923
1924        <span>Boutique</span>
1925        <span>→</span>
1926
1927      </a>
1928
1929
1930
1931      <a
1932        href="#"
1933        class="dmh3-mobile-link"
1934        data-mobile-route="ressources"
1935      >
1936
1937        <span>Ressources</span>
1938        <span>→</span>
1939
1940      </a>
1941
1942
1943
1944      <a
1945        href="/consultation-orientation"
1946        class="dmh3-mobile-cta"
1947      >
1948
1949        Commencer ma démarche
1950
1951        <span>→</span>
1952
1953      </a>
1954
1955
1956    </div>
1957
1958  </div>
1959
1960
1961</header>
1962
1963
1964
1965<script>
1966
1967(function(){
1968
1969  function initDMH3(){
1970
1971    const header =
1972      document.getElementById(
1973        "dmh3Header"
1974      );
1975
1976    if(!header) return;
1977
1978
1979    if(
1980      header.dataset.ready === "1"
1981    ){
1982      return;
1983    }
1984
1985    header.dataset.ready = "1";
1986
1987
1988    const menuBtn =
1989      document.getElementById(
1990        "dmh3MenuBtn"
1991      );
1992
1993    const mobile =
1994      document.getElementById(
1995        "dmh3Mobile"
1996      );
1997
1998    const desktopDrops =
1999      header.querySelectorAll(
2000        ".dmh3-has-dropdown"
2001      );
2002
2003    const mobileGroups =
2004      header.querySelectorAll(
2005        ".dmh3-mobile-group"
2006      );
2007
2008
2009    /* PATH */
2010
2011    function getPath(){
2012
2013      let path =
2014        (
2015          window.location.pathname
2016          || "/"
2017        ).toLowerCase();
2018
2019      if(
2020        path.length > 1 &&
2021        path.endsWith("/")
2022      ){
2023        path =
2024          path.slice(0,-1);
2025      }
2026
2027      return path;
2028    }
2029
2030
2031    const path =
2032      getPath();
2033
2034
2035
2036    /* ACTIVE ROUTES */
2037
2038    function routeActive(route){
2039
2040      if(route === "home"){
2041        return path === "/";
2042      }
2043
2044
2045      if(route === "dr-maher"){
2046        return path.startsWith(
2047          "/dr-maher"
2048        );
2049      }
2050
2051
2052      if(route === "approche"){
2053        return path.startsWith(
2054          "/approche"
2055        );
2056      }
2057
2058
2059      if(route === "accompagnements"){
2060
2061        return (
2062
2063          path.startsWith(
2064            "/accompagnements"
2065          )
2066
2067          ||
2068
2069          path.startsWith(
2070            "/consultation-orientation"
2071          )
2072
2073          ||
2074
2075          path.startsWith(
2076            "/roqya"
2077          )
2078
2079          ||
2080
2081          path.startsWith(
2082            "/psychologie-couple"
2083          )
2084
2085          ||
2086
2087          path.startsWith(
2088            "/coaching"
2089          )
2090
2091        );
2092
2093      }
2094
2095
2096      if(route === "programmes"){
2097
2098        return (
2099
2100          path.startsWith(
2101            "/programmes"
2102          )
2103
2104          ||
2105
2106          path.startsWith(
2107            "/formations"
2108          )
2109
2110          ||
2111
2112          path.startsWith(
2113            "/challenges"
2114          )
2115
2116          ||
2117
2118          path.startsWith(
2119            "/lives"
2120          )
2121
2122        );
2123
2124      }
2125
2126
2127      if(route === "boutique"){
2128
2129        return (
2130
2131          path.startsWith(
2132            "/boutique"
2133          )
2134
2135          ||
2136
2137          path.startsWith(
2138            "/produit"
2139          )
2140
2141          ||
2142
2143          path.startsWith(
2144            "/product"
2145          )
2146
2147        );
2148
2149      }
2150
2151
2152      if(route === "ressources"){
2153
2154        return path.startsWith(
2155          "/ressources"
2156        );
2157
2158      }
2159
2160
2161      return false;
2162
2163    }
2164
2165
2166
2167    header
2168      .querySelectorAll(
2169        "[data-route]"
2170      )
2171      .forEach(
2172        function(item){
2173
2174          if(
2175            routeActive(
2176              item.dataset.route
2177            )
2178          ){
2179
2180            item.classList.add(
2181              "dmh3-current"
2182            );
2183
2184          }
2185
2186        }
2187      );
2188
2189
2190
2191    header
2192      .querySelectorAll(
2193        "[data-mobile-route]"
2194      )
2195      .forEach(
2196        function(link){
2197
2198          if(
2199            routeActive(
2200              link.dataset.mobileRoute
2201            )
2202          ){
2203
2204            link.classList.add(
2205              "dmh3-active"
2206            );
2207
2208          }
2209
2210        }
2211      );
2212
2213
2214
2215    /* MOBILE MENU */
2216
2217    function closeMobile(){
2218
2219      if(
2220        !menuBtn ||
2221        !mobile
2222      ){
2223        return;
2224      }
2225
2226
2227      menuBtn.classList.remove(
2228        "dmh3-open"
2229      );
2230
2231      mobile.classList.remove(
2232        "dmh3-mobile-open"
2233      );
2234
2235      menuBtn.setAttribute(
2236        "aria-expanded",
2237        "false"
2238      );
2239
2240    }
2241
2242
2243    function toggleMobile(){
2244
2245      if(
2246        !menuBtn ||
2247        !mobile
2248      ){
2249        return;
2250      }
2251
2252
2253      const open =
2254        mobile.classList.toggle(
2255          "dmh3-mobile-open"
2256        );
2257
2258
2259      menuBtn.classList.toggle(
2260        "dmh3-open",
2261        open
2262      );
2263
2264
2265      menuBtn.setAttribute(
2266        "aria-expanded",
2267        open
2268          ? "true"
2269          : "false"
2270      );
2271
2272    }
2273
2274
2275    if(menuBtn){
2276
2277      menuBtn.addEventListener(
2278        "click",
2279        toggleMobile
2280      );
2281
2282    }
2283
2284
2285
2286    /* MOBILE ACCORDION */
2287
2288    mobileGroups.forEach(
2289      function(group){
2290
2291        const trigger =
2292          group.querySelector(
2293            ".dmh3-mobile-trigger"
2294          );
2295
2296
2297        if(!trigger) return;
2298
2299
2300        trigger.addEventListener(
2301          "click",
2302          function(){
2303
2304            const wasOpen =
2305              group.classList.contains(
2306                "dmh3-sub-open"
2307              );
2308
2309
2310            mobileGroups.forEach(
2311              function(other){
2312
2313                other.classList.remove(
2314                  "dmh3-sub-open"
2315                );
2316
2317              }
2318            );
2319
2320
2321            if(!wasOpen){
2322
2323              group.classList.add(
2324                "dmh3-sub-open"
2325              );
2326
2327            }
2328
2329          }
2330        );
2331
2332      }
2333    );
2334
2335
2336
2337    /* AUTO OPEN ACTIVE GROUP */
2338
2339    if(
2340      routeActive(
2341        "accompagnements"
2342      )
2343    ){
2344
2345      const group =
2346        header.querySelector(
2347          '[data-mobile-group="accompagnements"]'
2348        );
2349
2350      if(group){
2351
2352        group.classList.add(
2353          "dmh3-sub-open"
2354        );
2355
2356      }
2357
2358    }
2359
2360
2361    if(
2362      routeActive(
2363        "programmes"
2364      )
2365    ){
2366
2367      const group =
2368        header.querySelector(
2369          '[data-mobile-group="programmes"]'
2370        );
2371
2372      if(group){
2373
2374        group.classList.add(
2375          "dmh3-sub-open"
2376        );
2377
2378      }
2379
2380    }
2381
2382
2383
2384    /* DESKTOP CLICK */
2385
2386    desktopDrops.forEach(
2387      function(item){
2388
2389        const trigger =
2390          item.querySelector(
2391            ".dmh3-drop-trigger"
2392          );
2393
2394        if(!trigger) return;
2395
2396
2397        trigger.addEventListener(
2398          "click",
2399          function(event){
2400
2401            event.stopPropagation();
2402
2403
2404            const open =
2405              item.classList.contains(
2406                "dmh3-drop-open"
2407              );
2408
2409
2410            desktopDrops.forEach(
2411              function(other){
2412
2413                other.classList.remove(
2414                  "dmh3-drop-open"
2415                );
2416
2417              }
2418            );
2419
2420
2421            if(!open){
2422
2423              item.classList.add(
2424                "dmh3-drop-open"
2425              );
2426
2427            }
2428
2429          }
2430        );
2431
2432      }
2433    );
2434
2435
2436
2437    /* OUTSIDE CLICK */
2438
2439    document.addEventListener(
2440      "click",
2441      function(event){
2442
2443        if(
2444          !header.contains(
2445            event.target
2446          )
2447        ){
2448
2449          closeMobile();
2450
2451
2452          desktopDrops.forEach(
2453            function(item){
2454
2455              item.classList.remove(
2456                "dmh3-drop-open"
2457              );
2458
2459            }
2460          );
2461
2462        }
2463
2464      }
2465    );
2466
2467
2468
2469    /* ESC */
2470
2471    document.addEventListener(
2472      "keydown",
2473      function(event){
2474
2475        if(
2476          event.key ===
2477          "Escape"
2478        ){
2479
2480          closeMobile();
2481
2482
2483          desktopDrops.forEach(
2484            function(item){
2485
2486              item.classList.remove(
2487                "dmh3-drop-open"
2488              );
2489
2490            }
2491          );
2492
2493        }
2494
2495      }
2496    );
2497
2498
2499
2500    /* MOBILE LINK CLOSE */
2501
2502    header
2503      .querySelectorAll(
2504        ".dmh3-mobile a"
2505      )
2506      .forEach(
2507        function(link){
2508
2509          link.addEventListener(
2510            "click",
2511            closeMobile
2512          );
2513
2514        }
2515      );
2516
2517
2518
2519    /* RESIZE */
2520
2521    window.addEventListener(
2522      "resize",
2523      function(){
2524
2525        if(
2526          window.innerWidth > 1140
2527        ){
2528
2529          closeMobile();
2530
2531        }
2532
2533      }
2534    );
2535
2536  }
2537
2538
2539
2540  if(
2541    document.readyState ===
2542    "loading"
2543  ){
2544
2545    document.addEventListener(
2546      "DOMContentLoaded",
2547      initDMH3
2548    );
2549
2550  }
2551
2552  else{
2553
2554    initDMH3();
2555
2556  }
2557
2558
2559
2560  document.addEventListener(
2561    "hydrationDone",
2562    initDMH3
2563  );
2564
2565})();
2566
2567</script>
2567</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-iVNYuHl6rj" data-animation-class data-entrance-clip="1" style="" class="fullSection true c-section c-wrapper section-iVNYuHl6rj"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-71bq6JCsn1" data-animation-class data-entrance-clip="1" style="" class="row-align-center true c-row c-wrapper row-71bq6JCsn1"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-CV_deMgj03" data-animation-class data-entrance-clip="1" style="" class="true c-column c-wrapper col-CV_deMgj03"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-Idlhw37eqL" data-animation-class style="" class="c-custom-code c-wrapper custom-code-Idlhw37eqL"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-Idlhw37eqL__custom-code" class="custom-code-container ccustom-code-Idlhw37eqL"><!-- =====================================================
2568     DR MAHER — DM-P01
2569     INNER PAGE HERO / DR MAHER
2570     Funnel Crafts
2571===================================================== -->
2572
2573<style>
2574
2575.dmp1,
2576.dmp1 * {
2577  box-sizing: border-box;
2578}
2579
2580.dmp1 {
2581  --brown:#482615;
2582  --dark:#28150D;
2583  --gold:#B97B45;
2584  --gold2:#D9A36F;
2585  --cream:#FAF7F2;
2586  --cream2:#F3EBE3;
2587  --text:#2B1B14;
2588  --muted:#76675E;
2589  --border:rgba(72,38,21,.11);
2590
2591  position:relative;
2592  width:100%;
2593  overflow:hidden;
2594
2595  background:
2596    linear-gradient(
2597      135deg,
2598      #FAF7F2 0%,
2599      #F7F1EA 55%,
2600      #F1E7DD 100%
2601    );
2602
2603  font-family:"Manrope",Arial,sans-serif;
2604
2605  container-type:inline-size;
2606}
2607
2608
2609/* BACKGROUND */
2610
2611.dmp1::before {
2612  content:"";
2613  position:absolute;
2614
2615  width:560px;
2616  height:560px;
2617
2618  right:-220px;
2619  top:-250px;
2620
2621  border-radius:50%;
2622
2623  background:
2624    radial-gradient(
2625      circle,
2626      rgba(185,123,69,.14),
2627      transparent 70%
2628    );
2629
2630  animation:
2631    dmp1Glow 8s ease-in-out infinite alternate;
2632
2633  pointer-events:none;
2634}
2635
2636@keyframes dmp1Glow {
2637  from {
2638    transform:translate(0,0) scale(1);
2639  }
2640  to {
2641    transform:translate(-35px,35px) scale(1.12);
2642  }
2643}
2644
2645
2646/* CONTAINER */
2647
2648.dmp1-inner {
2649  position:relative;
2650  z-index:2;
2651
2652  width:min(calc(100% - 48px),1180px);
2653  min-height:700px;
2654
2655  margin:0 auto;
2656  padding:80px 0;
2657
2658  display:grid;
2659
2660  grid-template-columns:
2661    minmax(0,1.05fr)
2662    minmax(360px,.85fr);
2663
2664  align-items:center;
2665
2666  gap:clamp(55px,7vw,95px);
2667}
2668
2669
2670/* BREADCRUMB */
2671
2672.dmp1-breadcrumb {
2673  margin-bottom:25px;
2674
2675  display:flex;
2676  align-items:center;
2677  gap:9px;
2678
2679  color:var(--muted);
2680
2681  font-size:9px;
2682  font-weight:600;
2683}
2684
2685.dmp1-breadcrumb a {
2686  color:var(--gold) !important;
2687  text-decoration:none !important;
2688}
2689
2690.dmp1-breadcrumb span {
2691  opacity:.55;
2692}
2693
2694
2695/* EYEBROW */
2696
2697.dmp1-eyebrow {
2698  display:inline-flex;
2699  align-items:center;
2700  gap:11px;
2701
2702  margin-bottom:16px;
2703
2704  color:var(--gold);
2705
2706  font-size:9px;
2707  font-weight:700;
2708
2709  letter-spacing:.22em;
2710  text-transform:uppercase;
2711}
2712
2713.dmp1-eyebrow::before {
2714  content:"";
2715  width:33px;
2716  height:1px;
2717  background:var(--gold);
2718}
2719
2720
2721/* TITLE */
2722
2723.dmp1-title {
2724  margin:0;
2725
2726  max-width:680px;
2727
2728  color:var(--dark);
2729
2730  font-family:
2731    "Cormorant Garamond",
2732    Georgia,
2733    serif;
2734
2735  font-size:
2736    clamp(55px,5.5vw,82px);
2737
2738  font-weight:600;
2739
2740  line-height:.92;
2741  letter-spacing:-.035em;
2742}
2743
2744.dmp1-title span {
2745  display:block;
2746
2747  margin-top:8px;
2748
2749  color:var(--gold);
2750
2751  font-size:.63em;
2752
2753  line-height:1;
2754}
2755
2756
2757/* INTRO */
2758
2759.dmp1-intro {
2760  max-width:610px;
2761
2762  margin:26px 0 0;
2763
2764  color:var(--muted);
2765
2766  font-size:14px;
2767  line-height:1.8;
2768}
2769
2770
2771/* QUOTE */
2772
2773.dmp1-quote {
2774  max-width:590px;
2775
2776  margin-top:27px;
2777  padding:19px 22px;
2778
2779  border-left:2px solid var(--gold);
2780
2781  background:
2782    rgba(255,255,255,.48);
2783
2784  border-radius:0 13px 13px 0;
2785
2786  color:var(--dark);
2787
2788  font-family:
2789    "Cormorant Garamond",
2790    Georgia,
2791    serif;
2792
2793  font-size:20px;
2794  font-weight:600;
2795
2796  line-height:1.35;
2797}
2798
2799
2800/* ACTIONS */
2801
2802.dmp1-actions {
2803  margin-top:30px;
2804
2805  display:flex;
2806  flex-wrap:wrap;
2807  gap:11px;
2808}
2809
2810.dmp1-btn {
2811  min-height:49px;
2812
2813  padding:0 21px;
2814
2815  border-radius:999px;
2816
2817  display:inline-flex;
2818  align-items:center;
2819  justify-content:center;
2820  gap:9px;
2821
2822  font-size:10.5px;
2823  font-weight:700;
2824
2825  text-decoration:none !important;
2826
2827  transition:
2828    transform .3s ease,
2829    background .3s ease,
2830    box-shadow .3s ease;
2831}
2832
2833.dmp1-primary {
2834  background:var(--brown);
2835
2836  border:1px solid var(--brown);
2837
2838  color:#fff !important;
2839}
2840
2841.dmp1-primary:hover {
2842  transform:translateY(-3px);
2843
2844  background:var(--dark);
2845
2846  box-shadow:
2847    0 15px 35px rgba(40,21,13,.16);
2848}
2849
2850.dmp1-secondary {
2851  background:rgba(255,255,255,.45);
2852
2853  border:1px solid var(--border);
2854
2855  color:var(--brown) !important;
2856}
2857
2858.dmp1-secondary:hover {
2859  transform:translateY(-3px);
2860  background:#fff;
2861}
2862
2863
2864/* VISUAL */
2865
2866.dmp1-visual {
2867  position:relative;
2868
2869  width:100%;
2870  max-width:470px;
2871
2872  margin-left:auto;
2873}
2874
2875.dmp1-image-wrap {
2876  position:relative;
2877
2878  overflow:hidden;
2879
2880  border-radius:
2881    30px 30px 30px 8px;
2882
2883  background:#DDD1C7;
2884
2885  box-shadow:
2886    0 30px 75px rgba(40,21,13,.15);
2887}
2888
2889.dmp1-image {
2890  display:block;
2891
2892  width:100%;
2893  height:590px;
2894
2895  object-fit:cover;
2896  object-position:center top;
2897
2898  transform:scale(1.055);
2899
2900  transition:
2901    transform 1.3s cubic-bezier(.2,.7,.3,1);
2902}
2903
2904.dmp1-visible
2905.dmp1-image {
2906  transform:scale(1);
2907}
2908
2909.dmp1-image-wrap::after {
2910  content:"";
2911
2912  position:absolute;
2913  inset:0;
2914
2915  background:
2916    linear-gradient(
2917      to top,
2918      rgba(40,21,13,.24),
2919      transparent 40%
2920    );
2921
2922  pointer-events:none;
2923}
2924
2925
2926/* EXPERIENCE */
2927
2928.dmp1-exp {
2929  position:absolute;
2930
2931  right:-25px;
2932  top:35px;
2933
2934  width:115px;
2935  height:115px;
2936
2937  border-radius:50%;
2938
2939  background:var(--brown);
2940
2941  color:#fff;
2942
2943  display:flex;
2944  flex-direction:column;
2945
2946  align-items:center;
2947  justify-content:center;
2948
2949  text-align:center;
2950
2951  box-shadow:
2952    0 18px 40px rgba(40,21,13,.20);
2953}
2954
2955.dmp1-exp strong {
2956  font-family:
2957    "Cormorant Garamond",
2958    Georgia,
2959    serif;
2960
2961  font-size:34px;
2962  line-height:.9;
2963}
2964
2965.dmp1-exp span {
2966  max-width:74px;
2967
2968  margin-top:7px;
2969
2970  color:rgba(255,255,255,.72);
2971
2972  font-size:6.5px;
2973  font-weight:700;
2974
2975  line-height:1.3;
2976
2977  letter-spacing:.12em;
2978
2979  text-transform:uppercase;
2980}
2981
2982
2983/* PHOTO CARD */
2984
2985.dmp1-card {
2986  position:absolute;
2987
2988  left:-45px;
2989  bottom:30px;
2990
2991  width:245px;
2992
2993  padding:20px;
2994
2995  border-radius:18px;
2996
2997  background:
2998    rgba(255,255,255,.94);
2999
3000  border:
3001    1px solid rgba(72,38,21,.10);
3002
3003  backdrop-filter:blur(12px);
3004
3005  box-shadow:
3006    0 20px 50px rgba(40,21,13,.13);
3007}
3008
3009.dmp1-card-label {
3010  margin-bottom:7px;
3011
3012  color:var(--gold);
3013
3014  font-size:7px;
3015  font-weight:800;
3016
3017  letter-spacing:.18em;
3018  text-transform:uppercase;
3019}
3020
3021.dmp1-card-title {
3022  margin:0;
3023
3024  color:var(--dark);
3025
3026  font-family:
3027    "Cormorant Garamond",
3028    Georgia,
3029    serif;
3030
3031  font-size:21px;
3032
3033  font-weight:600;
3034
3035  line-height:1.12;
3036}
3037
3038
3039/* BOTTOM TRUST */
3040
3041.dmp1-values {
3042  position:relative;
3043  z-index:3;
3044
3045  width:min(calc(100% - 48px),1180px);
3046
3047  margin:-17px auto 0;
3048  padding:0 0 55px;
3049
3050  display:grid;
3051
3052  grid-template-columns:
3053    repeat(4,1fr);
3054
3055  gap:10px;
3056}
3057
3058.dmp1-value {
3059  padding:17px 18px;
3060
3061  border:1px solid var(--border);
3062
3063  border-radius:14px;
3064
3065  background:rgba(255,255,255,.55);
3066
3067  display:flex;
3068  align-items:center;
3069
3070  gap:10px;
3071
3072  transition:
3073    transform .3s ease,
3074    background .3s ease,
3075    border-color .3s ease;
3076}
3077
3078.dmp1-value:hover {
3079  transform:translateY(-4px);
3080
3081  background:#fff;
3082
3083  border-color:
3084    rgba(185,123,69,.28);
3085}
3086
3087.dmp1-value-number {
3088  color:var(--gold);
3089
3090  font-family:
3091    "Cormorant Garamond",
3092    Georgia,
3093    serif;
3094
3095  font-size:18px;
3096
3097  font-weight:700;
3098}
3099
3100.dmp1-value-text {
3101  color:var(--text);
3102
3103  font-size:9px;
3104  font-weight:700;
3105}
3106
3107
3108/* REVEAL */
3109
3110.dmp1-reveal {
3111  opacity:0;
3112
3113  transform:
3114    translateY(28px);
3115
3116  transition:
3117    opacity .8s ease,
3118    transform .8s cubic-bezier(.2,.7,.3,1);
3119}
3120
3121.dmp1-reveal.dmp1-visible {
3122  opacity:1;
3123  transform:translateY(0);
3124}
3125
3126.dmp1-delay1 {
3127  transition-delay:.08s;
3128}
3129
3130.dmp1-delay2 {
3131  transition-delay:.18s;
3132}
3133
3134.dmp1-delay3 {
3135  transition-delay:.28s;
3136}
3137
3138
3139/* TABLET */
3140
3141@media(max-width:900px) {
3142
3143  .dmp1-inner {
3144    min-height:auto;
3145
3146    grid-template-columns:
3147      1fr;
3148
3149    padding:65px 0;
3150
3151    gap:50px;
3152  }
3153
3154  .dmp1-visual {
3155    margin:0 auto;
3156  }
3157
3158  .dmp1-values {
3159    grid-template-columns:
3160      repeat(2,1fr);
3161  }
3162
3163}
3164
3165
3166/* MOBILE */
3167
3168@media(max-width:620px) {
3169
3170  .dmp1-inner {
3171    width:calc(100% - 24px);
3172
3173    padding:
3174      45px 0 55px;
3175  }
3176
3177  .dmp1-breadcrumb {
3178    margin-bottom:20px;
3179  }
3180
3181  .dmp1-title {
3182    font-size:48px;
3183  }
3184
3185  .dmp1-intro {
3186    font-size:13px;
3187  }
3188
3189  .dmp1-quote {
3190    font-size:18px;
3191  }
3192
3193  .dmp1-actions {
3194    display:grid;
3195    grid-template-columns:1fr;
3196  }
3197
3198  .dmp1-btn {
3199    width:100%;
3200  }
3201
3202  .dmp1-image {
3203    height:min(125vw,550px);
3204  }
3205
3206  .dmp1-exp {
3207    right:13px;
3208    top:15px;
3209
3210    width:87px;
3211    height:87px;
3212  }
3213
3214  .dmp1-exp strong {
3215    font-size:26px;
3216  }
3217
3218  .dmp1-exp span {
3219    max-width:60px;
3220    font-size:5.5px;
3221  }
3222
3223  .dmp1-card {
3224    position:relative;
3225
3226    left:auto;
3227    bottom:auto;
3228
3229    width:100%;
3230
3231    margin-top:12px;
3232  }
3233
3234  .dmp1-values {
3235    width:calc(100% - 24px);
3236
3237    margin:0 auto;
3238
3239    padding-bottom:45px;
3240
3241    grid-template-columns:
3242      repeat(2,1fr);
3243  }
3244
3245}
3246
3247
3248/* CONTAINER QUERY
3249   helps GHL mobile builder */
3250
3251@container(max-width:620px) {
3252
3253  .dmp1-inner {
3254    width:calc(100% - 24px);
3255
3256    grid-template-columns:1fr;
3257
3258    padding:45px 0;
3259
3260    gap:40px;
3261  }
3262
3263  .dmp1-title {
3264    font-size:48px;
3265  }
3266
3267  .dmp1-visual {
3268    margin:0 auto;
3269  }
3270
3271}
3272
3273
3274/* REDUCED MOTION */
3275
3276@media(prefers-reduced-motion:reduce) {
3277
3278  .dmp1-reveal {
3279    opacity:1;
3280    transform:none;
3281    transition:none;
3282  }
3283
3284  .dmp1-image,
3285  .dmp1::before {
3286    animation:none !important;
3287    transition:none !important;
3288  }
3289
3290}
3291
3292</style>
3293
3294
3295<section
3296  class="dmp1"
3297  id="dmp1Section"
3298>
3299
3300
3301  <div class="dmp1-inner">
3302
3303
3304    <!-- CONTENT -->
3305
3306    <div>
3307
3308
3309      <div
3310        class="
3311          dmp1-breadcrumb
3312          dmp1-reveal
3313        "
3314      >
3315
3316        <a href="/">
3317          Accueil
3318        </a>
3319
3320        <span>→</span>
3321
3322        <span>
3323          Dr Maher
3324        </span>
3325
3326      </div>
3327
3328
3329      <div
3330        class="
3331          dmp1-reveal
3332          dmp1-delay1
3333        "
3334      >
3335
3336        <div class="dmp1-eyebrow">
3337          À propos
3338        </div>
3339
3340
3341        <h1 class="dmp1-title">
3342
3343          Dr Maher Jalal
3344
3345          <span>
3346            Écouter avant de conclure.
3347          </span>
3348
3349        </h1>
3350
3351
3352        <p class="dmp1-intro">
3353
3354          Depuis de nombreuses années,
3355          Dr Maher accompagne des personnes
3356          qui cherchent à mieux comprendre
3357          ce qu’elles vivent et à retrouver
3358          des repères dans leur démarche.
3359
3360          Son approche repose sur l’écoute,
3361          l’observation, la compréhension
3362          et l’orientation avant toute
3363          conclusion précipitée.
3364
3365        </p>
3366
3367
3368        <div class="dmp1-quote">
3369
3370          « Une personne n’a pas seulement
3371          besoin d’une réponse. Elle a besoin
3372          de comprendre pourquoi cette réponse
3373          a du sens pour sa situation. »
3374
3375        </div>
3376
3377      </div>
3378
3379
3380      <div
3381        class="
3382          dmp1-actions
3383          dmp1-reveal
3384          dmp1-delay2
3385        "
3386      >
3387
3388        <a
3389          href="#parcours"
3390          class="
3391            dmp1-btn
3392            dmp1-primary
3393          "
3394        >
3395
3396          Découvrir son parcours
3397
3398          <span>↓</span>
3399
3400        </a>
3401
3402
3403        <a
3404          href="/consultation-orientation#reservation"
3405          class="
3406            dmp1-btn
3407            dmp1-secondary
3408          "
3409        >
3410
3411          Commencer ma démarche
3412
3413        </a>
3414
3415      </div>
3416
3417
3418    </div>
3419
3420
3421    <!-- VISUAL -->
3422
3423    <div
3424      class="
3425        dmp1-visual
3426        dmp1-reveal
3427        dmp1-delay2
3428      "
3429    >
3430
3431
3432      <div class="dmp1-image-wrap">
3433
3434        <img
3435          src="https://assets.cdn.filesafe.space/2WEaZWamD6KwM7dlA587/media/6a7e33eb5fc842636e0a525f.jpg"
3436          alt="Dr Maher Jalal"
3437          class="dmp1-image"
3438        >
3439
3440      </div>
3441
3442
3443      <div class="dmp1-exp">
3444
3445        <strong>
3446          25+
3447        </strong>
3448
3449        <span>
3450          années d’expérience
3451        </span>
3452
3453      </div>
3454
3455
3456      <div class="dmp1-card">
3457
3458        <div class="dmp1-card-label">
3459          Une conviction
3460        </div>
3461
3462
3463        <p class="dmp1-card-title">
3464
3465          Comprendre avant d’orienter.
3466          Personnaliser avant d’accompagner.
3467
3468        </p>
3469
3470      </div>
3471
3472
3473    </div>
3474
3475
3476  </div>
3477
3478
3479  <!-- VALUES -->
3480
3481  <div class="dmp1-values">
3482
3483
3484    <div
3485      class="
3486        dmp1-value
3487        dmp1-reveal
3488        dmp1-delay1
3489      "
3490    >
3491
3492      <div class="dmp1-value-number">
3493        01
3494      </div>
3495
3496      <div class="dmp1-value-text">
3497        Écouter
3498      </div>
3499
3500    </div>
3501
3502
3503    <div
3504      class="
3505        dmp1-value
3506        dmp1-reveal
3507        dmp1-delay2
3508      "
3509    >
3510
3511      <div class="dmp1-value-number">
3512        02
3513      </div>
3514
3515      <div class="dmp1-value-text">
3516        Comprendre
3517      </div>
3518
3519    </div>
3520
3521
3522    <div
3523      class="
3524        dmp1-value
3525        dmp1-reveal
3526        dmp1-delay2
3527      "
3528    >
3529
3530      <div class="dmp1-value-number">
3531        03
3532      </div>
3533
3534      <div class="dmp1-value-text">
3535        Orienter
3536      </div>
3537
3538    </div>
3539
3540
3541    <div
3542      class="
3543        dmp1-value
3544        dmp1-reveal
3545        dmp1-delay3
3546      "
3547    >
3548
3549      <div class="dmp1-value-number">
3550        04
3551      </div>
3552
3553      <div class="dmp1-value-text">
3554        Accompagner
3555      </div>
3556
3557    </div>
3558
3559
3560  </div>
3561
3562
3563</section>
3564
3565
3566<script>
3567
3568(function(){
3569
3570  function initDMP1(){
3571
3572    const section =
3573      document.getElementById(
3574        "dmp1Section"
3575      );
3576
3577    if(!section) return;
3578
3579
3580    if(
3581      section.dataset.ready === "1"
3582    ){
3583      return;
3584    }
3585
3586
3587    section.dataset.ready = "1";
3588
3589
3590    const elements =
3591      section.querySelectorAll(
3592        ".dmp1-reveal"
3593      );
3594
3595
3596    if(
3597      "IntersectionObserver"
3598      in window
3599    ){
3600
3601      const observer =
3602        new IntersectionObserver(
3603
3604          function(entries){
3605
3606            entries.forEach(
3607              function(entry){
3608
3609                if(
3610                  entry.isIntersecting
3611                ){
3612
3613                  entry.target
3614                    .classList
3615                    .add(
3616                      "dmp1-visible"
3617                    );
3618
3619                  observer.unobserve(
3620                    entry.target
3621                  );
3622
3623                }
3624
3625              }
3626            );
3627
3628          },
3629
3630          {
3631            threshold:.12,
3632            rootMargin:
3633              "0px 0px -20px 0px"
3634          }
3635
3636        );
3637
3638
3639      elements.forEach(
3640        function(el){
3641          observer.observe(el);
3642        }
3643      );
3644
3645    }
3646
3647    else{
3648
3649      elements.forEach(
3650        function(el){
3651
3652          el.classList.add(
3653            "dmp1-visible"
3654          );
3655
3656        }
3657      );
3658
3659    }
3660
3661  }
3662
3663
3664  if(
3665    document.readyState ===
3666    "loading"
3667  ){
3668
3669    document.addEventListener(
3670      "DOMContentLoaded",
3671      initDMP1
3672    );
3673
3674  }
3675
3676  else{
3677    initDMP1();
3678  }
3679
3680
3681  document.addEventListener(
3682    "hydrationDone",
3683    initDMP1
3684  );
3685
3686})();
3687
3688</script>
3688</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-TH2CIhE_DL" data-animation-class data-entrance-clip="1" style="" class="fullSection true c-section c-wrapper section-TH2CIhE_DL"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-2nAAX7bnwt" data-animation-class data-entrance-clip="1" style="" class="row-align-center true c-row c-wrapper row-2nAAX7bnwt"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-l0y8rDemLI" data-animation-class data-entrance-clip="1" style="" class="true c-column c-wrapper col-l0y8rDemLI"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-7IihbKHFFa" data-animation-class style="" class="c-custom-code c-wrapper custom-code-7IihbKHFFa"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-7IihbKHFFa__custom-code" class="custom-code-container ccustom-code-7IihbKHFFa"><!-- =====================================================
3689     DR MAHER — DM-P02
3690     SON PARCOURS / TIMELINE
3691     Funnel Crafts
3692===================================================== -->
3693
3694<style>
3695
3696.dmp2,
3697.dmp2 * {
3698  box-sizing:border-box;
3699}
3700
3701.dmp2 {
3702  --brown:#482615;
3703  --dark:#28150D;
3704  --gold:#B97B45;
3705  --gold2:#D9A36F;
3706  --cream:#FAF7F2;
3707  --cream2:#F3EBE3;
3708  --text:#2B1B14;
3709  --muted:#76675E;
3710  --border:rgba(72,38,21,.11);
3711
3712  position:relative;
3713  width:100%;
3714  overflow:hidden;
3715
3716  padding:105px 0;
3717
3718  background:#fff;
3719
3720  font-family:"Manrope",Arial,sans-serif;
3721
3722  container-type:inline-size;
3723}
3724
3725
3726/* =============================
3727   BACKGROUND
3728============================= */
3729
3730.dmp2::before {
3731  content:"";
3732
3733  position:absolute;
3734
3735  width:480px;
3736  height:480px;
3737
3738  left:-220px;
3739  top:120px;
3740
3741  border-radius:50%;
3742
3743  background:
3744    radial-gradient(
3745      circle,
3746      rgba(185,123,69,.08),
3747      transparent 70%
3748    );
3749
3750  pointer-events:none;
3751}
3752
3753
3754/* =============================
3755   CONTAINER
3756============================= */
3757
3758.dmp2-container {
3759  position:relative;
3760  z-index:2;
3761
3762  width:min(
3763    calc(100% - 48px),
3764    1180px
3765  );
3766
3767  margin:0 auto;
3768}
3769
3770
3771/* =============================
3772   HEAD
3773============================= */
3774
3775.dmp2-head {
3776  display:grid;
3777
3778  grid-template-columns:
3779    minmax(0,1fr)
3780    minmax(280px,430px);
3781
3782  gap:70px;
3783
3784  align-items:end;
3785
3786  margin-bottom:70px;
3787}
3788
3789
3790.dmp2-eyebrow {
3791  display:inline-flex;
3792  align-items:center;
3793  gap:11px;
3794
3795  margin-bottom:16px;
3796
3797  color:var(--gold);
3798
3799  font-size:9px;
3800  font-weight:700;
3801
3802  letter-spacing:.22em;
3803  text-transform:uppercase;
3804}
3805
3806
3807.dmp2-eyebrow::before {
3808  content:"";
3809
3810  width:32px;
3811  height:1px;
3812
3813  background:var(--gold);
3814}
3815
3816
3817.dmp2-title {
3818  max-width:690px;
3819
3820  margin:0;
3821
3822  color:var(--dark);
3823
3824  font-family:
3825    "Cormorant Garamond",
3826    Georgia,
3827    serif;
3828
3829  font-size:
3830    clamp(46px,4.6vw,66px);
3831
3832  font-weight:600;
3833
3834  line-height:.98;
3835
3836  letter-spacing:-.025em;
3837}
3838
3839
3840.dmp2-title span {
3841  display:block;
3842
3843  margin-top:6px;
3844
3845  color:var(--gold);
3846}
3847
3848
3849.dmp2-intro {
3850  margin:0;
3851
3852  padding-left:24px;
3853
3854  border-left:1px solid var(--gold);
3855
3856  color:var(--muted);
3857
3858  font-size:13px;
3859
3860  line-height:1.78;
3861}
3862
3863
3864/* =============================
3865   MAIN LAYOUT
3866============================= */
3867
3868.dmp2-main {
3869  display:grid;
3870
3871  grid-template-columns:
3872    260px 1fr;
3873
3874  gap:60px;
3875
3876  align-items:start;
3877}
3878
3879
3880/* =============================
3881   LEFT STAT
3882============================= */
3883
3884.dmp2-stat {
3885  position:sticky;
3886
3887  top:120px;
3888
3889  padding:32px 28px;
3890
3891  overflow:hidden;
3892
3893  border-radius:24px;
3894
3895  background:var(--brown);
3896
3897  color:#fff;
3898
3899  box-shadow:
3900    0 22px 55px
3901    rgba(40,21,13,.13);
3902}
3903
3904
3905.dmp2-stat::after {
3906  content:"";
3907
3908  position:absolute;
3909
3910  width:180px;
3911  height:180px;
3912
3913  right:-90px;
3914  bottom:-100px;
3915
3916  border-radius:50%;
3917
3918  border:
3919    1px solid
3920    rgba(217,163,111,.16);
3921}
3922
3923
3924.dmp2-stat-small {
3925  position:relative;
3926  z-index:2;
3927
3928  color:var(--gold2);
3929
3930  font-size:8px;
3931  font-weight:800;
3932
3933  letter-spacing:.18em;
3934  text-transform:uppercase;
3935}
3936
3937
3938.dmp2-stat-number {
3939  position:relative;
3940  z-index:2;
3941
3942  margin-top:13px;
3943
3944  color:#fff;
3945
3946  font-family:
3947    "Cormorant Garamond",
3948    Georgia,
3949    serif;
3950
3951  font-size:67px;
3952
3953  font-weight:600;
3954
3955  line-height:.85;
3956}
3957
3958
3959.dmp2-stat-label {
3960  position:relative;
3961  z-index:2;
3962
3963  margin-top:11px;
3964
3965  color:
3966    rgba(255,255,255,.67);
3967
3968  font-size:10px;
3969
3970  line-height:1.55;
3971}
3972
3973
3974.dmp2-stat-divider {
3975  position:relative;
3976  z-index:2;
3977
3978  width:45px;
3979  height:1px;
3980
3981  margin:23px 0;
3982
3983  background:var(--gold2);
3984}
3985
3986
3987.dmp2-stat-quote {
3988  position:relative;
3989  z-index:2;
3990
3991  margin:0;
3992
3993  color:#fff;
3994
3995  font-family:
3996    "Cormorant Garamond",
3997    Georgia,
3998    serif;
3999
4000  font-size:20px;
4001
4002  line-height:1.25;
4003
4004  font-weight:600;
4005}
4006
4007
4008/* =============================
4009   TIMELINE
4010============================= */
4011
4012.dmp2-timeline {
4013  position:relative;
4014
4015  display:grid;
4016
4017  gap:20px;
4018}
4019
4020
4021/* BASE LINE */
4022
4023.dmp2-line {
4024  position:absolute;
4025
4026  left:34px;
4027  top:35px;
4028  bottom:35px;
4029
4030  width:1px;
4031
4032  background:
4033    rgba(72,38,21,.13);
4034}
4035
4036
4037/* PROGRESS */
4038
4039.dmp2-progress {
4040  position:absolute;
4041
4042  left:34px;
4043  top:35px;
4044
4045  width:2px;
4046  height:0;
4047
4048  border-radius:999px;
4049
4050  background:
4051    linear-gradient(
4052      to bottom,
4053      var(--gold),
4054      var(--gold2)
4055    );
4056
4057  box-shadow:
4058    0 0 16px
4059    rgba(185,123,69,.25);
4060
4061  transition:
4062    height .75s
4063    cubic-bezier(.2,.7,.3,1);
4064}
4065
4066
4067/* =============================
4068   ITEM
4069============================= */
4070
4071.dmp2-item {
4072  position:relative;
4073
4074  display:grid;
4075
4076  grid-template-columns:
4077    70px 1fr;
4078
4079  gap:24px;
4080
4081  align-items:start;
4082}
4083
4084
4085/* NODE */
4086
4087.dmp2-node {
4088  position:relative;
4089
4090  z-index:3;
4091
4092  width:68px;
4093  height:68px;
4094
4095  border-radius:50%;
4096
4097  border:
4098    1px solid var(--border);
4099
4100  background:#fff;
4101
4102  display:flex;
4103
4104  align-items:center;
4105  justify-content:center;
4106
4107  color:var(--gold);
4108
4109  font-family:
4110    "Cormorant Garamond",
4111    Georgia,
4112    serif;
4113
4114  font-size:18px;
4115  font-weight:700;
4116
4117  box-shadow:
4118    0 8px 25px
4119    rgba(40,21,13,.05);
4120
4121  transition:
4122    background .4s ease,
4123    color .4s ease,
4124    border-color .4s ease,
4125    transform .4s ease,
4126    box-shadow .4s ease;
4127}
4128
4129
4130.dmp2-item.dmp2-active
4131.dmp2-node {
4132  background:var(--brown);
4133
4134  color:#fff;
4135
4136  border-color:var(--brown);
4137
4138  transform:scale(1.07);
4139
4140  box-shadow:
4141    0 14px 32px
4142    rgba(72,38,21,.18);
4143}
4144
4145
4146/* CARD */
4147
4148.dmp2-card {
4149  position:relative;
4150
4151  padding:29px 31px;
4152
4153  overflow:hidden;
4154
4155  border:
4156    1px solid var(--border);
4157
4158  border-radius:21px;
4159
4160  background:var(--cream);
4161
4162  transition:
4163    transform .4s ease,
4164    background .4s ease,
4165    border-color .4s ease,
4166    box-shadow .4s ease;
4167}
4168
4169
4170.dmp2-card::before {
4171  content:"";
4172
4173  position:absolute;
4174
4175  top:0;
4176  left:0;
4177
4178  width:3px;
4179  height:0;
4180
4181  background:var(--gold);
4182
4183  transition:
4184    height .45s ease;
4185}
4186
4187
4188.dmp2-item:hover
4189.dmp2-card,
4190.dmp2-item.dmp2-active
4191.dmp2-card {
4192  transform:translateX(6px);
4193
4194  background:#fff;
4195
4196  border-color:
4197    rgba(185,123,69,.27);
4198
4199  box-shadow:
4200    0 18px 45px
4201    rgba(40,21,13,.07);
4202}
4203
4204
4205.dmp2-item:hover
4206.dmp2-card::before,
4207.dmp2-item.dmp2-active
4208.dmp2-card::before {
4209  height:100%;
4210}
4211
4212
4213/* TEXT */
4214
4215.dmp2-label {
4216  margin-bottom:8px;
4217
4218  color:var(--gold);
4219
4220  font-size:7.5px;
4221  font-weight:800;
4222
4223  letter-spacing:.17em;
4224  text-transform:uppercase;
4225}
4226
4227
4228.dmp2-card-title {
4229  margin:0;
4230
4231  color:var(--dark);
4232
4233  font-family:
4234    "Cormorant Garamond",
4235    Georgia,
4236    serif;
4237
4238  font-size:29px;
4239
4240  font-weight:600;
4241
4242  line-height:1.03;
4243}
4244
4245
4246.dmp2-card-text {
4247  max-width:620px;
4248
4249  margin:13px 0 0;
4250
4251  color:var(--muted);
4252
4253  font-size:12.5px;
4254
4255  line-height:1.72;
4256}
4257
4258
4259/* SMALL PRINCIPLE */
4260
4261.dmp2-principle {
4262  margin-top:18px;
4263
4264  padding-top:16px;
4265
4266  border-top:
4267    1px solid var(--border);
4268
4269  display:flex;
4270
4271  align-items:flex-start;
4272
4273  gap:8px;
4274
4275  color:var(--text);
4276
4277  font-size:10.5px;
4278
4279  line-height:1.55;
4280}
4281
4282
4283.dmp2-check {
4284  color:var(--gold);
4285  font-weight:800;
4286}
4287
4288
4289/* =============================
4290   FINAL STATEMENT
4291============================= */
4292
4293.dmp2-bottom {
4294  margin-top:65px;
4295
4296  padding:42px 40px;
4297
4298  border-radius:24px;
4299
4300  background:
4301    linear-gradient(
4302      135deg,
4303      #F3EBE3,
4304      #FAF7F2
4305    );
4306
4307  text-align:center;
4308
4309  border:
4310    1px solid var(--border);
4311}
4312
4313
4314.dmp2-bottom-small {
4315  margin-bottom:9px;
4316
4317  color:var(--gold);
4318
4319  font-size:8px;
4320  font-weight:800;
4321
4322  letter-spacing:.18em;
4323  text-transform:uppercase;
4324}
4325
4326
4327.dmp2-bottom-title {
4328  max-width:800px;
4329
4330  margin:0 auto;
4331
4332  color:var(--dark);
4333
4334  font-family:
4335    "Cormorant Garamond",
4336    Georgia,
4337    serif;
4338
4339  font-size:
4340    clamp(31px,3.2vw,45px);
4341
4342  font-weight:600;
4343
4344  line-height:1.06;
4345}
4346
4347
4348.dmp2-bottom-title span {
4349  color:var(--gold);
4350}
4351
4352
4353/* =============================
4354   REVEAL
4355============================= */
4356
4357.dmp2-reveal {
4358  opacity:0;
4359
4360  transform:translateY(28px);
4361
4362  transition:
4363    opacity .75s ease,
4364    transform .75s
4365    cubic-bezier(.2,.7,.3,1);
4366}
4367
4368
4369.dmp2-reveal.dmp2-visible {
4370  opacity:1;
4371  transform:translateY(0);
4372}
4373
4374
4375.dmp2-delay1 {
4376  transition-delay:.08s;
4377}
4378
4379.dmp2-delay2 {
4380  transition-delay:.16s;
4381}
4382
4383.dmp2-delay3 {
4384  transition-delay:.24s;
4385}
4386
4387.dmp2-delay4 {
4388  transition-delay:.32s;
4389}
4390
4391
4392/* =============================
4393   TABLET
4394============================= */
4395
4396@media(max-width:900px) {
4397
4398  .dmp2 {
4399    padding:85px 0;
4400  }
4401
4402
4403  .dmp2-container {
4404    width:calc(100% - 34px);
4405  }
4406
4407
4408  .dmp2-head {
4409    grid-template-columns:1fr;
4410
4411    gap:25px;
4412
4413    margin-bottom:55px;
4414  }
4415
4416
4417  .dmp2-main {
4418    grid-template-columns:1fr;
4419
4420    gap:40px;
4421  }
4422
4423
4424  .dmp2-stat {
4425    position:relative;
4426
4427    top:auto;
4428
4429    max-width:500px;
4430  }
4431
4432}
4433
4434
4435/* =============================
4436   MOBILE
4437============================= */
4438
4439@media(max-width:620px) {
4440
4441  .dmp2 {
4442    padding:65px 0;
4443  }
4444
4445
4446  .dmp2-container {
4447    width:calc(100% - 24px);
4448  }
4449
4450
4451  .dmp2-title {
4452    font-size:41px;
4453  }
4454
4455
4456  .dmp2-intro {
4457    padding-left:17px;
4458
4459    font-size:12.5px;
4460  }
4461
4462
4463  .dmp2-stat {
4464    padding:27px 23px;
4465  }
4466
4467
4468  .dmp2-stat-number {
4469    font-size:58px;
4470  }
4471
4472
4473  .dmp2-line,
4474  .dmp2-progress {
4475    left:24px;
4476  }
4477
4478
4479  .dmp2-item {
4480    grid-template-columns:
4481      49px 1fr;
4482
4483    gap:13px;
4484  }
4485
4486
4487  .dmp2-node {
4488    width:49px;
4489    height:49px;
4490
4491    font-size:14px;
4492  }
4493
4494
4495  .dmp2-card {
4496    padding:22px 20px;
4497  }
4498
4499
4500  .dmp2-card-title {
4501    font-size:25px;
4502  }
4503
4504
4505  .dmp2-card-text {
4506    font-size:12px;
4507  }
4508
4509
4510  .dmp2-bottom {
4511    margin-top:45px;
4512
4513    padding:32px 20px;
4514  }
4515
4516
4517  .dmp2-bottom-title {
4518    font-size:31px;
4519  }
4520
4521}
4522
4523
4524/* GHL BUILDER CONTAINER */
4525
4526@container(max-width:620px) {
4527
4528  .dmp2-container {
4529    width:calc(100% - 24px);
4530  }
4531
4532
4533  .dmp2-head,
4534  .dmp2-main {
4535    grid-template-columns:1fr;
4536  }
4537
4538}
4539
4540
4541/* ACCESSIBILITY */
4542
4543@media(prefers-reduced-motion:reduce) {
4544
4545  .dmp2-reveal {
4546    opacity:1;
4547    transform:none;
4548    transition:none;
4549  }
4550
4551
4552  .dmp2-progress,
4553  .dmp2-node,
4554  .dmp2-card {
4555    transition:none !important;
4556  }
4557
4558}
4559
4560</style>
4561
4562
4563<section
4564  class="dmp2"
4565  id="parcours"
4566>
4567
4568  <div
4569    class="dmp2-container"
4570    id="dmp2Section"
4571  >
4572
4573
4574    <!-- ===========================
4575         HEADER
4576    ============================ -->
4577
4578    <div class="dmp2-head">
4579
4580
4581      <div
4582        class="
4583          dmp2-reveal
4584        "
4585      >
4586
4587        <div class="dmp2-eyebrow">
4588          Son parcours
4589        </div>
4590
4591
4592        <h2 class="dmp2-title">
4593
4594          Une expérience
4595          construite dans le temps.
4596
4597          <span>
4598            Une méthode affinée par la pratique.
4599          </span>
4600
4601        </h2>
4602
4603      </div>
4604
4605
4606      <p
4607        class="
4608          dmp2-intro
4609          dmp2-reveal
4610          dmp2-delay1
4611        "
4612      >
4613
4614        Au fil des années,
4615        l’expérience de Dr Maher
4616        a progressivement donné naissance
4617        à une approche centrée sur
4618        l’observation, la compréhension,
4619        la transmission de repères
4620        et l’accompagnement personnalisé.
4621
4622      </p>
4623
4624
4625    </div>
4626
4627
4628    <!-- ===========================
4629         MAIN
4630    ============================ -->
4631
4632    <div class="dmp2-main">
4633
4634
4635      <!-- STAT -->
4636
4637      <aside
4638        class="
4639          dmp2-stat
4640          dmp2-reveal
4641        "
4642      >
4643
4644        <div class="dmp2-stat-small">
4645          Expérience
4646        </div>
4647
4648
4649        <div
4650          class="dmp2-stat-number"
4651          id="dmp2Counter"
4652        >
4653          0+
4654        </div>
4655
4656
4657        <div class="dmp2-stat-label">
4658
4659          années consacrées
4660          à l’observation,
4661          à l’accompagnement
4662          et à la transmission.
4663
4664        </div>
4665
4666
4667        <div class="dmp2-stat-divider"></div>
4668
4669
4670        <p class="dmp2-stat-quote">
4671
4672          « L’expérience devient utile
4673          lorsqu’elle permet de mieux
4674          comprendre chaque nouvelle
4675          situation. »
4676
4677        </p>
4678
4679      </aside>
4680
4681
4682      <!-- TIMELINE -->
4683
4684      <div
4685        class="dmp2-timeline"
4686        id="dmp2Timeline"
4687      >
4688
4689
4690        <div class="dmp2-line"></div>
4691
4692
4693        <div
4694          class="dmp2-progress"
4695          id="dmp2Progress"
4696        ></div>
4697
4698
4699        <!-- 01 -->
4700
4701        <article
4702          class="
4703            dmp2-item
4704            dmp2-reveal
4705            dmp2-delay1
4706          "
4707          data-step="1"
4708        >
4709
4710          <div class="dmp2-node">
4711            01
4712          </div>
4713
4714
4715          <div class="dmp2-card">
4716
4717            <div class="dmp2-label">
4718              Observer
4719            </div>
4720
4721
4722            <h3 class="dmp2-card-title">
4723
4724              Comprendre les situations
4725              avant de les interpréter.
4726
4727            </h3>
4728
4729
4730            <p class="dmp2-card-text">
4731
4732              Chaque personne arrive avec
4733              son histoire, son contexte,
4734              ses expériences et ses propres
4735              interrogations.
4736
4737              L’écoute et l’observation constituent
4738              donc le point de départ de la démarche.
4739
4740            </p>
4741
4742
4743            <div class="dmp2-principle">
4744
4745              <span class="dmp2-check">
4746                ✓
4747              </span>
4748
4749              Éviter de réduire des situations
4750              différentes à une seule explication.
4751
4752            </div>
4753
4754          </div>
4755
4756        </article>
4757
4758
4759        <!-- 02 -->
4760
4761        <article
4762          class="
4763            dmp2-item
4764            dmp2-reveal
4765            dmp2-delay2
4766          "
4767          data-step="2"
4768        >
4769
4770          <div class="dmp2-node">
4771            02
4772          </div>
4773
4774
4775          <div class="dmp2-card">
4776
4777            <div class="dmp2-label">
4778              Structurer
4779            </div>
4780
4781
4782            <h3 class="dmp2-card-title">
4783
4784              Transformer l’expérience
4785              en méthode.
4786
4787            </h3>
4788
4789
4790            <p class="dmp2-card-text">
4791
4792              Avec le temps,
4793              les observations et les situations
4794              rencontrées permettent de développer
4795              des repères plus structurés
4796              pour analyser une démarche
4797              et mieux orienter la personne.
4798
4799            </p>
4800
4801
4802            <div class="dmp2-principle">
4803
4804              <span class="dmp2-check">
4805                ✓
4806              </span>
4807
4808              Passer de réactions isolées
4809              à une démarche organisée.
4810
4811            </div>
4812
4813          </div>
4814
4815        </article>
4816
4817
4818        <!-- 03 -->
4819
4820        <article
4821          class="
4822            dmp2-item
4823            dmp2-reveal
4824            dmp2-delay3
4825          "
4826          data-step="3"
4827        >
4828
4829          <div class="dmp2-node">
4830            03
4831          </div>
4832
4833
4834          <div class="dmp2-card">
4835
4836            <div class="dmp2-label">
4837              Transmettre
4838            </div>
4839
4840
4841            <h3 class="dmp2-card-title">
4842
4843              Donner des repères,
4844              pas seulement des réponses.
4845
4846            </h3>
4847
4848
4849            <p class="dmp2-card-text">
4850
4851              Une partie essentielle
4852              de l’approche consiste à expliquer,
4853              transmettre et aider la personne
4854              à mieux comprendre les principes
4855              qui orientent sa propre démarche.
4856
4857            </p>
4858
4859
4860            <div class="dmp2-principle">
4861
4862              <span class="dmp2-check">
4863                ✓
4864              </span>
4865
4866              La compréhension permet
4867              de développer davantage d’autonomie.
4868
4869            </div>
4870
4871          </div>
4872
4873        </article>
4874
4875
4876        <!-- 04 -->
4877
4878        <article
4879          class="
4880            dmp2-item
4881            dmp2-reveal
4882            dmp2-delay4
4883          "
4884          data-step="4"
4885        >
4886
4887          <div class="dmp2-node">
4888            04
4889          </div>
4890
4891
4892          <div class="dmp2-card">
4893
4894            <div class="dmp2-label">
4895              Accompagner
4896            </div>
4897
4898
4899            <h3 class="dmp2-card-title">
4900
4901              Adapter la démarche
4902              à la personne.
4903
4904            </h3>
4905
4906
4907            <p class="dmp2-card-text">
4908
4909              L’expérience ne consiste pas
4910              à appliquer automatiquement
4911              la même réponse à tout le monde,
4912              mais à mieux identifier
4913              ce qui peut être pertinent
4914              pour une situation donnée.
4915
4916            </p>
4917
4918
4919            <div class="dmp2-principle">
4920
4921              <span class="dmp2-check">
4922                ✓
4923              </span>
4924
4925              Personnaliser avant
4926              d’accompagner.
4927
4928            </div>
4929
4930          </div>
4931
4932        </article>
4933
4934
4935      </div>
4936
4937
4938    </div>
4939
4940
4941    <!-- FINAL -->
4942
4943    <div
4944      class="
4945        dmp2-bottom
4946        dmp2-reveal
4947      "
4948    >
4949
4950      <div class="dmp2-bottom-small">
4951        Aujourd’hui
4952      </div>
4953
4954
4955      <h3 class="dmp2-bottom-title">
4956
4957        Une expérience qui ne sert pas
4958        à imposer une conclusion,
4959
4960        <span>
4961          mais à poser de meilleures questions.
4962        </span>
4963
4964      </h3>
4965
4966    </div>
4967
4968
4969  </div>
4970
4971</section>
4972
4973
4974<script>
4975
4976(function(){
4977
4978  function initDMP2(){
4979
4980    const section =
4981      document.getElementById(
4982        "dmp2Section"
4983      );
4984
4985    if(!section) return;
4986
4987
4988    if(
4989      section.dataset.ready === "1"
4990    ){
4991      return;
4992    }
4993
4994
4995    section.dataset.ready = "1";
4996
4997
4998    const reveals =
4999      section.querySelectorAll(
5000        ".dmp2-reveal"
5001      );
5002
5003
5004    const items =
5005      section.querySelectorAll(
5006        ".dmp2-item"
5007      );
5008
5009
5010    const progress =
5011      document.getElementById(
5012        "dmp2Progress"
5013      );
5014
5015
5016    const timeline =
5017      document.getElementById(
5018        "dmp2Timeline"
5019      );
5020
5021
5022    const counter =
5023      document.getElementById(
5024        "dmp2Counter"
5025      );
5026
5027
5028    let counterStarted = false;
5029
5030
5031    /* =========================
5032       COUNTER
5033    ========================= */
5034
5035    function startCounter(){
5036
5037      if(
5038        counterStarted ||
5039        !counter
5040      ){
5041        return;
5042      }
5043
5044
5045      counterStarted = true;
5046
5047
5048      const target = 25;
5049
5050      const duration = 1300;
5051
5052      const start =
5053        performance.now();
5054
5055
5056      function animate(now){
5057
5058        const p =
5059          Math.min(
5060            (now-start)/duration,
5061            1
5062          );
5063
5064
5065        const eased =
5066          1-Math.pow(
5067            1-p,
5068            3
5069          );
5070
5071
5072        counter.textContent =
5073          Math.round(
5074            target*eased
5075          ) + "+";
5076
5077
5078        if(p<1){
5079
5080          requestAnimationFrame(
5081            animate
5082          );
5083
5084        }
5085
5086      }
5087
5088
5089      requestAnimationFrame(
5090        animate
5091      );
5092
5093    }
5094
5095
5096    /* =========================
5097       TIMELINE PROGRESS
5098    ========================= */
5099
5100    function updateProgress(){
5101
5102      if(
5103        !timeline ||
5104        !progress
5105      ){
5106        return;
5107      }
5108
5109
5110      const rect =
5111        timeline.getBoundingClientRect();
5112
5113
5114      const viewport =
5115        window.innerHeight;
5116
5117
5118      const start =
5119        viewport * .72;
5120
5121
5122      const end =
5123        viewport * .28;
5124
5125
5126      const total =
5127        rect.height -
5128        (start-end);
5129
5130
5131      let passed =
5132        start -
5133        rect.top;
5134
5135
5136      let ratio =
5137        passed / total;
5138
5139
5140      ratio =
5141        Math.max(
5142          0,
5143          Math.min(1,ratio)
5144        );
5145
5146
5147      const available =
5148        timeline.offsetHeight -
5149        70;
5150
5151
5152      progress.style.height =
5153        (available*ratio) +
5154        "px";
5155
5156    }
5157
5158
5159    /* =========================
5160       REVEAL
5161    ========================= */
5162
5163    if(
5164      "IntersectionObserver"
5165      in window
5166    ){
5167
5168      const revealObserver =
5169        new IntersectionObserver(
5170
5171          function(entries){
5172
5173            entries.forEach(
5174              function(entry){
5175
5176                if(
5177                  entry.isIntersecting
5178                ){
5179
5180                  entry.target
5181                    .classList
5182                    .add(
5183                      "dmp2-visible"
5184                    );
5185
5186                  revealObserver
5187                    .unobserve(
5188                      entry.target
5189                    );
5190
5191                }
5192
5193              }
5194            );
5195
5196          },
5197
5198          {
5199            threshold:.12,
5200            rootMargin:
5201              "0px 0px -20px 0px"
5202          }
5203
5204        );
5205
5206
5207      reveals.forEach(
5208        function(el){
5209
5210          revealObserver.observe(el);
5211
5212        }
5213      );
5214
5215
5216      /* ACTIVE STEPS */
5217
5218      const itemObserver =
5219        new IntersectionObserver(
5220
5221          function(entries){
5222
5223            entries.forEach(
5224              function(entry){
5225
5226                if(
5227                  entry.isIntersecting
5228                ){
5229
5230                  entry.target
5231                    .classList
5232                    .add(
5233                      "dmp2-active"
5234                    );
5235
5236                }
5237
5238              }
5239            );
5240
5241          },
5242
5243          {
5244            threshold:.48
5245          }
5246
5247        );
5248
5249
5250      items.forEach(
5251        function(item){
5252
5253          itemObserver.observe(item);
5254
5255        }
5256      );
5257
5258
5259      /* COUNTER */
5260
5261      const counterObserver =
5262        new IntersectionObserver(
5263
5264          function(entries){
5265
5266            if(
5267              entries[0]
5268              .isIntersecting
5269            ){
5270
5271              startCounter();
5272
5273              counterObserver.disconnect();
5274
5275            }
5276
5277          },
5278
5279          {
5280            threshold:.35
5281          }
5282
5283        );
5284
5285
5286      counterObserver.observe(
5287        section
5288      );
5289
5290    }
5291
5292    else{
5293
5294      reveals.forEach(
5295        function(el){
5296
5297          el.classList.add(
5298            "dmp2-visible"
5299          );
5300
5301        }
5302      );
5303
5304
5305      items.forEach(
5306        function(el){
5307
5308          el.classList.add(
5309            "dmp2-active"
5310          );
5311
5312        }
5313      );
5314
5315
5316      startCounter();
5317
5318    }
5319
5320
5321    /* =========================
5322       SCROLL
5323    ========================= */
5324
5325    window.addEventListener(
5326      "scroll",
5327      updateProgress,
5328      {passive:true}
5329    );
5330
5331
5332    window.addEventListener(
5333      "resize",
5334      updateProgress
5335    );
5336
5337
5338    updateProgress();
5339
5340  }
5341
5342
5343  if(
5344    document.readyState ===
5345    "loading"
5346  ){
5347
5348    document.addEventListener(
5349      "DOMContentLoaded",
5350      initDMP2
5351    );
5352
5353  }
5354
5355  else{
5356
5357    initDMP2();
5358
5359  }
5360
5361
5362  document.addEventListener(
5363    "hydrationDone",
5364    initDMP2
5365  );
5366
5367})();
5368
5369</script>
5369</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-pRGakx7Czt" data-animation-class data-entrance-clip="1" style="" class="fullSection true c-section c-wrapper section-pRGakx7Czt"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-IvsfEwptxO" data-animation-class data-entrance-clip="1" style="" class="row-align-center true c-row c-wrapper row-IvsfEwptxO"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-P7iVkAeAgE" data-animation-class data-entrance-clip="1" style="" class="true c-column c-wrapper col-P7iVkAeAgE"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-r0AdOfK9rq" data-animation-class style="" class="c-custom-code c-wrapper custom-code-r0AdOfK9rq"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-r0AdOfK9rq__custom-code" class="custom-code-container ccustom-code-r0AdOfK9rq"><!-- =====================================================
5370     DR MAHER — DM-P03
5371     SA PHILOSOPHIE
5372     Funnel Crafts
5373===================================================== -->
5374
5375<style>
5376
5377.dmp3,
5378.dmp3 * {
5379  box-sizing: border-box;
5380}
5381
5382.dmp3 {
5383
5384  --brown:#482615;
5385  --dark:#28150D;
5386  --dark2:#1E0F09;
5387
5388  --gold:#B97B45;
5389  --gold2:#D9A36F;
5390
5391  --cream:#FAF7F2;
5392
5393  position:relative;
5394
5395  width:100%;
5396
5397  overflow:hidden;
5398
5399  padding:110px 0;
5400
5401  background:
5402    linear-gradient(
5403      145deg,
5404      #28150D 0%,
5405      #351A0F 55%,
5406      #24120B 100%
5407    );
5408
5409  font-family:"Manrope",Arial,sans-serif;
5410
5411  container-type:inline-size;
5412}
5413
5414
5415/* =================================
5416   BACKGROUND
5417================================= */
5418
5419.dmp3::before {
5420
5421  content:"";
5422
5423  position:absolute;
5424
5425  width:560px;
5426  height:560px;
5427
5428  left:50%;
5429  top:50%;
5430
5431  transform:
5432    translate(-50%,-50%);
5433
5434  border-radius:50%;
5435
5436  border:
5437    1px solid rgba(217,163,111,.09);
5438
5439  pointer-events:none;
5440
5441  animation:
5442    dmp3Rotate 30s
5443    linear infinite;
5444}
5445
5446
5447.dmp3::after {
5448
5449  content:"";
5450
5451  position:absolute;
5452
5453  width:390px;
5454  height:390px;
5455
5456  left:50%;
5457  top:50%;
5458
5459  transform:
5460    translate(-50%,-50%);
5461
5462  border-radius:50%;
5463
5464  background:
5465    radial-gradient(
5466      circle,
5467      rgba(185,123,69,.13),
5468      transparent 68%
5469    );
5470
5471  pointer-events:none;
5472
5473  animation:
5474    dmp3Pulse 5s
5475    ease-in-out
5476    infinite alternate;
5477}
5478
5479
5480@keyframes dmp3Rotate {
5481
5482  from {
5483    transform:
5484      translate(-50%,-50%)
5485      rotate(0deg);
5486  }
5487
5488  to {
5489    transform:
5490      translate(-50%,-50%)
5491      rotate(360deg);
5492  }
5493
5494}
5495
5496
5497@keyframes dmp3Pulse {
5498
5499  from {
5500    opacity:.65;
5501
5502    transform:
5503      translate(-50%,-50%)
5504      scale(.95);
5505  }
5506
5507  to {
5508    opacity:1;
5509
5510    transform:
5511      translate(-50%,-50%)
5512      scale(1.08);
5513  }
5514
5515}
5516
5517
5518/* =================================
5519   CONTAINER
5520================================= */
5521
5522.dmp3-container {
5523
5524  position:relative;
5525
5526  z-index:3;
5527
5528  width:
5529    min(
5530      calc(100% - 48px),
5531      1180px
5532    );
5533
5534  margin:0 auto;
5535}
5536
5537
5538/* =================================
5539   HEAD
5540================================= */
5541
5542.dmp3-head {
5543
5544  max-width:790px;
5545
5546  margin:
5547    0 auto 75px;
5548
5549  text-align:center;
5550}
5551
5552
5553.dmp3-eyebrow {
5554
5555  display:inline-flex;
5556
5557  align-items:center;
5558
5559  gap:11px;
5560
5561  margin-bottom:16px;
5562
5563  color:var(--gold2);
5564
5565  font-size:9px;
5566
5567  font-weight:700;
5568
5569  letter-spacing:.23em;
5570
5571  text-transform:uppercase;
5572}
5573
5574
5575.dmp3-eyebrow::before,
5576.dmp3-eyebrow::after {
5577
5578  content:"";
5579
5580  width:28px;
5581
5582  height:1px;
5583
5584  background:var(--gold2);
5585}
5586
5587
5588.dmp3-title {
5589
5590  margin:0;
5591
5592  color:#fff;
5593
5594  font-family:
5595    "Cormorant Garamond",
5596    Georgia,
5597    serif;
5598
5599  font-size:
5600    clamp(46px,4.7vw,67px);
5601
5602  font-weight:600;
5603
5604  line-height:.98;
5605
5606  letter-spacing:-.025em;
5607}
5608
5609
5610.dmp3-title span {
5611
5612  color:var(--gold2);
5613}
5614
5615
5616.dmp3-intro {
5617
5618  max-width:650px;
5619
5620  margin:
5621    20px auto 0;
5622
5623  color:
5624    rgba(255,255,255,.60);
5625
5626  font-size:13px;
5627
5628  line-height:1.78;
5629}
5630
5631
5632/* =================================
5633   PHILOSOPHY GRID
5634================================= */
5635
5636.dmp3-grid {
5637
5638  display:grid;
5639
5640  grid-template-columns:
5641    minmax(200px,.72fr)
5642    minmax(360px,1.15fr)
5643    minmax(200px,.72fr);
5644
5645  align-items:center;
5646
5647  gap:28px;
5648}
5649
5650
5651.dmp3-side {
5652
5653  display:grid;
5654
5655  gap:18px;
5656}
5657
5658
5659/* =================================
5660   PRINCIPLE BUTTON
5661================================= */
5662
5663.dmp3-principle {
5664
5665  position:relative;
5666
5667  width:100%;
5668
5669  padding:24px 22px;
5670
5671  border:
5672    1px solid rgba(255,255,255,.10);
5673
5674  border-radius:19px;
5675
5676  background:
5677    rgba(255,255,255,.045);
5678
5679  color:#fff;
5680
5681  cursor:pointer;
5682
5683  text-align:left;
5684
5685  overflow:hidden;
5686
5687  backdrop-filter:blur(8px);
5688
5689  transition:
5690    transform .35s ease,
5691    border-color .35s ease,
5692    background .35s ease,
5693    box-shadow .35s ease;
5694}
5695
5696
5697.dmp3-principle::before {
5698
5699  content:"";
5700
5701  position:absolute;
5702
5703  top:0;
5704  left:0;
5705
5706  width:3px;
5707
5708  height:0;
5709
5710  background:
5711    linear-gradient(
5712      to bottom,
5713      var(--gold2),
5714      var(--gold)
5715    );
5716
5717  transition:
5718    height .4s ease;
5719}
5720
5721
5722.dmp3-principle:hover,
5723.dmp3-principle.dmp3-active {
5724
5725  transform:
5726    translateY(-5px);
5727
5728  background:
5729    rgba(255,255,255,.085);
5730
5731  border-color:
5732    rgba(217,163,111,.30);
5733
5734  box-shadow:
5735    0 17px 45px
5736    rgba(0,0,0,.12);
5737}
5738
5739
5740.dmp3-principle:hover::before,
5741.dmp3-principle.dmp3-active::before {
5742
5743  height:100%;
5744}
5745
5746
5747/* NUMBER */
5748
5749.dmp3-number {
5750
5751  margin-bottom:14px;
5752
5753  color:var(--gold2);
5754
5755  font-family:
5756    "Cormorant Garamond",
5757    Georgia,
5758    serif;
5759
5760  font-size:17px;
5761
5762  font-weight:700;
5763}
5764
5765
5766.dmp3-principle-title {
5767
5768  margin:0;
5769
5770  color:#fff;
5771
5772  font-family:
5773    "Cormorant Garamond",
5774    Georgia,
5775    serif;
5776
5777  font-size:25px;
5778
5779  font-weight:600;
5780
5781  line-height:1;
5782}
5783
5784
5785.dmp3-principle-sub {
5786
5787  margin-top:7px;
5788
5789  color:
5790    rgba(255,255,255,.46);
5791
5792  font-size:9.5px;
5793
5794  line-height:1.5;
5795}
5796
5797
5798/* =================================
5799   CENTER
5800================================= */
5801
5802.dmp3-center {
5803
5804  position:relative;
5805
5806  min-height:470px;
5807
5808  padding:50px 42px;
5809
5810  overflow:hidden;
5811
5812  border:
5813    1px solid rgba(217,163,111,.20);
5814
5815  border-radius:50%;
5816
5817  background:
5818    rgba(255,255,255,.055);
5819
5820  backdrop-filter:blur(13px);
5821
5822  display:flex;
5823
5824  flex-direction:column;
5825
5826  align-items:center;
5827
5828  justify-content:center;
5829
5830  text-align:center;
5831
5832  box-shadow:
5833    0 30px 90px
5834    rgba(0,0,0,.18);
5835
5836  transition:
5837    border-color .4s ease,
5838    box-shadow .4s ease;
5839}
5840
5841
5842.dmp3-center::before {
5843
5844  content:"";
5845
5846  position:absolute;
5847
5848  inset:17px;
5849
5850  border:
5851    1px solid rgba(217,163,111,.08);
5852
5853  border-radius:50%;
5854
5855  pointer-events:none;
5856}
5857
5858
5859.dmp3-center::after {
5860
5861  content:"✦";
5862
5863  position:absolute;
5864
5865  top:36px;
5866
5867  color:
5868    rgba(217,163,111,.28);
5869
5870  font-size:20px;
5871}
5872
5873
5874/* CENTER CONTENT */
5875
5876.dmp3-center-label {
5877
5878  margin-bottom:13px;
5879
5880  color:var(--gold2);
5881
5882  font-size:8px;
5883
5884  font-weight:800;
5885
5886  letter-spacing:.20em;
5887
5888  text-transform:uppercase;
5889}
5890
5891
5892.dmp3-center-title {
5893
5894  margin:0;
5895
5896  max-width:350px;
5897
5898  color:#fff;
5899
5900  font-family:
5901    "Cormorant Garamond",
5902    Georgia,
5903    serif;
5904
5905  font-size:
5906    clamp(36px,3.4vw,48px);
5907
5908  font-weight:600;
5909
5910  line-height:1;
5911
5912  transition:
5913    opacity .25s ease,
5914    transform .25s ease;
5915}
5916
5917
5918.dmp3-center-text {
5919
5920  max-width:350px;
5921
5922  margin:
5923    19px auto 0;
5924
5925  color:
5926    rgba(255,255,255,.62);
5927
5928  font-size:12px;
5929
5930  line-height:1.72;
5931
5932  transition:
5933    opacity .25s ease,
5934    transform .25s ease;
5935}
5936
5937
5938.dmp3-center-quote {
5939
5940  max-width:340px;
5941
5942  margin-top:24px;
5943
5944  padding-top:19px;
5945
5946  border-top:
5947    1px solid rgba(255,255,255,.10);
5948
5949  color:var(--gold2);
5950
5951  font-family:
5952    "Cormorant Garamond",
5953    Georgia,
5954    serif;
5955
5956  font-size:17px;
5957
5958  font-weight:600;
5959
5960  line-height:1.25;
5961
5962  transition:
5963    opacity .25s ease,
5964    transform .25s ease;
5965}
5966
5967
5968/* TRANSITION STATE */
5969
5970.dmp3-center.dmp3-changing
5971.dmp3-center-title,
5972.dmp3-center.dmp3-changing
5973.dmp3-center-text,
5974.dmp3-center.dmp3-changing
5975.dmp3-center-quote {
5976
5977  opacity:0;
5978
5979  transform:
5980    translateY(8px);
5981}
5982
5983
5984/* =================================
5985   PROGRESS DOTS
5986================================= */
5987
5988.dmp3-dots {
5989
5990  margin-top:55px;
5991
5992  display:flex;
5993
5994  justify-content:center;
5995
5996  gap:8px;
5997}
5998
5999
6000.dmp3-dot {
6001
6002  width:7px;
6003  height:7px;
6004
6005  padding:0;
6006
6007  border:0;
6008
6009  border-radius:999px;
6010
6011  background:
6012    rgba(255,255,255,.20);
6013
6014  cursor:pointer;
6015
6016  transition:
6017    width .35s ease,
6018    background .35s ease;
6019}
6020
6021
6022.dmp3-dot.dmp3-active {
6023
6024  width:27px;
6025
6026  background:var(--gold2);
6027}
6028
6029
6030/* =================================
6031   BOTTOM
6032================================= */
6033
6034.dmp3-bottom {
6035
6036  max-width:850px;
6037
6038  margin:
6039    65px auto 0;
6040
6041  padding:
6042    30px 35px;
6043
6044  border-top:
6045    1px solid rgba(255,255,255,.10);
6046
6047  border-bottom:
6048    1px solid rgba(255,255,255,.10);
6049
6050  text-align:center;
6051}
6052
6053
6054.dmp3-bottom-small {
6055
6056  margin-bottom:7px;
6057
6058  color:var(--gold2);
6059
6060  font-size:8px;
6061
6062  font-weight:800;
6063
6064  letter-spacing:.19em;
6065
6066  text-transform:uppercase;
6067}
6068
6069
6070.dmp3-bottom-text {
6071
6072  margin:0;
6073
6074  color:#fff;
6075
6076  font-family:
6077    "Cormorant Garamond",
6078    Georgia,
6079    serif;
6080
6081  font-size:
6082    clamp(27px,3vw,40px);
6083
6084  font-weight:600;
6085
6086  line-height:1.07;
6087}
6088
6089
6090.dmp3-bottom-text span {
6091
6092  color:var(--gold2);
6093}
6094
6095
6096/* =================================
6097   REVEAL
6098================================= */
6099
6100.dmp3-reveal {
6101
6102  opacity:0;
6103
6104  transform:
6105    translateY(28px);
6106
6107  transition:
6108    opacity .8s ease,
6109    transform .8s
6110    cubic-bezier(.2,.7,.3,1);
6111}
6112
6113
6114.dmp3-reveal.dmp3-visible {
6115
6116  opacity:1;
6117
6118  transform:
6119    translateY(0);
6120}
6121
6122
6123.dmp3-delay1 {
6124  transition-delay:.08s;
6125}
6126
6127.dmp3-delay2 {
6128  transition-delay:.16s;
6129}
6130
6131.dmp3-delay3 {
6132  transition-delay:.24s;
6133}
6134
6135.dmp3-delay4 {
6136  transition-delay:.32s;
6137}
6138
6139
6140/* =================================
6141   TABLET
6142================================= */
6143
6144@media(max-width:900px) {
6145
6146  .dmp3 {
6147
6148    padding:85px 0;
6149  }
6150
6151
6152  .dmp3-container {
6153
6154    width:
6155      calc(100% - 34px);
6156  }
6157
6158
6159  .dmp3-grid {
6160
6161    grid-template-columns:
6162      repeat(2,1fr);
6163  }
6164
6165
6166  .dmp3-center {
6167
6168    grid-column:
6169      1 / -1;
6170
6171    grid-row:1;
6172
6173    width:min(100%,500px);
6174
6175    min-height:500px;
6176
6177    margin:
6178      0 auto 15px;
6179  }
6180
6181
6182  .dmp3-side {
6183
6184    display:contents;
6185  }
6186
6187}
6188
6189
6190/* =================================
6191   MOBILE
6192================================= */
6193
6194@media(max-width:620px) {
6195
6196  .dmp3 {
6197
6198    padding:65px 0;
6199  }
6200
6201
6202  .dmp3-container {
6203
6204    width:
6205      calc(100% - 24px);
6206  }
6207
6208
6209  .dmp3-head {
6210
6211    margin-bottom:45px;
6212
6213    text-align:left;
6214  }
6215
6216
6217  .dmp3-eyebrow {
6218
6219    font-size:8px;
6220  }
6221
6222
6223  .dmp3-eyebrow::after {
6224
6225    display:none;
6226  }
6227
6228
6229  .dmp3-title {
6230
6231    font-size:41px;
6232  }
6233
6234
6235  .dmp3-intro {
6236
6237    margin-left:0;
6238
6239    font-size:12.5px;
6240  }
6241
6242
6243  .dmp3-grid {
6244
6245    display:flex;
6246
6247    flex-direction:column;
6248  }
6249
6250
6251  .dmp3-center {
6252
6253    order:1;
6254
6255    width:100%;
6256
6257    min-height:390px;
6258
6259    padding:45px 28px;
6260
6261    border-radius:28px;
6262  }
6263
6264
6265  .dmp3-center::before {
6266
6267    border-radius:20px;
6268  }
6269
6270
6271  .dmp3-center-title {
6272
6273    font-size:36px;
6274  }
6275
6276
6277  .dmp3-side {
6278
6279    display:grid;
6280
6281    width:100%;
6282
6283    gap:11px;
6284  }
6285
6286
6287  .dmp3-side:first-child {
6288
6289    order:2;
6290  }
6291
6292
6293  .dmp3-side:last-child {
6294
6295    order:3;
6296  }
6297
6298
6299  .dmp3-principle {
6300
6301    padding:20px;
6302  }
6303
6304
6305  .dmp3-dots {
6306
6307    margin-top:35px;
6308  }
6309
6310
6311  .dmp3-bottom {
6312
6313    margin-top:45px;
6314
6315    padding:
6316      26px 15px;
6317  }
6318
6319
6320  .dmp3-bottom-text {
6321
6322    font-size:30px;
6323  }
6324
6325}
6326
6327
6328/* =================================
6329   GHL BUILDER CONTAINER
6330================================= */
6331
6332@container(max-width:620px) {
6333
6334  .dmp3-container {
6335
6336    width:
6337      calc(100% - 24px);
6338  }
6339
6340
6341  .dmp3-grid {
6342
6343    display:flex;
6344
6345    flex-direction:column;
6346  }
6347
6348
6349  .dmp3-center {
6350
6351    order:1;
6352
6353    width:100%;
6354
6355    border-radius:28px;
6356  }
6357
6358
6359  .dmp3-center::before {
6360
6361    border-radius:20px;
6362  }
6363
6364
6365  .dmp3-side {
6366
6367    width:100%;
6368  }
6369
6370
6371  .dmp3-side:first-child {
6372
6373    order:2;
6374  }
6375
6376
6377  .dmp3-side:last-child {
6378
6379    order:3;
6380  }
6381
6382}
6383
6384
6385/* =================================
6386   ACCESSIBILITY
6387================================= */
6388
6389@media(prefers-reduced-motion:reduce) {
6390
6391  .dmp3-reveal {
6392
6393    opacity:1;
6394
6395    transform:none;
6396
6397    transition:none;
6398  }
6399
6400
6401  .dmp3::before,
6402  .dmp3::after {
6403
6404    animation:none;
6405  }
6406
6407
6408  .dmp3-principle,
6409  .dmp3-center-title,
6410  .dmp3-center-text,
6411  .dmp3-center-quote {
6412
6413    transition:none !important;
6414  }
6415
6416}
6417
6418</style>
6419
6420
6421<section
6422  class="dmp3"
6423  id="dmp3Section"
6424>
6425
6426  <div class="dmp3-container">
6427
6428
6429    <!-- ==============================
6430         HEAD
6431    =============================== -->
6432
6433    <header
6434      class="
6435        dmp3-head
6436        dmp3-reveal
6437      "
6438    >
6439
6440      <div class="dmp3-eyebrow">
6441        Sa philosophie
6442      </div>
6443
6444
6445      <h2 class="dmp3-title">
6446
6447        Accompagner une personne,
6448        ce n’est pas lui imposer
6449
6450        <span>
6451          une réponse toute faite.
6452        </span>
6453
6454      </h2>
6455
6456
6457      <p class="dmp3-intro">
6458
6459        La philosophie de Dr Maher repose
6460        sur quatre principes qui structurent
6461        la relation d’accompagnement :
6462        écouter ce que la personne vit,
6463        chercher à mieux comprendre,
6464        orienter avec discernement
6465        puis accompagner avec méthode.
6466
6467      </p>
6468
6469    </header>
6470
6471
6472    <!-- ==============================
6473         INTERACTIVE GRID
6474    =============================== -->
6475
6476    <div class="dmp3-grid">
6477
6478
6479      <!-- LEFT -->
6480
6481      <div class="dmp3-side">
6482
6483
6484        <button
6485          type="button"
6486          class="
6487            dmp3-principle
6488            dmp3-active
6489            dmp3-reveal
6490            dmp3-delay1
6491          "
6492          data-index="0"
6493        >
6494
6495          <div class="dmp3-number">
6496            01
6497          </div>
6498
6499          <h3 class="dmp3-principle-title">
6500            Écouter
6501          </h3>
6502
6503          <div class="dmp3-principle-sub">
6504            Comprendre le parcours avant tout.
6505          </div>
6506
6507        </button>
6508
6509
6510        <button
6511          type="button"
6512          class="
6513            dmp3-principle
6514            dmp3-reveal
6515            dmp3-delay2
6516          "
6517          data-index="1"
6518        >
6519
6520          <div class="dmp3-number">
6521            02
6522          </div>
6523
6524          <h3 class="dmp3-principle-title">
6525            Comprendre
6526          </h3>
6527
6528          <div class="dmp3-principle-sub">
6529            Mettre de l’ordre dans les informations.
6530          </div>
6531
6532        </button>
6533
6534
6535      </div>
6536
6537
6538      <!-- CENTER -->
6539
6540      <div
6541        class="
6542          dmp3-center
6543          dmp3-reveal
6544          dmp3-delay2
6545        "
6546        id="dmp3Center"
6547      >
6548
6549        <div
6550          class="dmp3-center-label"
6551          id="dmp3Label"
6552        >
6553          Principe 01
6554        </div>
6555
6556
6557        <h3
6558          class="dmp3-center-title"
6559          id="dmp3Title"
6560        >
6561          Écouter avant de conclure.
6562        </h3>
6563
6564
6565        <p
6566          class="dmp3-center-text"
6567          id="dmp3Text"
6568        >
6569
6570          Chaque personne arrive avec
6571          une histoire différente.
6572          L’écoute permet de comprendre
6573          le contexte, les expériences
6574          précédentes et les questions
6575          qui restent encore ouvertes.
6576
6577        </p>
6578
6579
6580        <div
6581          class="dmp3-center-quote"
6582          id="dmp3Quote"
6583        >
6584
6585          « Le point de départ n’est pas
6586          la réponse. C’est la personne. »
6587
6588        </div>
6589
6590      </div>
6591
6592
6593      <!-- RIGHT -->
6594
6595      <div class="dmp3-side">
6596
6597
6598        <button
6599          type="button"
6600          class="
6601            dmp3-principle
6602            dmp3-reveal
6603            dmp3-delay3
6604          "
6605          data-index="2"
6606        >
6607
6608          <div class="dmp3-number">
6609            03
6610          </div>
6611
6612          <h3 class="dmp3-principle-title">
6613            Orienter
6614          </h3>
6615
6616          <div class="dmp3-principle-sub">
6617            Identifier la prochaine étape pertinente.
6618          </div>
6619
6620        </button>
6621
6622
6623        <button
6624          type="button"
6625          class="
6626            dmp3-principle
6627            dmp3-reveal
6628            dmp3-delay4
6629          "
6630          data-index="3"
6631        >
6632
6633          <div class="dmp3-number">
6634            04
6635          </div>
6636
6637          <h3 class="dmp3-principle-title">
6638            Accompagner
6639          </h3>
6640
6641          <div class="dmp3-principle-sub">
6642            Transformer les repères en pratique.
6643          </div>
6644
6645        </button>
6646
6647
6648      </div>
6649
6650
6651    </div>
6652
6653
6654    <!-- DOTS -->
6655
6656    <div
6657      class="
6658        dmp3-dots
6659        dmp3-reveal
6660      "
6661    >
6662
6663      <button
6664        type="button"
6665        class="
6666          dmp3-dot
6667          dmp3-active
6668        "
6669        data-index="0"
6670        aria-label="Écouter"
6671      ></button>
6672
6673      <button
6674        type="button"
6675        class="dmp3-dot"
6676        data-index="1"
6677        aria-label="Comprendre"
6678      ></button>
6679
6680      <button
6681        type="button"
6682        class="dmp3-dot"
6683        data-index="2"
6684        aria-label="Orienter"
6685      ></button>
6686
6687      <button
6688        type="button"
6689        class="dmp3-dot"
6690        data-index="3"
6691        aria-label="Accompagner"
6692      ></button>
6693
6694    </div>
6695
6696
6697    <!-- FINAL -->
6698
6699    <div
6700      class="
6701        dmp3-bottom
6702        dmp3-reveal
6703      "
6704    >
6705
6706      <div class="dmp3-bottom-small">
6707        La philosophie en une phrase
6708      </div>
6709
6710
6711      <p class="dmp3-bottom-text">
6712
6713        Comprendre avant d’orienter.
6714
6715        <span>
6716          Personnaliser avant d’accompagner.
6717        </span>
6718
6719      </p>
6720
6721    </div>
6722
6723
6724  </div>
6725
6726</section>
6727
6728
6729<script>
6730
6731(function(){
6732
6733  function initDMP3(){
6734
6735    const section =
6736      document.getElementById(
6737        "dmp3Section"
6738      );
6739
6740    if(!section) return;
6741
6742
6743    if(
6744      section.dataset.ready === "1"
6745    ){
6746      return;
6747    }
6748
6749
6750    section.dataset.ready = "1";
6751
6752
6753    /* =================================
6754       DATA
6755    ================================= */
6756
6757    const data = [
6758
6759      {
6760        label:"Principe 01",
6761
6762        title:
6763          "Écouter avant de conclure.",
6764
6765        text:
6766          "Chaque personne arrive avec une histoire différente. L’écoute permet de comprendre le contexte, les expériences précédentes et les questions qui restent encore ouvertes.",
6767
6768        quote:
6769          "« Le point de départ n’est pas la réponse. C’est la personne. »"
6770      },
6771
6772      {
6773        label:"Principe 02",
6774
6775        title:
6776          "Comprendre avant d’interpréter.",
6777
6778        text:
6779          "Comprendre consiste à remettre les éléments dans leur contexte, distinguer les faits des interprétations et construire progressivement des repères plus cohérents.",
6780
6781        quote:
6782          "« Plus de clarté permet souvent de prendre de meilleures décisions. »"
6783      },
6784
6785      {
6786        label:"Principe 03",
6787
6788        title:
6789          "Orienter avec discernement.",
6790
6791        text:
6792          "Une orientation utile ne consiste pas à proposer automatiquement la même démarche à tout le monde, mais à identifier la prochaine étape qui paraît la plus pertinente selon la situation.",
6793
6794        quote:
6795          "« Une bonne orientation évite parfois beaucoup de démarches inutiles. »"
6796      },
6797
6798      {
6799        label:"Principe 04",
6800
6801        title:
6802          "Accompagner vers plus d’autonomie.",
6803
6804        text:
6805          "L’accompagnement vise à aider la personne à mettre en pratique les repères transmis, à mieux comprendre sa propre démarche et à développer progressivement davantage d’autonomie.",
6806
6807        quote:
6808          "« Accompagner ne signifie pas créer une dépendance, mais transmettre des repères. »"
6809      }
6810
6811    ];
6812
6813
6814    const principles =
6815      section.querySelectorAll(
6816        ".dmp3-principle"
6817      );
6818
6819
6820    const dots =
6821      section.querySelectorAll(
6822        ".dmp3-dot"
6823      );
6824
6825
6826    const center =
6827      document.getElementById(
6828        "dmp3Center"
6829      );
6830
6831
6832    const label =
6833      document.getElementById(
6834        "dmp3Label"
6835      );
6836
6837
6838    const title =
6839      document.getElementById(
6840        "dmp3Title"
6841      );
6842
6843
6844    const text =
6845      document.getElementById(
6846        "dmp3Text"
6847      );
6848
6849
6850    const quote =
6851      document.getElementById(
6852        "dmp3Quote"
6853      );
6854
6855
6856    let current = 0;
6857
6858    let timer = null;
6859
6860
6861    /* =================================
6862       CHANGE PRINCIPLE
6863    ================================= */
6864
6865    function setPrinciple(index){
6866
6867      index =
6868        Number(index);
6869
6870
6871      if(
6872        index < 0 ||
6873        index >= data.length
6874      ){
6875        return;
6876      }
6877
6878
6879      current = index;
6880
6881
6882      principles.forEach(
6883        function(el){
6884
6885          el.classList.toggle(
6886            "dmp3-active",
6887            Number(
6888              el.dataset.index
6889            ) === index
6890          );
6891
6892        }
6893      );
6894
6895
6896      dots.forEach(
6897        function(el){
6898
6899          el.classList.toggle(
6900            "dmp3-active",
6901            Number(
6902              el.dataset.index
6903            ) === index
6904          );
6905
6906        }
6907      );
6908
6909
6910      center.classList.add(
6911        "dmp3-changing"
6912      );
6913
6914
6915      setTimeout(
6916        function(){
6917
6918          label.textContent =
6919            data[index].label;
6920
6921
6922          title.textContent =
6923            data[index].title;
6924
6925
6926          text.textContent =
6927            data[index].text;
6928
6929
6930          quote.textContent =
6931            data[index].quote;
6932
6933
6934          center.classList.remove(
6935            "dmp3-changing"
6936          );
6937
6938        },
6939
6940        210
6941      );
6942
6943    }
6944
6945
6946    /* =================================
6947       AUTO ROTATION
6948    ================================= */
6949
6950    function startAuto(){
6951
6952      if(
6953        window.matchMedia(
6954          "(prefers-reduced-motion: reduce)"
6955        ).matches
6956      ){
6957        return;
6958      }
6959
6960
6961      clearInterval(timer);
6962
6963
6964      timer =
6965        setInterval(
6966          function(){
6967
6968            const next =
6969              (current + 1)
6970              % data.length;
6971
6972
6973            setPrinciple(next);
6974
6975          },
6976
6977          4800
6978        );
6979
6980    }
6981
6982
6983    function resetAuto(){
6984
6985      clearInterval(timer);
6986
6987      startAuto();
6988
6989    }
6990
6991
6992    /* =================================
6993       CLICK + HOVER
6994    ================================= */
6995
6996    principles.forEach(
6997      function(el){
6998
6999        el.addEventListener(
7000          "click",
7001          function(){
7002
7003            setPrinciple(
7004              el.dataset.index
7005            );
7006
7007            resetAuto();
7008
7009          }
7010        );
7011
7012
7013        el.addEventListener(
7014          "mouseenter",
7015          function(){
7016
7017            setPrinciple(
7018              el.dataset.index
7019            );
7020
7021          }
7022        );
7023
7024      }
7025    );
7026
7027
7028    dots.forEach(
7029      function(el){
7030
7031        el.addEventListener(
7032          "click",
7033          function(){
7034
7035            setPrinciple(
7036              el.dataset.index
7037            );
7038
7039            resetAuto();
7040
7041          }
7042        );
7043
7044      }
7045    );
7046
7047
7048    /* =================================
7049       PAUSE WHEN NOT VISIBLE
7050    ================================= */
7051
7052    if(
7053      "IntersectionObserver"
7054      in window
7055    ){
7056
7057      const autoObserver =
7058        new IntersectionObserver(
7059
7060          function(entries){
7061
7062            entries.forEach(
7063              function(entry){
7064
7065                if(
7066                  entry.isIntersecting
7067                ){
7068
7069                  startAuto();
7070
7071                }
7072
7073                else{
7074
7075                  clearInterval(timer);
7076
7077                }
7078
7079              }
7080            );
7081
7082          },
7083
7084          {
7085            threshold:.25
7086          }
7087
7088        );
7089
7090
7091      autoObserver.observe(section);
7092
7093    }
7094
7095    else{
7096
7097      startAuto();
7098
7099    }
7100
7101
7102    /* =================================
7103       REVEAL
7104    ================================= */
7105
7106    const reveals =
7107      section.querySelectorAll(
7108        ".dmp3-reveal"
7109      );
7110
7111
7112    if(
7113      "IntersectionObserver"
7114      in window
7115    ){
7116
7117      const revealObserver =
7118        new IntersectionObserver(
7119
7120          function(entries){
7121
7122            entries.forEach(
7123              function(entry){
7124
7125                if(
7126                  entry.isIntersecting
7127                ){
7128
7129                  entry.target
7130                    .classList
7131                    .add(
7132                      "dmp3-visible"
7133                    );
7134
7135
7136                  revealObserver
7137                    .unobserve(
7138                      entry.target
7139                    );
7140
7141                }
7142
7143              }
7144            );
7145
7146          },
7147
7148          {
7149            threshold:.12,
7150
7151            rootMargin:
7152              "0px 0px -20px 0px"
7153          }
7154
7155        );
7156
7157
7158      reveals.forEach(
7159        function(el){
7160
7161          revealObserver.observe(el);
7162
7163        }
7164      );
7165
7166    }
7167
7168    else{
7169
7170      reveals.forEach(
7171        function(el){
7172
7173          el.classList.add(
7174            "dmp3-visible"
7175          );
7176
7177        }
7178      );
7179
7180    }
7181
7182  }
7183
7184
7185  if(
7186    document.readyState ===
7187    "loading"
7188  ){
7189
7190    document.addEventListener(
7191      "DOMContentLoaded",
7192      initDMP3
7193    );
7194
7195  }
7196
7197  else{
7198
7199    initDMP3();
7200
7201  }
7202
7203
7204  document.addEventListener(
7205    "hydrationDone",
7206    initDMP3
7207  );
7208
7209})();
7210
7211</script>
7211</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-9eP2fvPGvj" data-animation-class data-entrance-clip="1" style="" class="fullSection true c-section c-wrapper section-9eP2fvPGvj"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-ZUHmuErlA4" data-animation-class data-entrance-clip="1" style="" class="row-align-center true c-row c-wrapper row-ZUHmuErlA4"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-kDHQ6-CQdo" data-animation-class data-entrance-clip="1" style="" class="true c-column c-wrapper col-kDHQ6-CQdo"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-f-GVXNiJmk" data-animation-class style="" class="c-custom-code c-wrapper custom-code-f-GVXNiJmk"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-f-GVXNiJmk__custom-code" class="custom-code-container ccustom-code-f-GVXNiJmk"><!-- =====================================================
7212     DR MAHER — DM-P04
7213     SA MÉTHODE EN PRATIQUE
7214     Funnel Crafts
7215===================================================== -->
7216
7217<style>
7218
7219.dmp4,
7220.dmp4 * {
7221  box-sizing:border-box;
7222}
7223
7224.dmp4 {
7225  --brown:#482615;
7226  --dark:#28150D;
7227  --gold:#B97B45;
7228  --gold2:#D9A36F;
7229
7230  --cream:#FAF7F2;
7231  --cream2:#F3EBE3;
7232
7233  --text:#2B1B14;
7234  --muted:#76675E;
7235
7236  --border:rgba(72,38,21,.11);
7237
7238  position:relative;
7239
7240  width:100%;
7241
7242  overflow:hidden;
7243
7244  padding:110px 0;
7245
7246  background:
7247    linear-gradient(
7248      180deg,
7249      #FFFFFF 0%,
7250      #FAF7F2 100%
7251    );
7252
7253  font-family:"Manrope",Arial,sans-serif;
7254
7255  container-type:inline-size;
7256}
7257
7258
7259/* =================================
7260   BACKGROUND
7261================================= */
7262
7263.dmp4::before {
7264
7265  content:"";
7266
7267  position:absolute;
7268
7269  width:520px;
7270  height:520px;
7271
7272  right:-250px;
7273  top:160px;
7274
7275  border-radius:50%;
7276
7277  background:
7278    radial-gradient(
7279      circle,
7280      rgba(185,123,69,.08),
7281      transparent 70%
7282    );
7283
7284  pointer-events:none;
7285}
7286
7287
7288/* =================================
7289   CONTAINER
7290================================= */
7291
7292.dmp4-container {
7293
7294  position:relative;
7295
7296  z-index:2;
7297
7298  width:
7299    min(
7300      calc(100% - 48px),
7301      1120px
7302    );
7303
7304  margin:0 auto;
7305}
7306
7307
7308/* =================================
7309   HEADER
7310================================= */
7311
7312.dmp4-head {
7313
7314  max-width:800px;
7315
7316  margin:
7317    0 auto 80px;
7318
7319  text-align:center;
7320}
7321
7322
7323.dmp4-eyebrow {
7324
7325  display:inline-flex;
7326
7327  align-items:center;
7328
7329  gap:11px;
7330
7331  margin-bottom:16px;
7332
7333  color:var(--gold);
7334
7335  font-size:9px;
7336
7337  font-weight:700;
7338
7339  letter-spacing:.22em;
7340
7341  text-transform:uppercase;
7342}
7343
7344
7345.dmp4-eyebrow::before,
7346.dmp4-eyebrow::after {
7347
7348  content:"";
7349
7350  width:29px;
7351
7352  height:1px;
7353
7354  background:var(--gold);
7355}
7356
7357
7358.dmp4-title {
7359
7360  margin:0;
7361
7362  color:var(--dark);
7363
7364  font-family:
7365    "Cormorant Garamond",
7366    Georgia,
7367    serif;
7368
7369  font-size:
7370    clamp(46px,4.6vw,66px);
7371
7372  font-weight:600;
7373
7374  line-height:.98;
7375
7376  letter-spacing:-.025em;
7377}
7378
7379
7380.dmp4-title span {
7381
7382  color:var(--gold);
7383}
7384
7385
7386.dmp4-intro {
7387
7388  max-width:650px;
7389
7390  margin:
7391    21px auto 0;
7392
7393  color:var(--muted);
7394
7395  font-size:13.5px;
7396
7397  line-height:1.78;
7398}
7399
7400
7401/* =================================
7402   JOURNEY
7403================================= */
7404
7405.dmp4-journey {
7406
7407  position:relative;
7408
7409  max-width:1000px;
7410
7411  margin:0 auto;
7412}
7413
7414
7415/* CENTER LINE */
7416
7417.dmp4-line {
7418
7419  position:absolute;
7420
7421  left:50%;
7422
7423  top:40px;
7424  bottom:40px;
7425
7426  width:1px;
7427
7428  transform:
7429    translateX(-50%);
7430
7431  background:
7432    rgba(72,38,21,.13);
7433}
7434
7435
7436/* PROGRESS LINE */
7437
7438.dmp4-progress {
7439
7440  position:absolute;
7441
7442  left:50%;
7443
7444  top:40px;
7445
7446  width:3px;
7447
7448  height:0;
7449
7450  transform:
7451    translateX(-50%);
7452
7453  border-radius:999px;
7454
7455  background:
7456    linear-gradient(
7457      to bottom,
7458      var(--gold),
7459      var(--gold2)
7460    );
7461
7462  box-shadow:
7463    0 0 18px
7464    rgba(185,123,69,.25);
7465
7466  transition:
7467    height .25s linear;
7468}
7469
7470
7471/* =================================
7472   STEP ROW
7473================================= */
7474
7475.dmp4-step {
7476
7477  position:relative;
7478
7479  min-height:260px;
7480
7481  display:grid;
7482
7483  grid-template-columns:
7484    1fr 90px 1fr;
7485
7486  align-items:center;
7487}
7488
7489
7490/* alternate */
7491
7492.dmp4-step:nth-child(odd)
7493.dmp4-card {
7494
7495  grid-column:1;
7496
7497}
7498
7499
7500.dmp4-step:nth-child(even)
7501.dmp4-card {
7502
7503  grid-column:3;
7504
7505}
7506
7507
7508.dmp4-step:nth-child(odd)
7509.dmp4-card {
7510
7511  text-align:right;
7512}
7513
7514
7515.dmp4-step:nth-child(even)
7516.dmp4-card {
7517
7518  text-align:left;
7519}
7520
7521
7522/* =================================
7523   NODE
7524================================= */
7525
7526.dmp4-node {
7527
7528  position:absolute;
7529
7530  left:50%;
7531
7532  top:50%;
7533
7534  z-index:4;
7535
7536  width:70px;
7537  height:70px;
7538
7539  transform:
7540    translate(-50%,-50%);
7541
7542  border:
7543    1px solid var(--border);
7544
7545  border-radius:50%;
7546
7547  background:#fff;
7548
7549  display:flex;
7550
7551  align-items:center;
7552  justify-content:center;
7553
7554  color:var(--gold);
7555
7556  font-family:
7557    "Cormorant Garamond",
7558    Georgia,
7559    serif;
7560
7561  font-size:19px;
7562
7563  font-weight:700;
7564
7565  box-shadow:
7566    0 9px 28px
7567    rgba(40,21,13,.06);
7568
7569  transition:
7570    background .4s ease,
7571    color .4s ease,
7572    border-color .4s ease,
7573    transform .4s ease,
7574    box-shadow .4s ease;
7575}
7576
7577
7578.dmp4-step.dmp4-active
7579.dmp4-node {
7580
7581  background:var(--brown);
7582
7583  color:#fff;
7584
7585  border-color:var(--brown);
7586
7587  transform:
7588    translate(-50%,-50%)
7589    scale(1.09);
7590
7591  box-shadow:
7592    0 14px 36px
7593    rgba(72,38,21,.20);
7594}
7595
7596
7597/* halo */
7598
7599.dmp4-node::before {
7600
7601  content:"";
7602
7603  position:absolute;
7604
7605  inset:-8px;
7606
7607  border-radius:50%;
7608
7609  border:
7610    1px solid transparent;
7611
7612  transition:
7613    border-color .4s ease,
7614    transform .4s ease;
7615}
7616
7617
7618.dmp4-step.dmp4-active
7619.dmp4-node::before {
7620
7621  border-color:
7622    rgba(185,123,69,.25);
7623
7624  transform:scale(1.05);
7625}
7626
7627
7628/* =================================
7629   CARD
7630================================= */
7631
7632.dmp4-card {
7633
7634  position:relative;
7635
7636  padding:30px;
7637
7638  overflow:hidden;
7639
7640  border:
7641    1px solid var(--border);
7642
7643  border-radius:22px;
7644
7645  background:
7646    rgba(255,255,255,.85);
7647
7648  box-shadow:
7649    0 10px 35px
7650    rgba(40,21,13,.04);
7651
7652  transition:
7653    transform .4s ease,
7654    border-color .4s ease,
7655    box-shadow .4s ease,
7656    background .4s ease;
7657}
7658
7659
7660.dmp4-step:nth-child(odd)
7661.dmp4-card::after {
7662
7663  content:"";
7664
7665  position:absolute;
7666
7667  right:-9px;
7668  top:50%;
7669
7670  width:18px;
7671  height:18px;
7672
7673  transform:
7674    translateY(-50%)
7675    rotate(45deg);
7676
7677  background:#fff;
7678
7679  border-top:
7680    1px solid var(--border);
7681
7682  border-right:
7683    1px solid var(--border);
7684}
7685
7686
7687.dmp4-step:nth-child(even)
7688.dmp4-card::after {
7689
7690  content:"";
7691
7692  position:absolute;
7693
7694  left:-9px;
7695  top:50%;
7696
7697  width:18px;
7698  height:18px;
7699
7700  transform:
7701    translateY(-50%)
7702    rotate(45deg);
7703
7704  background:#fff;
7705
7706  border-left:
7707    1px solid var(--border);
7708
7709  border-bottom:
7710    1px solid var(--border);
7711}
7712
7713
7714.dmp4-step.dmp4-active
7715.dmp4-card,
7716.dmp4-card:hover {
7717
7718  transform:
7719    translateY(-6px);
7720
7721  background:#fff;
7722
7723  border-color:
7724    rgba(185,123,69,.28);
7725
7726  box-shadow:
7727    0 22px 55px
7728    rgba(40,21,13,.08);
7729}
7730
7731
7732/* GOLD LINE */
7733
7734.dmp4-card::before {
7735
7736  content:"";
7737
7738  position:absolute;
7739
7740  top:0;
7741
7742  width:0;
7743  height:3px;
7744
7745  background:
7746    linear-gradient(
7747      90deg,
7748      var(--gold),
7749      var(--gold2)
7750    );
7751
7752  transition:
7753    width .55s ease;
7754}
7755
7756
7757.dmp4-step:nth-child(odd)
7758.dmp4-card::before {
7759
7760  right:0;
7761}
7762
7763
7764.dmp4-step:nth-child(even)
7765.dmp4-card::before {
7766
7767  left:0;
7768}
7769
7770
7771.dmp4-step.dmp4-active
7772.dmp4-card::before {
7773
7774  width:100%;
7775}
7776
7777
7778/* =================================
7779   CONTENT
7780================================= */
7781
7782.dmp4-label {
7783
7784  margin-bottom:9px;
7785
7786  color:var(--gold);
7787
7788  font-size:7.5px;
7789
7790  font-weight:800;
7791
7792  letter-spacing:.18em;
7793
7794  text-transform:uppercase;
7795}
7796
7797
7798.dmp4-card-title {
7799
7800  margin:0;
7801
7802  color:var(--dark);
7803
7804  font-family:
7805    "Cormorant Garamond",
7806    Georgia,
7807    serif;
7808
7809  font-size:30px;
7810
7811  font-weight:600;
7812
7813  line-height:1.02;
7814}
7815
7816
7817.dmp4-card-text {
7818
7819  margin:13px 0 0;
7820
7821  color:var(--muted);
7822
7823  font-size:12px;
7824
7825  line-height:1.72;
7826}
7827
7828
7829/* RESULT */
7830
7831.dmp4-result {
7832
7833  margin-top:17px;
7834
7835  padding-top:15px;
7836
7837  border-top:
7838    1px solid var(--border);
7839
7840  color:var(--text);
7841
7842  font-size:10px;
7843
7844  line-height:1.55;
7845}
7846
7847
7848.dmp4-result strong {
7849
7850  color:var(--gold);
7851
7852  font-weight:800;
7853}
7854
7855
7856/* =================================
7857   FINAL BLOCK
7858================================= */
7859
7860.dmp4-final {
7861
7862  max-width:850px;
7863
7864  margin:
7865    75px auto 0;
7866
7867  padding:
7868    42px 45px;
7869
7870  overflow:hidden;
7871
7872  border-radius:25px;
7873
7874  background:var(--brown);
7875
7876  text-align:center;
7877
7878  position:relative;
7879}
7880
7881
7882.dmp4-final::before {
7883
7884  content:"";
7885
7886  position:absolute;
7887
7888  width:260px;
7889  height:260px;
7890
7891  top:-160px;
7892  right:-100px;
7893
7894  border-radius:50%;
7895
7896  background:
7897    radial-gradient(
7898      circle,
7899      rgba(217,163,111,.18),
7900      transparent 70%
7901    );
7902}
7903
7904
7905.dmp4-final-small {
7906
7907  position:relative;
7908
7909  z-index:2;
7910
7911  margin-bottom:8px;
7912
7913  color:var(--gold2);
7914
7915  font-size:8px;
7916
7917  font-weight:800;
7918
7919  letter-spacing:.18em;
7920
7921  text-transform:uppercase;
7922}
7923
7924
7925.dmp4-final-title {
7926
7927  position:relative;
7928
7929  z-index:2;
7930
7931  max-width:720px;
7932
7933  margin:0 auto;
7934
7935  color:#fff;
7936
7937  font-family:
7938    "Cormorant Garamond",
7939    Georgia,
7940    serif;
7941
7942  font-size:
7943    clamp(31px,3.2vw,44px);
7944
7945  font-weight:600;
7946
7947  line-height:1.06;
7948}
7949
7950
7951.dmp4-final-title span {
7952
7953  color:var(--gold2);
7954}
7955
7956
7957/* =================================
7958   REVEAL
7959================================= */
7960
7961.dmp4-reveal {
7962
7963  opacity:0;
7964
7965  transform:
7966    translateY(28px);
7967
7968  transition:
7969    opacity .75s ease,
7970    transform .75s
7971    cubic-bezier(.2,.7,.3,1);
7972}
7973
7974
7975.dmp4-reveal.dmp4-visible {
7976
7977  opacity:1;
7978
7979  transform:
7980    translateY(0);
7981}
7982
7983
7984.dmp4-delay1 {
7985  transition-delay:.08s;
7986}
7987
7988.dmp4-delay2 {
7989  transition-delay:.16s;
7990}
7991
7992.dmp4-delay3 {
7993  transition-delay:.24s;
7994}
7995
7996.dmp4-delay4 {
7997  transition-delay:.32s;
7998}
7999
8000.dmp4-delay5 {
8001  transition-delay:.40s;
8002}
8003
8004
8005/* =================================
8006   TABLET
8007================================= */
8008
8009@media(max-width:850px) {
8010
8011  .dmp4 {
8012
8013    padding:85px 0;
8014  }
8015
8016
8017  .dmp4-container {
8018
8019    width:
8020      calc(100% - 34px);
8021  }
8022
8023
8024  .dmp4-head {
8025
8026    margin-bottom:55px;
8027  }
8028
8029
8030  .dmp4-line,
8031  .dmp4-progress {
8032
8033    left:34px;
8034  }
8035
8036
8037  .dmp4-step {
8038
8039    min-height:auto;
8040
8041    grid-template-columns:
8042      70px 1fr;
8043
8044    padding-bottom:25px;
8045  }
8046
8047
8048  .dmp4-step:nth-child(odd)
8049  .dmp4-card,
8050  .dmp4-step:nth-child(even)
8051  .dmp4-card {
8052
8053    grid-column:2;
8054
8055    text-align:left;
8056  }
8057
8058
8059  .dmp4-node {
8060
8061    left:34px;
8062
8063    top:38px;
8064
8065    width:58px;
8066    height:58px;
8067  }
8068
8069
8070  .dmp4-step:nth-child(odd)
8071  .dmp4-card::after {
8072
8073    left:-8px;
8074    right:auto;
8075
8076    top:38px;
8077
8078    border:none;
8079
8080    border-left:
8081      1px solid var(--border);
8082
8083    border-bottom:
8084      1px solid var(--border);
8085  }
8086
8087
8088  .dmp4-step:nth-child(even)
8089  .dmp4-card::after {
8090
8091    top:38px;
8092  }
8093
8094}
8095
8096
8097/* =================================
8098   MOBILE
8099================================= */
8100
8101@media(max-width:620px) {
8102
8103  .dmp4 {
8104
8105    padding:65px 0;
8106  }
8107
8108
8109  .dmp4-container {
8110
8111    width:
8112      calc(100% - 24px);
8113  }
8114
8115
8116  .dmp4-head {
8117
8118    margin-bottom:45px;
8119
8120    text-align:left;
8121  }
8122
8123
8124  .dmp4-eyebrow {
8125
8126    font-size:8px;
8127  }
8128
8129
8130  .dmp4-eyebrow::after {
8131
8132    display:none;
8133  }
8134
8135
8136  .dmp4-title {
8137
8138    font-size:41px;
8139  }
8140
8141
8142  .dmp4-intro {
8143
8144    margin-left:0;
8145
8146    font-size:12.5px;
8147  }
8148
8149
8150  .dmp4-line,
8151  .dmp4-progress {
8152
8153    left:25px;
8154  }
8155
8156
8157  .dmp4-step {
8158
8159    grid-template-columns:
8160      51px 1fr;
8161
8162    gap:12px;
8163
8164    padding-bottom:18px;
8165  }
8166
8167
8168  .dmp4-node {
8169
8170    left:25px;
8171
8172    width:48px;
8173    height:48px;
8174
8175    font-size:14px;
8176  }
8177
8178
8179  .dmp4-card {
8180
8181    padding:22px 19px;
8182
8183    border-radius:18px;
8184  }
8185
8186
8187  .dmp4-card-title {
8188
8189    font-size:25px;
8190  }
8191
8192
8193  .dmp4-card-text {
8194
8195    font-size:11.5px;
8196  }
8197
8198
8199  .dmp4-final {
8200
8201    margin-top:45px;
8202
8203    padding:
8204      32px 21px;
8205  }
8206
8207
8208  .dmp4-final-title {
8209
8210    font-size:30px;
8211  }
8212
8213}
8214
8215
8216/* =================================
8217   GHL MOBILE BUILDER
8218================================= */
8219
8220@container(max-width:620px) {
8221
8222  .dmp4-container {
8223
8224    width:
8225      calc(100% - 24px);
8226  }
8227
8228
8229  .dmp4-head {
8230
8231    text-align:left;
8232  }
8233
8234
8235  .dmp4-line,
8236  .dmp4-progress {
8237
8238    left:25px;
8239  }
8240
8241
8242  .dmp4-step {
8243
8244    grid-template-columns:
8245      51px 1fr;
8246
8247    min-height:auto;
8248
8249    padding-bottom:18px;
8250  }
8251
8252
8253  .dmp4-step:nth-child(odd)
8254  .dmp4-card,
8255  .dmp4-step:nth-child(even)
8256  .dmp4-card {
8257
8258    grid-column:2;
8259
8260    text-align:left;
8261  }
8262
8263
8264  .dmp4-node {
8265
8266    left:25px;
8267
8268    width:48px;
8269    height:48px;
8270  }
8271
8272}
8273
8274
8275/* =================================
8276   REDUCED MOTION
8277================================= */
8278
8279@media(prefers-reduced-motion:reduce) {
8280
8281  .dmp4-reveal {
8282
8283    opacity:1;
8284
8285    transform:none;
8286
8287    transition:none;
8288  }
8289
8290
8291  .dmp4-progress,
8292  .dmp4-node,
8293  .dmp4-card {
8294
8295    transition:none !important;
8296  }
8297
8298}
8299
8300</style>
8301
8302
8303<section
8304  class="dmp4"
8305  id="dmp4Section"
8306>
8307
8308  <div class="dmp4-container">
8309
8310
8311    <!-- =============================
8312         HEADER
8313    ============================== -->
8314
8315    <header
8316      class="
8317        dmp4-head
8318        dmp4-reveal
8319      "
8320    >
8321
8322      <div class="dmp4-eyebrow">
8323        Sa méthode en pratique
8324      </div>
8325
8326
8327      <h2 class="dmp4-title">
8328
8329        Une démarche qui avance
8330
8331        <span>
8332          étape par étape.
8333        </span>
8334
8335      </h2>
8336
8337
8338      <p class="dmp4-intro">
8339
8340        L’accompagnement ne commence pas
8341        par une solution imposée.
8342
8343        Il suit une progression qui permet
8344        d’abord de comprendre la situation,
8345        puis de définir une direction
8346        et d’accompagner sa mise en pratique.
8347
8348      </p>
8349
8350    </header>
8351
8352
8353    <!-- =============================
8354         JOURNEY
8355    ============================== -->
8356
8357    <div
8358      class="dmp4-journey"
8359      id="dmp4Journey"
8360    >
8361
8362
8363      <div class="dmp4-line"></div>
8364
8365
8366      <div
8367        class="dmp4-progress"
8368        id="dmp4Progress"
8369      ></div>
8370
8371
8372      <!-- =================================
8373           01
8374      ================================== -->
8375
8376      <article
8377        class="
8378          dmp4-step
8379          dmp4-reveal
8380          dmp4-delay1
8381        "
8382      >
8383
8384        <div class="dmp4-node">
8385          01
8386        </div>
8387
8388
8389        <div class="dmp4-card">
8390
8391          <div class="dmp4-label">
8392            Premier échange
8393          </div>
8394
8395
8396          <h3 class="dmp4-card-title">
8397
8398            Comprendre ce qui
8399            vous amène aujourd’hui.
8400
8401          </h3>
8402
8403
8404          <p class="dmp4-card-text">
8405
8406            La première étape consiste
8407            à écouter votre situation,
8408            votre parcours,
8409            les difficultés rencontrées
8410            et les démarches que vous
8411            avez peut-être déjà entreprises.
8412
8413          </p>
8414
8415
8416          <div class="dmp4-result">
8417
8418            <strong>Objectif :</strong>
8419
8420            disposer d’une vision plus complète
8421            du contexte avant d’aller plus loin.
8422
8423          </div>
8424
8425        </div>
8426
8427      </article>
8428
8429
8430      <!-- =================================
8431           02
8432      ================================== -->
8433
8434      <article
8435        class="
8436          dmp4-step
8437          dmp4-reveal
8438          dmp4-delay2
8439        "
8440      >
8441
8442        <div class="dmp4-node">
8443          02
8444        </div>
8445
8446
8447        <div class="dmp4-card">
8448
8449          <div class="dmp4-label">
8450            Observation
8451          </div>
8452
8453
8454          <h3 class="dmp4-card-title">
8455
8456            Mettre de l’ordre
8457            dans les informations.
8458
8459          </h3>
8460
8461
8462          <p class="dmp4-card-text">
8463
8464            Il s’agit ensuite d’observer
8465            les différents éléments
8466            de votre situation,
8467            d’identifier ce qui est clair
8468            et ce qui mérite encore
8469            d’être approfondi.
8470
8471          </p>
8472
8473
8474          <div class="dmp4-result">
8475
8476            <strong>Objectif :</strong>
8477
8478            réduire la confusion
8479            et construire des repères
8480            plus compréhensibles.
8481
8482          </div>
8483
8484        </div>
8485
8486      </article>
8487
8488
8489      <!-- =================================
8490           03
8491      ================================== -->
8492
8493      <article
8494        class="
8495          dmp4-step
8496          dmp4-reveal
8497          dmp4-delay3
8498        "
8499      >
8500
8501        <div class="dmp4-node">
8502          03
8503        </div>
8504
8505
8506        <div class="dmp4-card">
8507
8508          <div class="dmp4-label">
8509            Orientation
8510          </div>
8511
8512
8513          <h3 class="dmp4-card-title">
8514
8515            Identifier la prochaine
8516            étape pertinente.
8517
8518          </h3>
8519
8520
8521          <p class="dmp4-card-text">
8522
8523            Une fois les éléments
8524            mieux compris,
8525            l’objectif est d’identifier
8526            la suite qui semble
8527            la plus adaptée à votre besoin,
8528            plutôt que de multiplier
8529            les démarches au hasard.
8530
8531          </p>
8532
8533
8534          <div class="dmp4-result">
8535
8536            <strong>Objectif :</strong>
8537
8538            savoir dans quelle direction
8539            avancer.
8540
8541          </div>
8542
8543        </div>
8544
8545      </article>
8546
8547
8548      <!-- =================================
8549           04
8550      ================================== -->
8551
8552      <article
8553        class="
8554          dmp4-step
8555          dmp4-reveal
8556          dmp4-delay4
8557        "
8558      >
8559
8560        <div class="dmp4-node">
8561          04
8562        </div>
8563
8564
8565        <div class="dmp4-card">
8566
8567          <div class="dmp4-label">
8568            Accompagnement
8569          </div>
8570
8571
8572          <h3 class="dmp4-card-title">
8573
8574            Passer des repères
8575            à la pratique.
8576
8577          </h3>
8578
8579
8580          <p class="dmp4-card-text">
8581
8582            Lorsque cela est pertinent,
8583            un cadre d’accompagnement
8584            peut permettre de mettre
8585            en pratique les recommandations,
8586            d’observer l’évolution
8587            et d’ajuster progressivement
8588            la démarche.
8589
8590          </p>
8591
8592
8593          <div class="dmp4-result">
8594
8595            <strong>Objectif :</strong>
8596
8597            avancer avec davantage
8598            de méthode et de continuité.
8599
8600          </div>
8601
8602        </div>
8603
8604      </article>
8605
8606
8607      <!-- =================================
8608           05
8609      ================================== -->
8610
8611      <article
8612        class="
8613          dmp4-step
8614          dmp4-reveal
8615          dmp4-delay5
8616        "
8617      >
8618
8619        <div class="dmp4-node">
8620          05
8621        </div>
8622
8623
8624        <div class="dmp4-card">
8625
8626          <div class="dmp4-label">
8627            Autonomie
8628          </div>
8629
8630
8631          <h3 class="dmp4-card-title">
8632
8633            Comprendre suffisamment
8634            pour avancer plus sereinement.
8635
8636          </h3>
8637
8638
8639          <p class="dmp4-card-text">
8640
8641            L’accompagnement ne vise pas
8642            à rendre une personne
8643            dépendante d’un praticien.
8644
8645            Il cherche aussi à transmettre
8646            des repères qui permettent
8647            progressivement de mieux
8648            comprendre sa propre démarche.
8649
8650          </p>
8651
8652
8653          <div class="dmp4-result">
8654
8655            <strong>Objectif :</strong>
8656
8657            développer davantage
8658            de compréhension et d’autonomie.
8659
8660          </div>
8661
8662        </div>
8663
8664      </article>
8665
8666
8667    </div>
8668
8669
8670    <!-- =============================
8671         FINAL
8672    ============================== -->
8673
8674    <div
8675      class="
8676        dmp4-final
8677        dmp4-reveal
8678      "
8679    >
8680
8681      <div class="dmp4-final-small">
8682        L’idée essentielle
8683      </div>
8684
8685
8686      <h3 class="dmp4-final-title">
8687
8688        L’accompagnement n’est pas
8689        une succession de réponses.
8690
8691        <span>
8692          C’est une progression vers
8693          davantage de clarté et d’autonomie.
8694        </span>
8695
8696      </h3>
8697
8698    </div>
8699
8700
8701  </div>
8702
8703</section>
8704
8705
8706<script>
8707
8708(function(){
8709
8710
8711  function initDMP4(){
8712
8713
8714    const section =
8715      document.getElementById(
8716        "dmp4Section"
8717      );
8718
8719
8720    if(!section) return;
8721
8722
8723    if(
8724      section.dataset.ready === "1"
8725    ){
8726      return;
8727    }
8728
8729
8730    section.dataset.ready = "1";
8731
8732
8733    const journey =
8734      document.getElementById(
8735        "dmp4Journey"
8736      );
8737
8738
8739    const progress =
8740      document.getElementById(
8741        "dmp4Progress"
8742      );
8743
8744
8745    const steps =
8746      section.querySelectorAll(
8747        ".dmp4-step"
8748      );
8749
8750
8751    const reveals =
8752      section.querySelectorAll(
8753        ".dmp4-reveal"
8754      );
8755
8756
8757    /* =================================
8758       REVEAL
8759    ================================= */
8760
8761    if(
8762      "IntersectionObserver"
8763      in window
8764    ){
8765
8766
8767      const revealObserver =
8768        new IntersectionObserver(
8769
8770          function(entries){
8771
8772            entries.forEach(
8773              function(entry){
8774
8775                if(
8776                  entry.isIntersecting
8777                ){
8778
8779                  entry.target
8780                    .classList
8781                    .add(
8782                      "dmp4-visible"
8783                    );
8784
8785
8786                  revealObserver
8787                    .unobserve(
8788                      entry.target
8789                    );
8790
8791                }
8792
8793              }
8794            );
8795
8796          },
8797
8798          {
8799            threshold:.12,
8800
8801            rootMargin:
8802              "0px 0px -25px 0px"
8803          }
8804
8805        );
8806
8807
8808      reveals.forEach(
8809        function(el){
8810
8811          revealObserver.observe(el);
8812
8813        }
8814      );
8815
8816
8817      /* =================================
8818         ACTIVE STEPS
8819      ================================= */
8820
8821      const stepObserver =
8822        new IntersectionObserver(
8823
8824          function(entries){
8825
8826            entries.forEach(
8827              function(entry){
8828
8829                if(
8830                  entry.isIntersecting
8831                ){
8832
8833                  entry.target
8834                    .classList
8835                    .add(
8836                      "dmp4-active"
8837                    );
8838
8839                }
8840
8841              }
8842            );
8843
8844          },
8845
8846          {
8847            threshold:.5
8848          }
8849
8850        );
8851
8852
8853      steps.forEach(
8854        function(step){
8855
8856          stepObserver.observe(step);
8857
8858        }
8859      );
8860
8861    }
8862
8863
8864    else{
8865
8866
8867      reveals.forEach(
8868        function(el){
8869
8870          el.classList.add(
8871            "dmp4-visible"
8872          );
8873
8874        }
8875      );
8876
8877
8878      steps.forEach(
8879        function(step){
8880
8881          step.classList.add(
8882            "dmp4-active"
8883          );
8884
8885        }
8886      );
8887
8888    }
8889
8890
8891    /* =================================
8892       SCROLL PROGRESS
8893    ================================= */
8894
8895    function updateProgress(){
8896
8897
8898      if(
8899        !journey ||
8900        !progress
8901      ){
8902        return;
8903      }
8904
8905
8906      const rect =
8907        journey.getBoundingClientRect();
8908
8909
8910      const viewportHeight =
8911        window.innerHeight;
8912
8913
8914      /*
8915       Start filling when
8916       journey reaches ~70% viewport.
8917      */
8918
8919      const startPoint =
8920        viewportHeight * .70;
8921
8922
8923      /*
8924       Finish near 30%
8925       of viewport.
8926      */
8927
8928      const finishPoint =
8929        viewportHeight * .30;
8930
8931
8932      const totalDistance =
8933        rect.height -
8934        (startPoint - finishPoint);
8935
8936
8937      const travelled =
8938        startPoint -
8939        rect.top;
8940
8941
8942      let ratio =
8943        travelled /
8944        totalDistance;
8945
8946
8947      ratio =
8948        Math.max(
8949          0,
8950          Math.min(
8951            1,
8952            ratio
8953          )
8954        );
8955
8956
8957      const lineHeight =
8958        journey.offsetHeight -
8959        80;
8960
8961
8962      progress.style.height =
8963        (
8964          lineHeight *
8965          ratio
8966        ) + "px";
8967
8968    }
8969
8970
8971    window.addEventListener(
8972      "scroll",
8973      updateProgress,
8974      {
8975        passive:true
8976      }
8977    );
8978
8979
8980    window.addEventListener(
8981      "resize",
8982      updateProgress
8983    );
8984
8985
8986    updateProgress();
8987
8988  }
8989
8990
8991  if(
8992    document.readyState === "loading"
8993  ){
8994
8995    document.addEventListener(
8996      "DOMContentLoaded",
8997      initDMP4
8998    );
8999
9000  }
9001
9002  else{
9003
9004    initDMP4();
9005
9006  }
9007
9008
9009  document.addEventListener(
9010    "hydrationDone",
9011    initDMP4
9012  );
9013
9014
9015})();
9016
9017</script>
9017</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-RvaHhfISTm" data-animation-class data-entrance-clip="1" style="" class="fullSection true c-section c-wrapper section-RvaHhfISTm"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-4Y79dRM2J_" data-animation-class data-entrance-clip="1" style="" class="row-align-center true c-row c-wrapper row-4Y79dRM2J_"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-PslqJ4l4_F" data-animation-class data-entrance-clip="1" style="" class="true c-column c-wrapper col-PslqJ4l4_F"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-oJUMm9KV-b" data-animation-class style="" class="c-custom-code c-wrapper custom-code-oJUMm9KV-b"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-oJUMm9KV-b__custom-code" class="custom-code-container ccustom-code-oJUMm9KV-b"><!-- =====================================================
9018     DR MAHER — DM-P05
9019     CE QUI DISTINGUE L'APPROCHE
9020     Funnel Crafts
9021===================================================== -->
9022
9023<style>
9024
9025.dmp5,
9026.dmp5 * {
9027  box-sizing:border-box;
9028}
9029
9030.dmp5 {
9031  --brown:#482615;
9032  --dark:#28150D;
9033  --gold:#B97B45;
9034  --gold2:#D9A36F;
9035
9036  --cream:#FAF7F2;
9037  --cream2:#F4ECE3;
9038
9039  --text:#2B1B14;
9040  --muted:#76675E;
9041
9042  --border:rgba(72,38,21,.11);
9043
9044  position:relative;
9045  width:100%;
9046  overflow:hidden;
9047
9048  padding:110px 0;
9049
9050  background:#FAF7F2;
9051
9052  font-family:"Manrope",Arial,sans-serif;
9053
9054  container-type:inline-size;
9055}
9056
9057
9058/* BACKGROUND */
9059
9060.dmp5::before {
9061
9062  content:"";
9063
9064  position:absolute;
9065
9066  width:520px;
9067  height:520px;
9068
9069  left:-260px;
9070  top:-200px;
9071
9072  border-radius:50%;
9073
9074  background:
9075    radial-gradient(
9076      circle,
9077      rgba(185,123,69,.09),
9078      transparent 70%
9079    );
9080
9081  pointer-events:none;
9082}
9083
9084
9085/* CONTAINER */
9086
9087.dmp5-container {
9088
9089  position:relative;
9090  z-index:2;
9091
9092  width:min(
9093    calc(100% - 48px),
9094    1180px
9095  );
9096
9097  margin:0 auto;
9098}
9099
9100
9101/* =================================
9102   HEADER
9103================================= */
9104
9105.dmp5-head {
9106
9107  max-width:810px;
9108
9109  margin:0 auto 65px;
9110
9111  text-align:center;
9112}
9113
9114
9115.dmp5-eyebrow {
9116
9117  display:inline-flex;
9118  align-items:center;
9119  gap:11px;
9120
9121  margin-bottom:16px;
9122
9123  color:var(--gold);
9124
9125  font-size:9px;
9126  font-weight:700;
9127
9128  letter-spacing:.22em;
9129  text-transform:uppercase;
9130}
9131
9132
9133.dmp5-eyebrow::before,
9134.dmp5-eyebrow::after {
9135
9136  content:"";
9137
9138  width:28px;
9139  height:1px;
9140
9141  background:var(--gold);
9142}
9143
9144
9145.dmp5-title {
9146
9147  margin:0;
9148
9149  color:var(--dark);
9150
9151  font-family:
9152    "Cormorant Garamond",
9153    Georgia,
9154    serif;
9155
9156  font-size:clamp(
9157    46px,
9158    4.6vw,
9159    66px
9160  );
9161
9162  font-weight:600;
9163
9164  line-height:.98;
9165
9166  letter-spacing:-.025em;
9167}
9168
9169
9170.dmp5-title span {
9171  color:var(--gold);
9172}
9173
9174
9175.dmp5-intro {
9176
9177  max-width:670px;
9178
9179  margin:21px auto 0;
9180
9181  color:var(--muted);
9182
9183  font-size:13.5px;
9184
9185  line-height:1.78;
9186}
9187
9188
9189/* =================================
9190   COMPARISON HEADERS
9191================================= */
9192
9193.dmp5-columns-head {
9194
9195  display:grid;
9196
9197  grid-template-columns:
9198    1fr 70px 1fr;
9199
9200  align-items:center;
9201
9202  margin-bottom:20px;
9203}
9204
9205
9206.dmp5-column-title {
9207
9208  padding:0 20px;
9209
9210  text-align:center;
9211}
9212
9213
9214.dmp5-column-small {
9215
9216  margin-bottom:6px;
9217
9218  color:var(--gold);
9219
9220  font-size:7.5px;
9221
9222  font-weight:800;
9223
9224  letter-spacing:.17em;
9225
9226  text-transform:uppercase;
9227}
9228
9229
9230.dmp5-column-title h3 {
9231
9232  margin:0;
9233
9234  color:var(--dark);
9235
9236  font-family:
9237    "Cormorant Garamond",
9238    Georgia,
9239    serif;
9240
9241  font-size:28px;
9242
9243  font-weight:600;
9244}
9245
9246
9247.dmp5-versus {
9248
9249  width:42px;
9250  height:42px;
9251
9252  margin:0 auto;
9253
9254  border-radius:50%;
9255
9256  display:flex;
9257
9258  align-items:center;
9259  justify-content:center;
9260
9261  background:var(--brown);
9262
9263  color:#fff;
9264
9265  font-family:
9266    "Cormorant Garamond",
9267    Georgia,
9268    serif;
9269
9270  font-size:13px;
9271
9272  font-weight:700;
9273}
9274
9275
9276/* =================================
9277   ROWS
9278================================= */
9279
9280.dmp5-list {
9281
9282  display:grid;
9283
9284  gap:13px;
9285}
9286
9287
9288.dmp5-row {
9289
9290  display:grid;
9291
9292  grid-template-columns:
9293    1fr 70px 1fr;
9294
9295  align-items:stretch;
9296}
9297
9298
9299/* CARD */
9300
9301.dmp5-card {
9302
9303  position:relative;
9304
9305  min-height:170px;
9306
9307  padding:27px;
9308
9309  overflow:hidden;
9310
9311  border:1px solid var(--border);
9312
9313  border-radius:20px;
9314
9315  background:#fff;
9316
9317  transition:
9318    transform .4s ease,
9319    box-shadow .4s ease,
9320    border-color .4s ease,
9321    background .4s ease;
9322}
9323
9324
9325.dmp5-card:hover {
9326
9327  transform:translateY(-5px);
9328
9329  box-shadow:
9330    0 18px 45px
9331    rgba(40,21,13,.07);
9332}
9333
9334
9335/* LEFT */
9336
9337.dmp5-card-left {
9338
9339  background:
9340    rgba(255,255,255,.62);
9341}
9342
9343
9344.dmp5-card-left::before {
9345
9346  content:"";
9347
9348  position:absolute;
9349
9350  left:0;
9351  top:0;
9352
9353  width:3px;
9354  height:0;
9355
9356  background:
9357    rgba(72,38,21,.25);
9358
9359  transition:
9360    height .5s ease;
9361}
9362
9363
9364/* RIGHT */
9365
9366.dmp5-card-right {
9367
9368  background:#fff;
9369}
9370
9371
9372.dmp5-card-right::before {
9373
9374  content:"";
9375
9376  position:absolute;
9377
9378  right:0;
9379  top:0;
9380
9381  width:3px;
9382  height:0;
9383
9384  background:
9385    linear-gradient(
9386      to bottom,
9387      var(--gold),
9388      var(--gold2)
9389    );
9390
9391  transition:
9392    height .5s ease;
9393}
9394
9395
9396.dmp5-row.dmp5-active
9397.dmp5-card::before {
9398
9399  height:100%;
9400}
9401
9402
9403.dmp5-row.dmp5-active
9404.dmp5-card-right {
9405
9406  border-color:
9407    rgba(185,123,69,.28);
9408
9409  box-shadow:
9410    0 16px 40px
9411    rgba(40,21,13,.055);
9412}
9413
9414
9415/* CONTENT */
9416
9417.dmp5-icon {
9418
9419  width:36px;
9420  height:36px;
9421
9422  margin-bottom:16px;
9423
9424  border-radius:50%;
9425
9426  display:flex;
9427
9428  align-items:center;
9429  justify-content:center;
9430
9431  background:var(--cream2);
9432
9433  color:var(--gold);
9434
9435  font-size:12px;
9436
9437  font-weight:800;
9438
9439  transition:
9440    background .35s ease,
9441    color .35s ease,
9442    transform .35s ease;
9443}
9444
9445
9446.dmp5-row.dmp5-active
9447.dmp5-card-right
9448.dmp5-icon {
9449
9450  background:var(--brown);
9451
9452  color:#fff;
9453
9454  transform:scale(1.05);
9455}
9456
9457
9458.dmp5-card-label {
9459
9460  margin-bottom:6px;
9461
9462  color:var(--gold);
9463
9464  font-size:7px;
9465
9466  font-weight:800;
9467
9468  letter-spacing:.16em;
9469
9470  text-transform:uppercase;
9471}
9472
9473
9474.dmp5-card-title {
9475
9476  margin:0;
9477
9478  color:var(--dark);
9479
9480  font-family:
9481    "Cormorant Garamond",
9482    Georgia,
9483    serif;
9484
9485  font-size:25px;
9486
9487  font-weight:600;
9488
9489  line-height:1.05;
9490}
9491
9492
9493.dmp5-card-text {
9494
9495  margin:10px 0 0;
9496
9497  color:var(--muted);
9498
9499  font-size:11.5px;
9500
9501  line-height:1.65;
9502}
9503
9504
9505/* CONNECTOR */
9506
9507.dmp5-connector {
9508
9509  position:relative;
9510
9511  display:flex;
9512
9513  align-items:center;
9514
9515  justify-content:center;
9516}
9517
9518
9519.dmp5-connector::before {
9520
9521  content:"";
9522
9523  position:absolute;
9524
9525  left:0;
9526  right:0;
9527  top:50%;
9528
9529  height:1px;
9530
9531  background:
9532    rgba(72,38,21,.12);
9533}
9534
9535
9536.dmp5-arrow {
9537
9538  position:relative;
9539
9540  z-index:2;
9541
9542  width:34px;
9543  height:34px;
9544
9545  border-radius:50%;
9546
9547  border:
9548    1px solid var(--border);
9549
9550  background:var(--cream);
9551
9552  color:var(--gold);
9553
9554  display:flex;
9555
9556  align-items:center;
9557  justify-content:center;
9558
9559  font-size:13px;
9560
9561  transform:scale(.8);
9562
9563  opacity:.55;
9564
9565  transition:
9566    transform .5s ease,
9567    opacity .5s ease,
9568    background .5s ease,
9569    color .5s ease;
9570}
9571
9572
9573.dmp5-row.dmp5-active
9574.dmp5-arrow {
9575
9576  transform:scale(1);
9577
9578  opacity:1;
9579
9580  background:var(--gold);
9581
9582  color:#fff;
9583}
9584
9585
9586/* =================================
9587   PRINCIPLE BOX
9588================================= */
9589
9590.dmp5-principle {
9591
9592  position:relative;
9593
9594  margin-top:65px;
9595
9596  padding:43px;
9597
9598  overflow:hidden;
9599
9600  border-radius:26px;
9601
9602  background:var(--brown);
9603
9604  display:grid;
9605
9606  grid-template-columns:
9607    auto 1fr;
9608
9609  gap:24px;
9610
9611  align-items:center;
9612}
9613
9614
9615.dmp5-principle::after {
9616
9617  content:"";
9618
9619  position:absolute;
9620
9621  width:280px;
9622  height:280px;
9623
9624  right:-130px;
9625  top:-150px;
9626
9627  border-radius:50%;
9628
9629  background:
9630    radial-gradient(
9631      circle,
9632      rgba(217,163,111,.18),
9633      transparent 70%
9634    );
9635}
9636
9637
9638.dmp5-principle-icon {
9639
9640  position:relative;
9641  z-index:2;
9642
9643  width:65px;
9644  height:65px;
9645
9646  border-radius:50%;
9647
9648  display:flex;
9649
9650  align-items:center;
9651  justify-content:center;
9652
9653  background:
9654    rgba(255,255,255,.09);
9655
9656  color:var(--gold2);
9657
9658  font-family:
9659    "Cormorant Garamond",
9660    Georgia,
9661    serif;
9662
9663  font-size:24px;
9664
9665  font-weight:600;
9666}
9667
9668
9669.dmp5-principle-content {
9670
9671  position:relative;
9672  z-index:2;
9673}
9674
9675
9676.dmp5-principle-small {
9677
9678  margin-bottom:7px;
9679
9680  color:var(--gold2);
9681
9682  font-size:8px;
9683
9684  font-weight:800;
9685
9686  letter-spacing:.18em;
9687
9688  text-transform:uppercase;
9689}
9690
9691
9692.dmp5-principle-title {
9693
9694  max-width:800px;
9695
9696  margin:0;
9697
9698  color:#fff;
9699
9700  font-family:
9701    "Cormorant Garamond",
9702    Georgia,
9703    serif;
9704
9705  font-size:clamp(
9706    30px,
9707    3vw,
9708    42px
9709  );
9710
9711  font-weight:600;
9712
9713  line-height:1.06;
9714}
9715
9716
9717.dmp5-principle-title span {
9718  color:var(--gold2);
9719}
9720
9721
9722/* =================================
9723   REVEAL
9724================================= */
9725
9726.dmp5-reveal {
9727
9728  opacity:0;
9729
9730  transform:translateY(28px);
9731
9732  transition:
9733    opacity .75s ease,
9734    transform .75s
9735    cubic-bezier(.2,.7,.3,1);
9736}
9737
9738
9739.dmp5-reveal.dmp5-visible {
9740
9741  opacity:1;
9742
9743  transform:translateY(0);
9744}
9745
9746
9747.dmp5-delay1 {
9748  transition-delay:.08s;
9749}
9750
9751.dmp5-delay2 {
9752  transition-delay:.16s;
9753}
9754
9755.dmp5-delay3 {
9756  transition-delay:.24s;
9757}
9758
9759.dmp5-delay4 {
9760  transition-delay:.32s;
9761}
9762
9763
9764/* =================================
9765   MOBILE
9766================================= */
9767
9768@media(max-width:760px) {
9769
9770  .dmp5 {
9771    padding:70px 0;
9772  }
9773
9774
9775  .dmp5-container {
9776
9777    width:
9778      calc(100% - 24px);
9779  }
9780
9781
9782  .dmp5-head {
9783
9784    margin-bottom:45px;
9785
9786    text-align:left;
9787  }
9788
9789
9790  .dmp5-eyebrow {
9791    font-size:8px;
9792  }
9793
9794
9795  .dmp5-eyebrow::after {
9796    display:none;
9797  }
9798
9799
9800  .dmp5-title {
9801    font-size:41px;
9802  }
9803
9804
9805  .dmp5-intro {
9806
9807    margin-left:0;
9808
9809    font-size:12.5px;
9810  }
9811
9812
9813  .dmp5-columns-head {
9814    display:none;
9815  }
9816
9817
9818  .dmp5-row {
9819
9820    grid-template-columns:1fr;
9821
9822    gap:10px;
9823
9824    margin-bottom:25px;
9825  }
9826
9827
9828  .dmp5-connector {
9829
9830    min-height:38px;
9831
9832    transform:rotate(90deg);
9833  }
9834
9835
9836  .dmp5-connector::before {
9837
9838    left:25%;
9839    right:25%;
9840  }
9841
9842
9843  .dmp5-card {
9844
9845    min-height:auto;
9846
9847    padding:23px 21px;
9848  }
9849
9850
9851  .dmp5-card-left::after {
9852
9853    content:"Ce que nous cherchons à éviter";
9854
9855    display:block;
9856
9857    margin-top:16px;
9858
9859    color:rgba(72,38,21,.45);
9860
9861    font-size:7px;
9862
9863    font-weight:800;
9864
9865    letter-spacing:.12em;
9866
9867    text-transform:uppercase;
9868  }
9869
9870
9871  .dmp5-card-right::after {
9872
9873    content:"La manière dont nous préférons avancer";
9874
9875    display:block;
9876
9877    margin-top:16px;
9878
9879    color:var(--gold);
9880
9881    font-size:7px;
9882
9883    font-weight:800;
9884
9885    letter-spacing:.12em;
9886
9887    text-transform:uppercase;
9888  }
9889
9890
9891  .dmp5-principle {
9892
9893    margin-top:45px;
9894
9895    padding:30px 23px;
9896
9897    grid-template-columns:1fr;
9898
9899    gap:17px;
9900  }
9901
9902
9903  .dmp5-principle-icon {
9904
9905    width:54px;
9906    height:54px;
9907  }
9908
9909
9910  .dmp5-principle-title {
9911
9912    font-size:30px;
9913  }
9914
9915}
9916
9917
9918/* GHL BUILDER */
9919
9920@container(max-width:760px) {
9921
9922  .dmp5-container {
9923    width:calc(100% - 24px);
9924  }
9925
9926  .dmp5-columns-head {
9927    display:none;
9928  }
9929
9930  .dmp5-row {
9931    grid-template-columns:1fr;
9932    gap:10px;
9933    margin-bottom:25px;
9934  }
9935
9936  .dmp5-connector {
9937    min-height:38px;
9938    transform:rotate(90deg);
9939  }
9940
9941}
9942
9943
9944/* ACCESSIBILITY */
9945
9946@media(prefers-reduced-motion:reduce) {
9947
9948  .dmp5-reveal {
9949
9950    opacity:1;
9951
9952    transform:none;
9953
9954    transition:none;
9955  }
9956
9957}
9958
9959</style>
9960
9961
9962<section
9963  class="dmp5"
9964  id="dmp5Section"
9965>
9966
9967  <div class="dmp5-container">
9968
9969
9970    <!-- HEADER -->
9971
9972    <header
9973      class="
9974        dmp5-head
9975        dmp5-reveal
9976      "
9977    >
9978
9979      <div class="dmp5-eyebrow">
9980        Ce qui distingue l’approche
9981      </div>
9982
9983
9984      <h2 class="dmp5-title">
9985
9986        Moins de conclusions
9987        précipitées.
9988
9989        <span>
9990          Plus de compréhension.
9991        </span>
9992
9993      </h2>
9994
9995
9996      <p class="dmp5-intro">
9997
9998        L’objectif n’est pas de compliquer
9999        davantage votre démarche,
10000        mais d’éviter certains automatismes
10001        qui peuvent ajouter de la confusion
10002        lorsque votre situation mérite
10003        d’abord d’être mieux comprise.
10004
10005      </p>
10006
10007    </header>
10008
10009
10010    <!-- COLUMN TITLES -->
10011
10012    <div
10013      class="
10014        dmp5-columns-head
10015        dmp5-reveal
10016      "
10017    >
10018
10019      <div class="dmp5-column-title">
10020
10021        <div class="dmp5-column-small">
10022          Ce que nous cherchons à éviter
10023        </div>
10024
10025        <h3>
10026          Avancer trop vite
10027        </h3>
10028
10029      </div>
10030
10031
10032      <div class="dmp5-versus">
10033        →
10034      </div>
10035
10036
10037      <div class="dmp5-column-title">
10038
10039        <div class="dmp5-column-small">
10040          L’approche privilégiée
10041        </div>
10042
10043        <h3>
10044          Avancer avec méthode
10045        </h3>
10046
10047      </div>
10048
10049    </div>
10050
10051
10052    <!-- ROWS -->
10053
10054    <div class="dmp5-list">
10055
10056
10057      <!-- ROW 01 -->
10058
10059      <div
10060        class="
10061          dmp5-row
10062          dmp5-reveal
10063          dmp5-delay1
10064        "
10065      >
10066
10067        <div
10068          class="
10069            dmp5-card
10070            dmp5-card-left
10071          "
10072        >
10073
10074          <div class="dmp5-icon">
10075            01
10076          </div>
10077
10078          <div class="dmp5-card-label">
10079            Réflexe à éviter
10080          </div>
10081
10082          <h3 class="dmp5-card-title">
10083
10084            Commencer par
10085            une conclusion.
10086
10087          </h3>
10088
10089          <p class="dmp5-card-text">
10090
10091            Chercher immédiatement
10092            à donner un nom ou une explication
10093            définitive à ce que la personne vit.
10094
10095          </p>
10096
10097        </div>
10098
10099
10100        <div class="dmp5-connector">
10101
10102          <div class="dmp5-arrow">
10103            →
10104          </div>
10105
10106        </div>
10107
10108
10109        <div
10110          class="
10111            dmp5-card
10112            dmp5-card-right
10113          "
10114        >
10115
10116          <div class="dmp5-icon">
10117            ✓
10118          </div>
10119
10120          <div class="dmp5-card-label">
10121            Notre priorité
10122          </div>
10123
10124          <h3 class="dmp5-card-title">
10125
10126            Commencer par
10127            écouter et observer.
10128
10129          </h3>
10130
10131          <p class="dmp5-card-text">
10132
10133            Comprendre le parcours,
10134            les circonstances et les éléments
10135            disponibles avant de déterminer
10136            quelle direction semble pertinente.
10137
10138          </p>
10139
10140        </div>
10141
10142      </div>
10143
10144
10145      <!-- ROW 02 -->
10146
10147      <div
10148        class="
10149          dmp5-row
10150          dmp5-reveal
10151          dmp5-delay2
10152        "
10153      >
10154
10155        <div
10156          class="
10157            dmp5-card
10158            dmp5-card-left
10159          "
10160        >
10161
10162          <div class="dmp5-icon">
10163            02
10164          </div>
10165
10166          <div class="dmp5-card-label">
10167            Réflexe à éviter
10168          </div>
10169
10170          <h3 class="dmp5-card-title">
10171
10172            Appliquer la même réponse
10173            à toutes les situations.
10174
10175          </h3>
10176
10177          <p class="dmp5-card-text">
10178
10179            Considérer que deux personnes
10180            présentant des difficultés similaires
10181            doivent nécessairement suivre
10182            exactement la même démarche.
10183
10184          </p>
10185
10186        </div>
10187
10188
10189        <div class="dmp5-connector">
10190
10191          <div class="dmp5-arrow">
10192            →
10193          </div>
10194
10195        </div>
10196
10197
10198        <div
10199          class="
10200            dmp5-card
10201            dmp5-card-right
10202          "
10203        >
10204
10205          <div class="dmp5-icon">
10206            ✓
10207          </div>
10208
10209          <div class="dmp5-card-label">
10210            Notre priorité
10211          </div>
10212
10213          <h3 class="dmp5-card-title">
10214
10215            Tenir compte
10216            du contexte individuel.
10217
10218          </h3>
10219
10220          <p class="dmp5-card-text">
10221
10222            Examiner la situation dans
10223            son contexte afin d’orienter
10224            la personne vers une démarche
10225            plus cohérente avec son besoin.
10226
10227          </p>
10228
10229        </div>
10230
10231      </div>
10232
10233
10234      <!-- ROW 03 -->
10235
10236      <div
10237        class="
10238          dmp5-row
10239          dmp5-reveal
10240          dmp5-delay3
10241        "
10242      >
10243
10244        <div
10245          class="
10246            dmp5-card
10247            dmp5-card-left
10248          "
10249        >
10250
10251          <div class="dmp5-icon">
10252            03
10253          </div>
10254
10255          <div class="dmp5-card-label">
10256            Réflexe à éviter
10257          </div>
10258
10259          <h3 class="dmp5-card-title">
10260
10261            Multiplier les démarches
10262            sans direction claire.
10263
10264          </h3>
10265
10266          <p class="dmp5-card-text">
10267
10268            Passer d’une approche à une autre
10269            sans savoir ce que l’on cherche
10270            précisément à observer
10271            ou à comprendre.
10272
10273          </p>
10274
10275        </div>
10276
10277
10278        <div class="dmp5-connector">
10279
10280          <div class="dmp5-arrow">
10281            →
10282          </div>
10283
10284        </div>
10285
10286
10287        <div
10288          class="
10289            dmp5-card
10290            dmp5-card-right
10291          "
10292        >
10293
10294          <div class="dmp5-icon">
10295            ✓
10296          </div>
10297
10298          <div class="dmp5-card-label">
10299            Notre priorité
10300          </div>
10301
10302          <h3 class="dmp5-card-title">
10303
10304            Donner une prochaine
10305            étape identifiable.
10306
10307          </h3>
10308
10309          <p class="dmp5-card-text">
10310
10311            Transformer la confusion
10312            en une direction plus lisible,
10313            avec une étape à la fois
10314            plutôt qu’une accumulation
10315            de solutions.
10316
10317          </p>
10318
10319        </div>
10320
10321      </div>
10322
10323
10324      <!-- ROW 04 -->
10325
10326      <div
10327        class="
10328          dmp5-row
10329          dmp5-reveal
10330          dmp5-delay4
10331        "
10332      >
10333
10334        <div
10335          class="
10336            dmp5-card
10337            dmp5-card-left
10338          "
10339        >
10340
10341          <div class="dmp5-icon">
10342            04
10343          </div>
10344
10345          <div class="dmp5-card-label">
10346            Réflexe à éviter
10347          </div>
10348
10349          <h3 class="dmp5-card-title">
10350
10351            Créer une dépendance
10352            à l’accompagnement.
10353
10354          </h3>
10355
10356          <p class="dmp5-card-text">
10357
10358            Donner l’impression que la personne
10359            ne peut avancer qu’en restant
10360            constamment dépendante
10361            d’un intervenant.
10362
10363          </p>
10364
10365        </div>
10366
10367
10368        <div class="dmp5-connector">
10369
10370          <div class="dmp5-arrow">
10371            →
10372          </div>
10373
10374        </div>
10375
10376
10377        <div
10378          class="
10379            dmp5-card
10380            dmp5-card-right
10381          "
10382        >
10383
10384          <div class="dmp5-icon">
10385            ✓
10386          </div>
10387
10388          <div class="dmp5-card-label">
10389            Notre priorité
10390          </div>
10391
10392          <h3 class="dmp5-card-title">
10393
10394            Transmettre des repères
10395            et développer l’autonomie.
10396
10397          </h3>
10398
10399          <p class="dmp5-card-text">
10400
10401            Aider progressivement la personne
10402            à mieux comprendre sa démarche,
10403            ses pratiques et les repères
10404            qui peuvent lui être utiles.
10405
10406          </p>
10407
10408        </div>
10409
10410      </div>
10411
10412
10413    </div>
10414
10415
10416    <!-- PRINCIPLE -->
10417
10418    <div
10419      class="
10420        dmp5-principle
10421        dmp5-reveal
10422      "
10423    >
10424
10425      <div class="dmp5-principle-icon">
10426        ✦
10427      </div>
10428
10429
10430      <div class="dmp5-principle-content">
10431
10432        <div class="dmp5-principle-small">
10433          Le principe
10434        </div>
10435
10436
10437        <h3 class="dmp5-principle-title">
10438
10439          L’expérience ne sert pas à
10440          conclure plus vite.
10441
10442          <span>
10443            Elle sert à observer plus justement.
10444          </span>
10445
10446        </h3>
10447
10448      </div>
10449
10450    </div>
10451
10452
10453  </div>
10454
10455</section>
10456
10457
10458<script>
10459
10460(function(){
10461
10462  function initDMP5(){
10463
10464    const section =
10465      document.getElementById(
10466        "dmp5Section"
10467      );
10468
10469    if(!section) return;
10470
10471
10472    if(
10473      section.dataset.ready === "1"
10474    ){
10475      return;
10476    }
10477
10478
10479    section.dataset.ready="1";
10480
10481
10482    const reveals =
10483      section.querySelectorAll(
10484        ".dmp5-reveal"
10485      );
10486
10487
10488    const rows =
10489      section.querySelectorAll(
10490        ".dmp5-row"
10491      );
10492
10493
10494    if(
10495      "IntersectionObserver"
10496      in window
10497    ){
10498
10499      /* REVEAL */
10500
10501      const revealObserver =
10502        new IntersectionObserver(
10503
10504          function(entries){
10505
10506            entries.forEach(
10507              function(entry){
10508
10509                if(
10510                  entry.isIntersecting
10511                ){
10512
10513                  entry.target
10514                    .classList
10515                    .add(
10516                      "dmp5-visible"
10517                    );
10518
10519
10520                  revealObserver
10521                    .unobserve(
10522                      entry.target
10523                    );
10524
10525                }
10526
10527              }
10528            );
10529
10530          },
10531
10532          {
10533            threshold:.12,
10534
10535            rootMargin:
10536              "0px 0px -20px 0px"
10537          }
10538
10539        );
10540
10541
10542      reveals.forEach(
10543        function(el){
10544
10545          revealObserver.observe(el);
10546
10547        }
10548      );
10549
10550
10551      /* ACTIVATE COMPARISON */
10552
10553      const rowObserver =
10554        new IntersectionObserver(
10555
10556          function(entries){
10557
10558            entries.forEach(
10559              function(entry){
10560
10561                if(
10562                  entry.isIntersecting
10563                ){
10564
10565                  setTimeout(
10566                    function(){
10567
10568                      entry.target
10569                        .classList
10570                        .add(
10571                          "dmp5-active"
10572                        );
10573
10574                    },
10575                    150
10576                  );
10577
10578                }
10579
10580              }
10581            );
10582
10583          },
10584
10585          {
10586            threshold:.45
10587          }
10588
10589        );
10590
10591
10592      rows.forEach(
10593        function(row){
10594
10595          rowObserver.observe(row);
10596
10597        }
10598      );
10599
10600    }
10601
10602
10603    else{
10604
10605      reveals.forEach(
10606        function(el){
10607
10608          el.classList.add(
10609            "dmp5-visible"
10610          );
10611
10612        }
10613      );
10614
10615
10616      rows.forEach(
10617        function(row){
10618
10619          row.classList.add(
10620            "dmp5-active"
10621          );
10622
10623        }
10624      );
10625
10626    }
10627
10628  }
10629
10630
10631  if(
10632    document.readyState==="loading"
10633  ){
10634
10635    document.addEventListener(
10636      "DOMContentLoaded",
10637      initDMP5
10638    );
10639
10640  }
10641
10642  else{
10643
10644    initDMP5();
10645
10646  }
10647
10648
10649  document.addEventListener(
10650    "hydrationDone",
10651    initDMP5
10652  );
10653
10654})();
10655
10656</script>
10656</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-UG-WHYa8SN" data-animation-class data-entrance-clip="1" style="" class="fullSection true c-section c-wrapper section-UG-WHYa8SN"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-FBSJfXZWBU" data-animation-class data-entrance-clip="1" style="" class="row-align-center true c-row c-wrapper row-FBSJfXZWBU"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-RDui6zWvnu" data-animation-class data-entrance-clip="1" style="" class="true c-column c-wrapper col-RDui6zWvnu"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-Z_tb2DP8LH" data-animation-class style="" class="c-custom-code c-wrapper custom-code-Z_tb2DP8LH"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-Z_tb2DP8LH__custom-code" class="custom-code-container ccustom-code-Z_tb2DP8LH"><!-- =====================================================
10657     DR MAHER — DM-P06
10658     CONFIANCE & PREUVES
10659     Funnel Crafts
10660===================================================== -->
10661
10662<style>
10663
10664.dmp6,
10665.dmp6 * {
10666  box-sizing:border-box;
10667}
10668
10669.dmp6 {
10670  --brown:#482615;
10671  --dark:#28150D;
10672  --gold:#B97B45;
10673  --gold2:#D9A36F;
10674
10675  --cream:#FAF7F2;
10676  --cream2:#F4ECE3;
10677
10678  --text:#2B1B14;
10679  --muted:#76675E;
10680
10681  --border:rgba(72,38,21,.11);
10682
10683  position:relative;
10684  width:100%;
10685  overflow:hidden;
10686
10687  padding:110px 0;
10688
10689  background:#fff;
10690
10691  font-family:"Manrope",Arial,sans-serif;
10692
10693  container-type:inline-size;
10694}
10695
10696
10697/* BACKGROUND */
10698
10699.dmp6::before {
10700  content:"";
10701
10702  position:absolute;
10703
10704  width:500px;
10705  height:500px;
10706
10707  right:-220px;
10708  top:-180px;
10709
10710  border-radius:50%;
10711
10712  background:
10713    radial-gradient(
10714      circle,
10715      rgba(185,123,69,.08),
10716      transparent 70%
10717    );
10718
10719  pointer-events:none;
10720}
10721
10722
10723/* CONTAINER */
10724
10725.dmp6-container {
10726  position:relative;
10727  z-index:2;
10728
10729  width:min(
10730    calc(100% - 48px),
10731    1180px
10732  );
10733
10734  margin:0 auto;
10735}
10736
10737
10738/* =================================
10739   HEADER
10740================================= */
10741
10742.dmp6-head {
10743  max-width:800px;
10744
10745  margin:0 auto 60px;
10746
10747  text-align:center;
10748}
10749
10750
10751.dmp6-eyebrow {
10752  display:inline-flex;
10753  align-items:center;
10754  gap:11px;
10755
10756  margin-bottom:16px;
10757
10758  color:var(--gold);
10759
10760  font-size:9px;
10761  font-weight:700;
10762
10763  letter-spacing:.22em;
10764  text-transform:uppercase;
10765}
10766
10767
10768.dmp6-eyebrow::before,
10769.dmp6-eyebrow::after {
10770  content:"";
10771
10772  width:28px;
10773  height:1px;
10774
10775  background:var(--gold);
10776}
10777
10778
10779.dmp6-title {
10780  margin:0;
10781
10782  color:var(--dark);
10783
10784  font-family:
10785    "Cormorant Garamond",
10786    Georgia,
10787    serif;
10788
10789  font-size:clamp(
10790    46px,
10791    4.6vw,
10792    65px
10793  );
10794
10795  font-weight:600;
10796
10797  line-height:.98;
10798
10799  letter-spacing:-.025em;
10800}
10801
10802
10803.dmp6-title span {
10804  color:var(--gold);
10805}
10806
10807
10808.dmp6-intro {
10809  max-width:650px;
10810
10811  margin:20px auto 0;
10812
10813  color:var(--muted);
10814
10815  font-size:13px;
10816  line-height:1.75;
10817}
10818
10819
10820/* =================================
10821   TOP GRID
10822================================= */
10823
10824.dmp6-top {
10825  display:grid;
10826
10827  grid-template-columns:
10828    330px 1fr;
10829
10830  gap:20px;
10831
10832  align-items:stretch;
10833}
10834
10835
10836/* =================================
10837   TRUST CARD
10838================================= */
10839
10840.dmp6-trust {
10841  position:relative;
10842
10843  min-height:480px;
10844
10845  padding:38px 32px;
10846
10847  overflow:hidden;
10848
10849  border-radius:27px;
10850
10851  background:
10852    linear-gradient(
10853      145deg,
10854      var(--brown),
10855      var(--dark)
10856    );
10857
10858  color:#fff;
10859
10860  display:flex;
10861  flex-direction:column;
10862
10863  justify-content:space-between;
10864
10865  box-shadow:
10866    0 25px 65px
10867    rgba(40,21,13,.14);
10868}
10869
10870
10871.dmp6-trust::before {
10872  content:"";
10873
10874  position:absolute;
10875
10876  width:260px;
10877  height:260px;
10878
10879  right:-120px;
10880  top:-130px;
10881
10882  border-radius:50%;
10883
10884  background:
10885    radial-gradient(
10886      circle,
10887      rgba(217,163,111,.22),
10888      transparent 70%
10889    );
10890
10891  animation:
10892    dmp6Glow 6s
10893    ease-in-out
10894    infinite alternate;
10895}
10896
10897
10898@keyframes dmp6Glow {
10899
10900  from {
10901    transform:translate(0,0);
10902  }
10903
10904  to {
10905    transform:translate(-35px,30px);
10906  }
10907
10908}
10909
10910
10911.dmp6-trust-label {
10912  position:relative;
10913  z-index:2;
10914
10915  color:var(--gold2);
10916
10917  font-size:8px;
10918  font-weight:800;
10919
10920  letter-spacing:.18em;
10921  text-transform:uppercase;
10922}
10923
10924
10925.dmp6-counter {
10926  position:relative;
10927  z-index:2;
10928
10929  margin-top:20px;
10930
10931  color:#fff;
10932
10933  font-family:
10934    "Cormorant Garamond",
10935    Georgia,
10936    serif;
10937
10938  font-size:82px;
10939  font-weight:600;
10940
10941  line-height:.82;
10942}
10943
10944
10945.dmp6-counter-label {
10946  position:relative;
10947  z-index:2;
10948
10949  max-width:190px;
10950
10951  margin-top:15px;
10952
10953  color:
10954    rgba(255,255,255,.65);
10955
10956  font-size:11px;
10957
10958  line-height:1.55;
10959}
10960
10961
10962/* PILLARS */
10963
10964.dmp6-mini-list {
10965  position:relative;
10966  z-index:2;
10967
10968  margin-top:35px;
10969
10970  padding-top:25px;
10971
10972  border-top:
10973    1px solid rgba(255,255,255,.10);
10974
10975  display:grid;
10976
10977  gap:12px;
10978}
10979
10980
10981.dmp6-mini {
10982  display:flex;
10983  align-items:center;
10984  gap:10px;
10985
10986  color:
10987    rgba(255,255,255,.74);
10988
10989  font-size:10px;
10990
10991  transition:
10992    transform .3s ease,
10993    color .3s ease;
10994}
10995
10996
10997.dmp6-mini:hover {
10998  transform:translateX(5px);
10999  color:#fff;
11000}
11001
11002
11003.dmp6-mini-dot {
11004  width:7px;
11005  height:7px;
11006
11007  border-radius:50%;
11008
11009  background:var(--gold2);
11010
11011  box-shadow:
11012    0 0 0 5px
11013    rgba(217,163,111,.08);
11014}
11015
11016
11017/* =================================
11018   VIDEOS
11019================================= */
11020
11021.dmp6-videos {
11022  display:grid;
11023
11024  grid-template-columns:
11025    repeat(2,1fr);
11026
11027  gap:15px;
11028}
11029
11030
11031.dmp6-video-card {
11032  position:relative;
11033
11034  overflow:hidden;
11035
11036  border:
11037    1px solid var(--border);
11038
11039  border-radius:23px;
11040
11041  background:var(--cream);
11042
11043  box-shadow:
11044    0 12px 35px
11045    rgba(40,21,13,.05);
11046
11047  transition:
11048    transform .4s ease,
11049    box-shadow .4s ease,
11050    border-color .4s ease;
11051}
11052
11053
11054.dmp6-video-card:hover {
11055  transform:translateY(-7px);
11056
11057  border-color:
11058    rgba(185,123,69,.28);
11059
11060  box-shadow:
11061    0 25px 60px
11062    rgba(40,21,13,.10);
11063}
11064
11065
11066.dmp6-video-frame {
11067  position:relative;
11068
11069  width:100%;
11070
11071  aspect-ratio:9 / 12;
11072
11073  overflow:hidden;
11074
11075  background:#21120C;
11076}
11077
11078
11079.dmp6-video {
11080  width:100%;
11081  height:100%;
11082
11083  display:block;
11084
11085  object-fit:cover;
11086
11087  background:#21120C;
11088}
11089
11090
11091.dmp6-video-frame::after {
11092  content:"";
11093
11094  position:absolute;
11095  inset:0;
11096
11097  pointer-events:none;
11098
11099  box-shadow:
11100    inset 0 -80px 80px
11101    rgba(0,0,0,.12);
11102}
11103
11104
11105.dmp6-video-info {
11106  padding:20px;
11107}
11108
11109
11110.dmp6-video-label {
11111  margin-bottom:6px;
11112
11113  color:var(--gold);
11114
11115  font-size:7px;
11116  font-weight:800;
11117
11118  letter-spacing:.16em;
11119  text-transform:uppercase;
11120}
11121
11122
11123.dmp6-video-title {
11124  margin:0;
11125
11126  color:var(--dark);
11127
11128  font-family:
11129    "Cormorant Garamond",
11130    Georgia,
11131    serif;
11132
11133  font-size:22px;
11134  font-weight:600;
11135
11136  line-height:1.08;
11137}
11138
11139
11140/* =================================
11141   WHATSAPP BLOCK
11142================================= */
11143
11144.dmp6-messages {
11145  margin-top:20px;
11146
11147  padding:40px;
11148
11149  border-radius:27px;
11150
11151  background:var(--cream);
11152
11153  border:1px solid var(--border);
11154}
11155
11156
11157.dmp6-messages-head {
11158  display:flex;
11159
11160  align-items:end;
11161
11162  justify-content:space-between;
11163
11164  gap:30px;
11165
11166  margin-bottom:25px;
11167}
11168
11169
11170.dmp6-messages-small {
11171  color:var(--gold);
11172
11173  font-size:8px;
11174  font-weight:800;
11175
11176  letter-spacing:.18em;
11177  text-transform:uppercase;
11178}
11179
11180
11181.dmp6-messages-title {
11182  margin:6px 0 0;
11183
11184  color:var(--dark);
11185
11186  font-family:
11187    "Cormorant Garamond",
11188    Georgia,
11189    serif;
11190
11191  font-size:34px;
11192  font-weight:600;
11193
11194  line-height:1;
11195}
11196
11197
11198.dmp6-messages-note {
11199  max-width:320px;
11200
11201  color:var(--muted);
11202
11203  font-size:10px;
11204  line-height:1.6;
11205
11206  text-align:right;
11207}
11208
11209
11210.dmp6-images {
11211  display:grid;
11212
11213  grid-template-columns:
11214    repeat(3,1fr);
11215
11216  gap:12px;
11217}
11218
11219
11220.dmp6-image-card {
11221  position:relative;
11222
11223  min-height:280px;
11224
11225  padding:7px;
11226
11227  overflow:hidden;
11228
11229  border:
11230    1px solid var(--border);
11231
11232  border-radius:17px;
11233
11234  background:#fff;
11235
11236  cursor:zoom-in;
11237
11238  transition:
11239    transform .35s ease,
11240    box-shadow .35s ease,
11241    border-color .35s ease;
11242}
11243
11244
11245.dmp6-image-card:hover {
11246  transform:translateY(-6px);
11247
11248  border-color:
11249    rgba(185,123,69,.30);
11250
11251  box-shadow:
11252    0 18px 45px
11253    rgba(40,21,13,.08);
11254}
11255
11256
11257.dmp6-image {
11258  width:100%;
11259  height:100%;
11260
11261  min-height:266px;
11262
11263  display:block;
11264
11265  object-fit:cover;
11266  object-position:top center;
11267
11268  border-radius:11px;
11269}
11270
11271
11272.dmp6-zoom {
11273  position:absolute;
11274
11275  right:16px;
11276  bottom:16px;
11277
11278  width:35px;
11279  height:35px;
11280
11281  border-radius:50%;
11282
11283  display:flex;
11284  align-items:center;
11285  justify-content:center;
11286
11287  background:
11288    rgba(40,21,13,.87);
11289
11290  color:#fff;
11291
11292  font-size:14px;
11293
11294  opacity:0;
11295
11296  transform:scale(.8);
11297
11298  transition:
11299    opacity .25s ease,
11300    transform .25s ease;
11301}
11302
11303
11304.dmp6-image-card:hover
11305.dmp6-zoom {
11306  opacity:1;
11307  transform:scale(1);
11308}
11309
11310
11311/* =================================
11312   TRANSPARENCY
11313================================= */
11314
11315.dmp6-note {
11316  margin-top:22px;
11317
11318  padding:20px 22px;
11319
11320  border-left:
11321    2px solid var(--gold);
11322
11323  background:
11324    rgba(185,123,69,.05);
11325
11326  color:var(--muted);
11327
11328  font-size:10.5px;
11329
11330  line-height:1.65;
11331}
11332
11333
11334.dmp6-note strong {
11335  color:var(--dark);
11336}
11337
11338
11339/* =================================
11340   LIGHTBOX
11341================================= */
11342
11343.dmp6-lightbox {
11344  position:fixed;
11345
11346  inset:0;
11347
11348  z-index:999999;
11349
11350  padding:25px;
11351
11352  display:flex;
11353
11354  align-items:center;
11355  justify-content:center;
11356
11357  background:
11358    rgba(25,12,7,.90);
11359
11360  backdrop-filter:blur(12px);
11361
11362  opacity:0;
11363
11364  visibility:hidden;
11365
11366  transition:
11367    opacity .28s ease,
11368    visibility .28s ease;
11369}
11370
11371
11372.dmp6-lightbox.dmp6-open {
11373  opacity:1;
11374  visibility:visible;
11375}
11376
11377
11378.dmp6-lightbox-inner {
11379  position:relative;
11380
11381  width:min(100%,700px);
11382
11383  max-height:90vh;
11384}
11385
11386
11387.dmp6-lightbox-image {
11388  display:block;
11389
11390  max-width:100%;
11391  max-height:88vh;
11392
11393  margin:auto;
11394
11395  object-fit:contain;
11396
11397  border-radius:16px;
11398
11399  box-shadow:
11400    0 30px 80px
11401    rgba(0,0,0,.40);
11402}
11403
11404
11405.dmp6-close {
11406  position:absolute;
11407
11408  right:-12px;
11409  top:-12px;
11410
11411  width:43px;
11412  height:43px;
11413
11414  padding:0;
11415
11416  border:0;
11417
11418  border-radius:50%;
11419
11420  background:#fff;
11421
11422  color:var(--dark);
11423
11424  font-size:21px;
11425
11426  cursor:pointer;
11427
11428  box-shadow:
11429    0 10px 30px
11430    rgba(0,0,0,.20);
11431
11432  transition:
11433    transform .25s ease;
11434}
11435
11436
11437.dmp6-close:hover {
11438  transform:rotate(90deg);
11439}
11440
11441
11442/* =================================
11443   REVEAL
11444================================= */
11445
11446.dmp6-reveal {
11447  opacity:0;
11448
11449  transform:translateY(28px);
11450
11451  transition:
11452    opacity .75s ease,
11453    transform .75s
11454    cubic-bezier(.2,.7,.3,1);
11455}
11456
11457
11458.dmp6-reveal.dmp6-visible {
11459  opacity:1;
11460  transform:translateY(0);
11461}
11462
11463
11464.dmp6-delay1 {
11465  transition-delay:.08s;
11466}
11467
11468.dmp6-delay2 {
11469  transition-delay:.16s;
11470}
11471
11472.dmp6-delay3 {
11473  transition-delay:.24s;
11474}
11475
11476
11477/* =================================
11478   TABLET
11479================================= */
11480
11481@media(max-width:900px) {
11482
11483  .dmp6 {
11484    padding:85px 0;
11485  }
11486
11487
11488  .dmp6-container {
11489    width:calc(100% - 34px);
11490  }
11491
11492
11493  .dmp6-top {
11494    grid-template-columns:1fr;
11495  }
11496
11497
11498  .dmp6-trust {
11499    min-height:auto;
11500  }
11501
11502
11503  .dmp6-images {
11504    grid-template-columns:
11505      repeat(2,1fr);
11506  }
11507
11508}
11509
11510
11511/* =================================
11512   MOBILE
11513================================= */
11514
11515@media(max-width:620px) {
11516
11517  .dmp6 {
11518    padding:65px 0;
11519  }
11520
11521
11522  .dmp6-container {
11523    width:calc(100% - 24px);
11524  }
11525
11526
11527  .dmp6-head {
11528    text-align:left;
11529    margin-bottom:42px;
11530  }
11531
11532
11533  .dmp6-eyebrow {
11534    font-size:8px;
11535  }
11536
11537
11538  .dmp6-eyebrow::after {
11539    display:none;
11540  }
11541
11542
11543  .dmp6-title {
11544    font-size:41px;
11545  }
11546
11547
11548  .dmp6-intro {
11549    margin-left:0;
11550
11551    font-size:12.5px;
11552  }
11553
11554
11555  .dmp6-videos {
11556    grid-template-columns:1fr;
11557  }
11558
11559
11560  .dmp6-video-frame {
11561    aspect-ratio:4 / 3;
11562  }
11563
11564
11565  .dmp6-messages {
11566    padding:27px 18px;
11567  }
11568
11569
11570  .dmp6-messages-head {
11571    flex-direction:column;
11572
11573    align-items:flex-start;
11574
11575    gap:10px;
11576  }
11577
11578
11579  .dmp6-messages-note {
11580    text-align:left;
11581  }
11582
11583
11584  .dmp6-images {
11585    grid-template-columns:1fr;
11586  }
11587
11588
11589  .dmp6-image-card {
11590    min-height:auto;
11591  }
11592
11593
11594  .dmp6-image {
11595    min-height:0;
11596
11597    height:auto;
11598
11599    max-height:520px;
11600
11601    object-fit:contain;
11602  }
11603
11604
11605  .dmp6-zoom {
11606    opacity:1;
11607    transform:scale(1);
11608  }
11609
11610}
11611
11612
11613/* GHL BUILDER */
11614
11615@container(max-width:620px) {
11616
11617  .dmp6-container {
11618    width:calc(100% - 24px);
11619  }
11620
11621
11622  .dmp6-top,
11623  .dmp6-videos,
11624  .dmp6-images {
11625    grid-template-columns:1fr;
11626  }
11627
11628}
11629
11630
11631/* ACCESSIBILITY */
11632
11633@media(prefers-reduced-motion:reduce) {
11634
11635  .dmp6-reveal {
11636    opacity:1;
11637    transform:none;
11638    transition:none;
11639  }
11640
11641
11642  .dmp6-trust::before {
11643    animation:none;
11644  }
11645
11646}
11647
11648</style>
11649
11650
11651<section
11652  class="dmp6"
11653  id="dmp6Section"
11654>
11655
11656  <div class="dmp6-container">
11657
11658
11659    <!-- HEADER -->
11660
11661    <header
11662      class="
11663        dmp6-head
11664        dmp6-reveal
11665      "
11666    >
11667
11668      <div class="dmp6-eyebrow">
11669        Confiance & expériences
11670      </div>
11671
11672
11673      <h2 class="dmp6-title">
11674
11675        Une confiance qui se construit
11676
11677        <span>
11678          dans le temps.
11679        </span>
11680
11681      </h2>
11682
11683
11684      <p class="dmp6-intro">
11685
11686        L’expérience ne se résume pas
11687        à un nombre d’années.
11688
11689        Elle se construit aussi à travers
11690        les échanges, les parcours rencontrés
11691        et les retours de personnes
11692        qui ont choisi de partager
11693        leur propre expérience.
11694
11695      </p>
11696
11697    </header>
11698
11699
11700    <!-- TOP -->
11701
11702    <div class="dmp6-top">
11703
11704
11705      <!-- TRUST -->
11706
11707      <aside
11708        class="
11709          dmp6-trust
11710          dmp6-reveal
11711          dmp6-delay1
11712        "
11713      >
11714
11715        <div>
11716
11717          <div class="dmp6-trust-label">
11718            Une expérience dans le temps
11719          </div>
11720
11721
11722          <div
11723            class="dmp6-counter"
11724            id="dmp6Counter"
11725          >
11726            0+
11727          </div>
11728
11729
11730          <div class="dmp6-counter-label">
11731
11732            années consacrées
11733            à l’accompagnement,
11734            à l’observation
11735            et à la transmission.
11736
11737          </div>
11738
11739        </div>
11740
11741
11742        <div class="dmp6-mini-list">
11743
11744          <div class="dmp6-mini">
11745
11746            <span class="dmp6-mini-dot"></span>
11747
11748            Écouter avant de conclure
11749
11750          </div>
11751
11752
11753          <div class="dmp6-mini">
11754
11755            <span class="dmp6-mini-dot"></span>
11756
11757            Comprendre avant d’orienter
11758
11759          </div>
11760
11761
11762          <div class="dmp6-mini">
11763
11764            <span class="dmp6-mini-dot"></span>
11765
11766            Personnaliser l’accompagnement
11767
11768          </div>
11769
11770
11771          <div class="dmp6-mini">
11772
11773            <span class="dmp6-mini-dot"></span>
11774
11775            Favoriser davantage d’autonomie
11776
11777          </div>
11778
11779        </div>
11780
11781      </aside>
11782
11783
11784      <!-- VIDEOS -->
11785
11786      <div class="dmp6-videos">
11787
11788
11789        <!-- VIDEO 01 -->
11790
11791        <article
11792          class="
11793            dmp6-video-card
11794            dmp6-reveal
11795            dmp6-delay2
11796          "
11797        >
11798
11799          <div class="dmp6-video-frame">
11800
11801            <video
11802              class="dmp6-video"
11803              controls
11804              playsinline
11805              preload="metadata"
11806            >
11807
11808              <source
11809                src="https://assets.cdn.filesafe.space/2WEaZWamD6KwM7dlA587/media/6a7e390bc0662ee5c42949bb.mp4"
11810                type="video/mp4"
11811              >
11812
11813            </video>
11814
11815          </div>
11816
11817
11818          <div class="dmp6-video-info">
11819
11820            <div class="dmp6-video-label">
11821              Témoignage
11822            </div>
11823
11824            <h3 class="dmp6-video-title">
11825
11826              Une expérience racontée
11827              directement par la personne.
11828
11829            </h3>
11830
11831          </div>
11832
11833        </article>
11834
11835
11836        <!-- VIDEO 02 -->
11837
11838        <article
11839          class="
11840            dmp6-video-card
11841            dmp6-reveal
11842            dmp6-delay3
11843          "
11844        >
11845
11846          <div class="dmp6-video-frame">
11847
11848            <video
11849              class="dmp6-video"
11850              controls
11851              playsinline
11852              preload="metadata"
11853            >
11854
11855              <source
11856                src="https://assets.cdn.filesafe.space/2WEaZWamD6KwM7dlA587/media/6a7e3895c0662ee5c426f4a0.mp4"
11857                type="video/mp4"
11858              >
11859
11860            </video>
11861
11862          </div>
11863
11864
11865          <div class="dmp6-video-info">
11866
11867            <div class="dmp6-video-label">
11868              Témoignage
11869            </div>
11870
11871            <h3 class="dmp6-video-title">
11872
11873              Un autre parcours,
11874              partagé avec ses propres mots.
11875
11876            </h3>
11877
11878          </div>
11879
11880        </article>
11881
11882
11883      </div>
11884
11885    </div>
11886
11887
11888    <!-- WHATSAPP -->
11889
11890    <div
11891      class="
11892        dmp6-messages
11893        dmp6-reveal
11894      "
11895    >
11896
11897      <div class="dmp6-messages-head">
11898
11899        <div>
11900
11901          <div class="dmp6-messages-small">
11902            Messages reçus
11903          </div>
11904
11905
11906          <h3 class="dmp6-messages-title">
11907
11908            Des retours partagés
11909            après leur expérience.
11910
11911          </h3>
11912
11913        </div>
11914
11915
11916        <div class="dmp6-messages-note">
11917
11918          Cliquez sur une capture
11919          pour la consulter en grand.
11920
11921        </div>
11922
11923      </div>
11924
11925
11926      <div class="dmp6-images">
11927
11928
11929        <!-- IMAGE 01 -->
11930
11931        <div
11932          class="dmp6-image-card"
11933          data-image="https://assets.cdn.filesafe.space/2WEaZWamD6KwM7dlA587/media/6a80726499074f5ef647147b.png"
11934        >
11935
11936          <img
11937            src="https://assets.cdn.filesafe.space/2WEaZWamD6KwM7dlA587/media/6a80726499074f5ef647147b.png"
11938            class="dmp6-image"
11939            alt="Témoignage reçu par Dr Maher"
11940            loading="lazy"
11941          >
11942
11943          <span class="dmp6-zoom">
11944            +
11945          </span>
11946
11947        </div>
11948
11949
11950        <!-- IMAGE 02 -->
11951
11952        <div
11953          class="dmp6-image-card"
11954          data-image="https://assets.cdn.filesafe.space/2WEaZWamD6KwM7dlA587/media/6a807263cf50f900f228a457.png"
11955        >
11956
11957          <img
11958            src="https://assets.cdn.filesafe.space/2WEaZWamD6KwM7dlA587/media/6a807263cf50f900f228a457.png"
11959            class="dmp6-image"
11960            alt="Témoignage reçu par Dr Maher"
11961            loading="lazy"
11962          >
11963
11964          <span class="dmp6-zoom">
11965            +
11966          </span>
11967
11968        </div>
11969
11970
11971        <!-- IMAGE 03 -->
11972
11973        <div
11974          class="dmp6-image-card"
11975          data-image="https://assets.cdn.filesafe.space/2WEaZWamD6KwM7dlA587/media/6a80726399074f5ef6471439.png"
11976        >
11977
11978          <img
11979            src="https://assets.cdn.filesafe.space/2WEaZWamD6KwM7dlA587/media/6a80726399074f5ef6471439.png"
11980            class="dmp6-image"
11981            alt="Témoignage reçu par Dr Maher"
11982            loading="lazy"
11983          >
11984
11985          <span class="dmp6-zoom">
11986            +
11987          </span>
11988
11989        </div>
11990
11991
11992      </div>
11993
11994    </div>
11995
11996
11997    <!-- NOTE -->
11998
11999    <div
12000      class="
12001        dmp6-note
12002        dmp6-reveal
12003      "
12004    >
12005
12006      <strong>
12007        À propos de ces témoignages :
12008      </strong>
12009
12010      ils reflètent des expériences individuelles.
12011      Chaque situation et chaque parcours restent
12012      différents ; ils ne constituent donc pas
12013      une garantie de résultat identique.
12014
12015    </div>
12016
12017
12018  </div>
12019
12020</section>
12021
12022
12023<!-- LIGHTBOX -->
12024
12025<div
12026  class="dmp6-lightbox"
12027  id="dmp6Lightbox"
12028  aria-hidden="true"
12029>
12030
12031  <div class="dmp6-lightbox-inner">
12032
12033    <button
12034      type="button"
12035      class="dmp6-close"
12036      id="dmp6Close"
12037      aria-label="Fermer"
12038    >
12039      ×
12040    </button>
12041
12042
12043    <img
12044      src=""
12045      id="dmp6LightboxImage"
12046      class="dmp6-lightbox-image"
12047      alt="Témoignage"
12048    >
12049
12050  </div>
12051
12052</div>
12053
12054
12055<script>
12056
12057(function(){
12058
12059  function initDMP6(){
12060
12061    const section =
12062      document.getElementById(
12063        "dmp6Section"
12064      );
12065
12066    if(!section) return;
12067
12068
12069    if(
12070      section.dataset.ready === "1"
12071    ){
12072      return;
12073    }
12074
12075
12076    section.dataset.ready = "1";
12077
12078
12079    /* =================================
12080       REVEAL
12081    ================================= */
12082
12083    const reveals =
12084      section.querySelectorAll(
12085        ".dmp6-reveal"
12086      );
12087
12088
12089    if(
12090      "IntersectionObserver" in window
12091    ){
12092
12093      const observer =
12094        new IntersectionObserver(
12095
12096          function(entries){
12097
12098            entries.forEach(
12099              function(entry){
12100
12101                if(
12102                  entry.isIntersecting
12103                ){
12104
12105                  entry.target
12106                    .classList
12107                    .add(
12108                      "dmp6-visible"
12109                    );
12110
12111
12112                  observer
12113                    .unobserve(
12114                      entry.target
12115                    );
12116
12117                }
12118
12119              }
12120            );
12121
12122          },
12123
12124          {
12125            threshold:.12,
12126            rootMargin:
12127              "0px 0px -20px 0px"
12128          }
12129
12130        );
12131
12132
12133      reveals.forEach(
12134        function(el){
12135
12136          observer.observe(el);
12137
12138        }
12139      );
12140
12141    }
12142
12143    else{
12144
12145      reveals.forEach(
12146        function(el){
12147
12148          el.classList.add(
12149            "dmp6-visible"
12150          );
12151
12152        }
12153      );
12154
12155    }
12156
12157
12158    /* =================================
12159       COUNTER
12160    ================================= */
12161
12162    const counter =
12163      document.getElementById(
12164        "dmp6Counter"
12165      );
12166
12167
12168    let counterStarted=false;
12169
12170
12171    function startCounter(){
12172
12173      if(
12174        counterStarted ||
12175        !counter
12176      ){
12177        return;
12178      }
12179
12180
12181      counterStarted=true;
12182
12183
12184      const target=25;
12185
12186      const duration=1300;
12187
12188      const start=
12189        performance.now();
12190
12191
12192      function animate(now){
12193
12194        const p=
12195          Math.min(
12196            (now-start)/duration,
12197            1
12198          );
12199
12200
12201        const eased=
12202          1-Math.pow(
12203            1-p,
12204            3
12205          );
12206
12207
12208        counter.textContent=
12209          Math.round(
12210            target*eased
12211          ) + "+";
12212
12213
12214        if(p<1){
12215
12216          requestAnimationFrame(
12217            animate
12218          );
12219
12220        }
12221
12222      }
12223
12224
12225      requestAnimationFrame(
12226        animate
12227      );
12228
12229    }
12230
12231
12232    if(
12233      "IntersectionObserver" in window
12234    ){
12235
12236      const counterObserver=
12237        new IntersectionObserver(
12238
12239          function(entries){
12240
12241            if(
12242              entries[0]
12243              .isIntersecting
12244            ){
12245
12246              startCounter();
12247
12248              counterObserver.disconnect();
12249
12250            }
12251
12252          },
12253
12254          {
12255            threshold:.3
12256          }
12257
12258        );
12259
12260
12261      counterObserver.observe(section);
12262
12263    }
12264
12265    else{
12266
12267      startCounter();
12268
12269    }
12270
12271
12272    /* =================================
12273       ONE VIDEO AT A TIME
12274    ================================= */
12275
12276    const videos=
12277      section.querySelectorAll(
12278        ".dmp6-video"
12279      );
12280
12281
12282    videos.forEach(
12283      function(video){
12284
12285        video.addEventListener(
12286          "play",
12287          function(){
12288
12289            videos.forEach(
12290              function(other){
12291
12292                if(
12293                  other !== video
12294                ){
12295
12296                  other.pause();
12297
12298                }
12299
12300              }
12301            );
12302
12303          }
12304        );
12305
12306      }
12307    );
12308
12309
12310    /* =================================
12311       LIGHTBOX
12312    ================================= */
12313
12314    const cards=
12315      section.querySelectorAll(
12316        ".dmp6-image-card"
12317      );
12318
12319
12320    const lightbox=
12321      document.getElementById(
12322        "dmp6Lightbox"
12323      );
12324
12325
12326    const lightboxImage=
12327      document.getElementById(
12328        "dmp6LightboxImage"
12329      );
12330
12331
12332    const close=
12333      document.getElementById(
12334        "dmp6Close"
12335      );
12336
12337
12338    function openLightbox(src){
12339
12340      if(
12341        !lightbox ||
12342        !lightboxImage
12343      ){
12344        return;
12345      }
12346
12347
12348      lightboxImage.src=src;
12349
12350
12351      lightbox
12352        .classList
12353        .add(
12354          "dmp6-open"
12355        );
12356
12357
12358      lightbox.setAttribute(
12359        "aria-hidden",
12360        "false"
12361      );
12362
12363
12364      document.body.style.overflow=
12365        "hidden";
12366
12367    }
12368
12369
12370    function closeLightbox(){
12371
12372      if(!lightbox) return;
12373
12374
12375      lightbox
12376        .classList
12377        .remove(
12378          "dmp6-open"
12379        );
12380
12381
12382      lightbox.setAttribute(
12383        "aria-hidden",
12384        "true"
12385      );
12386
12387
12388      document.body.style.overflow="";
12389
12390    }
12391
12392
12393    cards.forEach(
12394      function(card){
12395
12396        card.addEventListener(
12397          "click",
12398          function(){
12399
12400            openLightbox(
12401              card.dataset.image
12402            );
12403
12404          }
12405        );
12406
12407      }
12408    );
12409
12410
12411    if(close){
12412
12413      close.addEventListener(
12414        "click",
12415        closeLightbox
12416      );
12417
12418    }
12419
12420
12421    if(lightbox){
12422
12423      lightbox.addEventListener(
12424        "click",
12425        function(e){
12426
12427          if(
12428            e.target === lightbox
12429          ){
12430
12431            closeLightbox();
12432
12433          }
12434
12435        }
12436      );
12437
12438    }
12439
12440
12441    document.addEventListener(
12442      "keydown",
12443      function(e){
12444
12445        if(
12446          e.key === "Escape"
12447        ){
12448
12449          closeLightbox();
12450
12451        }
12452
12453      }
12454    );
12455
12456  }
12457
12458
12459  if(
12460    document.readyState ===
12461    "loading"
12462  ){
12463
12464    document.addEventListener(
12465      "DOMContentLoaded",
12466      initDMP6
12467    );
12468
12469  }
12470
12471  else{
12472
12473    initDMP6();
12474
12475  }
12476
12477
12478  document.addEventListener(
12479    "hydrationDone",
12480    initDMP6
12481  );
12482
12483})();
12484
12485</script>
12485</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-tvK7sI6mtA" data-animation-class data-entrance-clip="1" style="" class="fullSection true c-section c-wrapper section-tvK7sI6mtA"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-GkFZJ42V3A" data-animation-class data-entrance-clip="1" style="" class="row-align-center true c-row c-wrapper row-GkFZJ42V3A"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-RgO08oDYVg" data-animation-class data-entrance-clip="1" style="" class="true c-column c-wrapper col-RgO08oDYVg"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-Pecpx06PpF" data-animation-class style="" class="c-custom-code c-wrapper custom-code-Pecpx06PpF"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-Pecpx06PpF__custom-code" class="custom-code-container ccustom-code-Pecpx06PpF"><!-- =====================================================
12486     DR MAHER — DM-P07
12487     FINAL CTA / PAGE DR MAHER
12488     Funnel Crafts
12489===================================================== -->
12490
12491<style>
12492
12493.dmp7,
12494.dmp7 * {
12495  box-sizing:border-box;
12496}
12497
12498.dmp7 {
12499  --brown:#482615;
12500  --dark:#28150D;
12501  --dark2:#1E0F09;
12502
12503  --gold:#B97B45;
12504  --gold2:#D9A36F;
12505
12506  --cream:#FAF7F2;
12507
12508  position:relative;
12509  width:100%;
12510  overflow:hidden;
12511
12512  padding:105px 0;
12513
12514  background:
12515    linear-gradient(
12516      140deg,
12517      #28150D 0%,
12518      #3A1D10 55%,
12519      #211009 100%
12520    );
12521
12522  font-family:"Manrope",Arial,sans-serif;
12523
12524  container-type:inline-size;
12525}
12526
12527
12528/* =================================
12529   BACKGROUND
12530================================= */
12531
12532.dmp7::before {
12533
12534  content:"";
12535
12536  position:absolute;
12537
12538  width:600px;
12539  height:600px;
12540
12541  right:-250px;
12542  top:-300px;
12543
12544  border-radius:50%;
12545
12546  background:
12547    radial-gradient(
12548      circle,
12549      rgba(185,123,69,.22),
12550      transparent 68%
12551    );
12552
12553  animation:
12554    dmp7Glow 8s
12555    ease-in-out infinite alternate;
12556
12557  pointer-events:none;
12558}
12559
12560
12561.dmp7::after {
12562
12563  content:"";
12564
12565  position:absolute;
12566
12567  width:430px;
12568  height:430px;
12569
12570  left:-220px;
12571  bottom:-260px;
12572
12573  border-radius:50%;
12574
12575  border:
12576    1px solid rgba(217,163,111,.08);
12577
12578  pointer-events:none;
12579}
12580
12581
12582@keyframes dmp7Glow {
12583
12584  from {
12585    transform:
12586      translate(0,0)
12587      scale(1);
12588  }
12589
12590  to {
12591    transform:
12592      translate(-40px,40px)
12593      scale(1.12);
12594  }
12595
12596}
12597
12598
12599/* =================================
12600   CONTAINER
12601================================= */
12602
12603.dmp7-container {
12604
12605  position:relative;
12606  z-index:2;
12607
12608  width:min(
12609    calc(100% - 48px),
12610    1100px
12611  );
12612
12613  margin:0 auto;
12614}
12615
12616
12617/* =================================
12618   CARD
12619================================= */
12620
12621.dmp7-card {
12622
12623  position:relative;
12624
12625  overflow:hidden;
12626
12627  padding:
12628    65px 70px;
12629
12630  border:
12631    1px solid
12632    rgba(255,255,255,.11);
12633
12634  border-radius:30px;
12635
12636  background:
12637    rgba(255,255,255,.055);
12638
12639  backdrop-filter:
12640    blur(12px);
12641
12642  text-align:center;
12643
12644  box-shadow:
12645    0 30px 90px
12646    rgba(0,0,0,.14);
12647}
12648
12649
12650/* ring */
12651
12652.dmp7-ring {
12653
12654  position:absolute;
12655
12656  width:360px;
12657  height:360px;
12658
12659  right:-170px;
12660  top:50%;
12661
12662  transform:
12663    translateY(-50%);
12664
12665  border:
12666    1px solid
12667    rgba(217,163,111,.10);
12668
12669  border-radius:50%;
12670
12671  pointer-events:none;
12672
12673  animation:
12674    dmp7Rotate 25s linear infinite;
12675}
12676
12677
12678.dmp7-ring::before {
12679
12680  content:"";
12681
12682  position:absolute;
12683
12684  inset:55px;
12685
12686  border:
12687    1px solid
12688    rgba(217,163,111,.08);
12689
12690  border-radius:50%;
12691}
12692
12693
12694@keyframes dmp7Rotate {
12695
12696  from {
12697    transform:
12698      translateY(-50%)
12699      rotate(0);
12700  }
12701
12702  to {
12703    transform:
12704      translateY(-50%)
12705      rotate(360deg);
12706  }
12707
12708}
12709
12710
12711/* =================================
12712   CONTENT
12713================================= */
12714
12715.dmp7-content {
12716
12717  position:relative;
12718  z-index:3;
12719
12720  max-width:820px;
12721
12722  margin:0 auto;
12723}
12724
12725
12726.dmp7-eyebrow {
12727
12728  display:inline-flex;
12729
12730  align-items:center;
12731
12732  gap:11px;
12733
12734  margin-bottom:17px;
12735
12736  color:var(--gold2);
12737
12738  font-size:8.5px;
12739
12740  font-weight:700;
12741
12742  letter-spacing:.22em;
12743
12744  text-transform:uppercase;
12745}
12746
12747
12748.dmp7-eyebrow::before,
12749.dmp7-eyebrow::after {
12750
12751  content:"";
12752
12753  width:28px;
12754  height:1px;
12755
12756  background:var(--gold2);
12757}
12758
12759
12760.dmp7-title {
12761
12762  max-width:790px;
12763
12764  margin:0 auto;
12765
12766  color:#fff;
12767
12768  font-family:
12769    "Cormorant Garamond",
12770    Georgia,
12771    serif;
12772
12773  font-size:
12774    clamp(47px,5vw,70px);
12775
12776  font-weight:600;
12777
12778  line-height:.96;
12779
12780  letter-spacing:-.03em;
12781}
12782
12783
12784.dmp7-title span {
12785
12786  display:block;
12787
12788  margin-top:8px;
12789
12790  color:var(--gold2);
12791}
12792
12793
12794.dmp7-text {
12795
12796  max-width:650px;
12797
12798  margin:
12799    24px auto 0;
12800
12801  color:
12802    rgba(255,255,255,.62);
12803
12804  font-size:13.5px;
12805
12806  line-height:1.8;
12807}
12808
12809
12810/* =================================
12811   STEPS
12812================================= */
12813
12814.dmp7-steps {
12815
12816  max-width:720px;
12817
12818  margin:
12819    34px auto 0;
12820
12821  display:grid;
12822
12823  grid-template-columns:
12824    repeat(3,1fr);
12825
12826  gap:10px;
12827}
12828
12829
12830.dmp7-step {
12831
12832  padding:16px 13px;
12833
12834  border:
12835    1px solid
12836    rgba(255,255,255,.09);
12837
12838  border-radius:14px;
12839
12840  background:
12841    rgba(255,255,255,.035);
12842
12843  transition:
12844    transform .3s ease,
12845    background .3s ease,
12846    border-color .3s ease;
12847}
12848
12849
12850.dmp7-step:hover {
12851
12852  transform:
12853    translateY(-4px);
12854
12855  background:
12856    rgba(255,255,255,.075);
12857
12858  border-color:
12859    rgba(217,163,111,.22);
12860}
12861
12862
12863.dmp7-step-number {
12864
12865  margin-bottom:5px;
12866
12867  color:var(--gold2);
12868
12869  font-family:
12870    "Cormorant Garamond",
12871    Georgia,
12872    serif;
12873
12874  font-size:17px;
12875
12876  font-weight:700;
12877}
12878
12879
12880.dmp7-step-text {
12881
12882  color:
12883    rgba(255,255,255,.68);
12884
12885  font-size:9.5px;
12886
12887  line-height:1.45;
12888}
12889
12890
12891/* =================================
12892   BUTTONS
12893================================= */
12894
12895.dmp7-actions {
12896
12897  margin-top:34px;
12898
12899  display:flex;
12900
12901  justify-content:center;
12902
12903  flex-wrap:wrap;
12904
12905  gap:12px;
12906}
12907
12908
12909.dmp7-btn {
12910
12911  min-height:53px;
12912
12913  padding:
12914    0 24px;
12915
12916  border-radius:999px;
12917
12918  display:inline-flex;
12919
12920  align-items:center;
12921
12922  justify-content:center;
12923
12924  gap:10px;
12925
12926  font-size:11px;
12927
12928  font-weight:700;
12929
12930  text-decoration:none !important;
12931
12932  transition:
12933    transform .3s ease,
12934    background .3s ease,
12935    box-shadow .3s ease,
12936    border-color .3s ease;
12937}
12938
12939
12940.dmp7-primary {
12941
12942  position:relative;
12943
12944  overflow:hidden;
12945
12946  background:var(--gold);
12947
12948  border:
12949    1px solid var(--gold);
12950
12951  color:#fff !important;
12952
12953  box-shadow:
12954    0 15px 35px
12955    rgba(0,0,0,.18);
12956}
12957
12958
12959/* shine */
12960
12961.dmp7-primary::before {
12962
12963  content:"";
12964
12965  position:absolute;
12966
12967  width:65px;
12968  height:160%;
12969
12970  top:-30%;
12971  left:-100px;
12972
12973  transform:
12974    rotate(20deg);
12975
12976  background:
12977    linear-gradient(
12978      90deg,
12979      transparent,
12980      rgba(255,255,255,.32),
12981      transparent
12982    );
12983
12984  transition:
12985    left .65s ease;
12986}
12987
12988
12989.dmp7-primary:hover {
12990
12991  transform:
12992    translateY(-3px);
12993
12994  background:var(--gold2);
12995
12996  border-color:var(--gold2);
12997
12998  box-shadow:
12999    0 20px 45px
13000    rgba(0,0,0,.23);
13001}
13002
13003
13004.dmp7-primary:hover::before {
13005
13006  left:120%;
13007}
13008
13009
13010.dmp7-secondary {
13011
13012  background:
13013    rgba(255,255,255,.025);
13014
13015  border:
13016    1px solid
13017    rgba(255,255,255,.16);
13018
13019  color:
13020    rgba(255,255,255,.82)
13021    !important;
13022}
13023
13024
13025.dmp7-secondary:hover {
13026
13027  transform:
13028    translateY(-3px);
13029
13030  background:
13031    rgba(255,255,255,.08);
13032
13033  border-color:
13034    rgba(255,255,255,.25);
13035
13036  color:#fff !important;
13037}
13038
13039
13040/* =================================
13041   TRUST
13042================================= */
13043
13044.dmp7-trust {
13045
13046  max-width:700px;
13047
13048  margin:
13049    25px auto 0;
13050
13051  display:flex;
13052
13053  justify-content:center;
13054
13055  flex-wrap:wrap;
13056
13057  gap:
13058    9px 18px;
13059}
13060
13061
13062.dmp7-trust-item {
13063
13064  display:flex;
13065
13066  align-items:center;
13067
13068  gap:6px;
13069
13070  color:
13071    rgba(255,255,255,.43);
13072
13073  font-size:8.5px;
13074
13075  font-weight:600;
13076}
13077
13078
13079.dmp7-check {
13080
13081  width:16px;
13082  height:16px;
13083
13084  border-radius:50%;
13085
13086  display:flex;
13087
13088  align-items:center;
13089  justify-content:center;
13090
13091  background:
13092    rgba(217,163,111,.11);
13093
13094  color:var(--gold2);
13095
13096  font-size:7px;
13097}
13098
13099
13100/* =================================
13101   DISCLAIMER
13102================================= */
13103
13104.dmp7-note {
13105
13106  max-width:720px;
13107
13108  margin:
13109    30px auto 0;
13110
13111  padding-top:20px;
13112
13113  border-top:
13114    1px solid
13115    rgba(255,255,255,.08);
13116
13117  color:
13118    rgba(255,255,255,.36);
13119
13120  font-size:8.5px;
13121
13122  line-height:1.6;
13123}
13124
13125
13126/* =================================
13127   REVEAL
13128================================= */
13129
13130.dmp7-reveal {
13131
13132  opacity:0;
13133
13134  transform:
13135    translateY(28px);
13136
13137  transition:
13138    opacity .8s ease,
13139    transform .8s
13140    cubic-bezier(.2,.7,.3,1);
13141}
13142
13143
13144.dmp7-reveal.dmp7-visible {
13145
13146  opacity:1;
13147
13148  transform:
13149    translateY(0);
13150}
13151
13152
13153.dmp7-delay1 {
13154  transition-delay:.08s;
13155}
13156
13157.dmp7-delay2 {
13158  transition-delay:.18s;
13159}
13160
13161.dmp7-delay3 {
13162  transition-delay:.28s;
13163}
13164
13165
13166/* =================================
13167   MOBILE
13168================================= */
13169
13170@media(max-width:700px) {
13171
13172  .dmp7 {
13173
13174    padding:70px 0;
13175  }
13176
13177
13178  .dmp7-container {
13179
13180    width:
13181      calc(100% - 24px);
13182  }
13183
13184
13185  .dmp7-card {
13186
13187    padding:
13188      45px 23px;
13189
13190    border-radius:24px;
13191  }
13192
13193
13194  .dmp7-title {
13195
13196    font-size:43px;
13197  }
13198
13199
13200  .dmp7-text {
13201
13202    font-size:12.5px;
13203  }
13204
13205
13206  .dmp7-steps {
13207
13208    grid-template-columns:1fr;
13209
13210    gap:8px;
13211  }
13212
13213
13214  .dmp7-step {
13215
13216    display:grid;
13217
13218    grid-template-columns:
13219      30px 1fr;
13220
13221    align-items:center;
13222
13223    gap:9px;
13224
13225    text-align:left;
13226  }
13227
13228
13229  .dmp7-step-number {
13230
13231    margin:0;
13232  }
13233
13234
13235  .dmp7-actions {
13236
13237    display:grid;
13238
13239    grid-template-columns:1fr;
13240  }
13241
13242
13243  .dmp7-btn {
13244
13245    width:100%;
13246  }
13247
13248
13249  .dmp7-trust {
13250
13251    display:grid;
13252
13253    gap:8px;
13254
13255    text-align:left;
13256  }
13257
13258
13259  .dmp7-ring {
13260
13261    width:280px;
13262    height:280px;
13263
13264    right:-190px;
13265  }
13266
13267}
13268
13269
13270/* GHL BUILDER */
13271
13272@container(max-width:700px) {
13273
13274  .dmp7-container {
13275
13276    width:
13277      calc(100% - 24px);
13278  }
13279
13280
13281  .dmp7-card {
13282
13283    padding:
13284      45px 23px;
13285  }
13286
13287
13288  .dmp7-steps {
13289
13290    grid-template-columns:1fr;
13291  }
13292
13293
13294  .dmp7-actions {
13295
13296    display:grid;
13297
13298    grid-template-columns:1fr;
13299  }
13300
13301
13302  .dmp7-btn {
13303
13304    width:100%;
13305  }
13306
13307}
13308
13309
13310/* ACCESSIBILITY */
13311
13312@media(prefers-reduced-motion:reduce) {
13313
13314  .dmp7-reveal {
13315
13316    opacity:1;
13317
13318    transform:none;
13319
13320    transition:none;
13321  }
13322
13323
13324  .dmp7::before,
13325  .dmp7-ring {
13326
13327    animation:none;
13328  }
13329
13330
13331  .dmp7-primary::before {
13332
13333    display:none;
13334  }
13335
13336}
13337
13338</style>
13339
13340
13341<section
13342  class="dmp7"
13343  id="dmp7Section"
13344>
13345
13346  <div class="dmp7-container">
13347
13348
13349    <div
13350      class="
13351        dmp7-card
13352        dmp7-reveal
13353      "
13354    >
13355
13356      <div class="dmp7-ring"></div>
13357
13358
13359      <div class="dmp7-content">
13360
13361
13362        <!-- EYEBROW -->
13363
13364        <div
13365          class="
13366            dmp7-reveal
13367            dmp7-delay1
13368          "
13369        >
13370
13371          <div class="dmp7-eyebrow">
13372            Votre prochaine étape
13373          </div>
13374
13375
13376          <h2 class="dmp7-title">
13377
13378            Vous n’avez pas besoin
13379            d’avoir toutes les réponses
13380
13381            <span>
13382              pour commencer.
13383            </span>
13384
13385          </h2>
13386
13387
13388          <p class="dmp7-text">
13389
13390            Si vous souhaitez savoir
13391            quelle démarche pourrait être
13392            la plus adaptée à votre situation,
13393            commencez simplement par nous
13394            expliquer ce que vous vivez
13395            et les questions auxquelles
13396            vous cherchez aujourd’hui
13397            une réponse plus claire.
13398
13399          </p>
13400
13401        </div>
13402
13403
13404        <!-- STEPS -->
13405
13406        <div
13407          class="
13408            dmp7-steps
13409            dmp7-reveal
13410            dmp7-delay2
13411          "
13412        >
13413
13414          <div class="dmp7-step">
13415
13416            <div class="dmp7-step-number">
13417              01
13418            </div>
13419
13420            <div class="dmp7-step-text">
13421              Présentez votre situation
13422            </div>
13423
13424          </div>
13425
13426
13427          <div class="dmp7-step">
13428
13429            <div class="dmp7-step-number">
13430              02
13431            </div>
13432
13433            <div class="dmp7-step-text">
13434              Obtenez davantage de repères
13435            </div>
13436
13437          </div>
13438
13439
13440          <div class="dmp7-step">
13441
13442            <div class="dmp7-step-number">
13443              03
13444            </div>
13445
13446            <div class="dmp7-step-text">
13447              Identifiez votre prochaine étape
13448            </div>
13449
13450          </div>
13451
13452        </div>
13453
13454
13455        <!-- ACTIONS -->
13456
13457        <div
13458          class="
13459            dmp7-actions
13460            dmp7-reveal
13461            dmp7-delay3
13462          "
13463        >
13464
13465          <a
13466            href="/consultation-orientation#reservation"
13467            class="
13468              dmp7-btn
13469              dmp7-primary
13470            "
13471          >
13472
13473            Commencer ma démarche
13474
13475            <span>→</span>
13476
13477          </a>
13478
13479
13480          <a
13481            href="/approche"
13482            class="
13483              dmp7-btn
13484              dmp7-secondary
13485            "
13486          >
13487
13488            Découvrir l’approche
13489
13490          </a>
13491
13492        </div>
13493
13494
13495        <!-- TRUST -->
13496
13497        <div
13498          class="
13499            dmp7-trust
13500            dmp7-reveal
13501          "
13502        >
13503
13504          <div class="dmp7-trust-item">
13505
13506            <span class="dmp7-check">
13507              ✓
13508            </span>
13509
13510            Une première étape claire
13511
13512          </div>
13513
13514
13515          <div class="dmp7-trust-item">
13516
13517            <span class="dmp7-check">
13518              ✓
13519            </span>
13520
13521            Pas de solution imposée à l’avance
13522
13523          </div>
13524
13525
13526          <div class="dmp7-trust-item">
13527
13528            <span class="dmp7-check">
13529              ✓
13530            </span>
13531
13532            Une orientation selon votre besoin
13533
13534          </div>
13535
13536        </div>
13537
13538
13539        <!-- NOTE -->
13540
13541        <div
13542          class="
13543            dmp7-note
13544            dmp7-reveal
13545          "
13546        >
13547
13548          L’accompagnement spirituel proposé
13549          ne remplace pas une consultation,
13550          un diagnostic ou un suivi médical
13551          ou psychologique lorsqu’ils sont nécessaires.
13552
13553        </div>
13554
13555
13556      </div>
13557
13558
13559    </div>
13560
13561
13562  </div>
13563
13564</section>
13565
13566
13567<script>
13568
13569(function(){
13570
13571  function initDMP7(){
13572
13573    const section =
13574      document.getElementById(
13575        "dmp7Section"
13576      );
13577
13578    if(!section) return;
13579
13580
13581    if(
13582      section.dataset.ready === "1"
13583    ){
13584      return;
13585    }
13586
13587
13588    section.dataset.ready="1";
13589
13590
13591    const elements =
13592      section.querySelectorAll(
13593        ".dmp7-reveal"
13594      );
13595
13596
13597    if(
13598      "IntersectionObserver"
13599      in window
13600    ){
13601
13602      const observer =
13603        new IntersectionObserver(
13604
13605          function(entries){
13606
13607            entries.forEach(
13608              function(entry){
13609
13610                if(
13611                  entry.isIntersecting
13612                ){
13613
13614                  entry.target
13615                    .classList
13616                    .add(
13617                      "dmp7-visible"
13618                    );
13619
13620
13621                  observer
13622                    .unobserve(
13623                      entry.target
13624                    );
13625
13626                }
13627
13628              }
13629            );
13630
13631          },
13632
13633          {
13634            threshold:.12,
13635
13636            rootMargin:
13637              "0px 0px -20px 0px"
13638          }
13639
13640        );
13641
13642
13643      elements.forEach(
13644        function(el){
13645
13646          observer.observe(el);
13647
13648        }
13649      );
13650
13651    }
13652
13653    else{
13654
13655      elements.forEach(
13656        function(el){
13657
13658          el.classList.add(
13659            "dmp7-visible"
13660          );
13661
13662        }
13663      );
13664
13665    }
13666
13667  }
13668
13669
13670  if(
13671    document.readyState ===
13672    "loading"
13673  ){
13674
13675    document.addEventListener(
13676      "DOMContentLoaded",
13677      initDMP7
13678    );
13679
13680  }
13681
13682  else{
13683
13684    initDMP7();
13685
13686  }
13687
13688
13689  document.addEventListener(
13690    "hydrationDone",
13691    initDMP7
13692  );
13693
13694})();
13695
13696</script>
13696</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="section-njTwEiaoPe" data-animation-class data-entrance-clip="1" style="" class="fullSection true c-section c-wrapper section-njTwEiaoPe"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="row-9lv0FjQbx4" data-animation-class data-entrance-clip="1" style="" class="row-align-center true c-row c-wrapper row-9lv0FjQbx4"><!----><!----><div class="inner"><!----><!--[--><!--[--><div id="col-sOGCtOJgGX" data-animation-class data-entrance-clip="1" style="" class="true c-column c-wrapper col-sOGCtOJgGX"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-XgObksslhG" data-animation-class style="" class="c-custom-code c-wrapper custom-code-XgObksslhG"><!----><!----><!----><!----><!----><!----><!----><span></span><div id="custom-code-XgObksslhG__custom-code" class="custom-code-container ccustom-code-XgObksslhG"><!-- =========================================================
13697     DR MAHER — DM-13 GLOBAL FOOTER V4
13698     FINAL NAV + LEGAL LINKS + MOBILE
13699========================================================= -->
13700
13701<link rel="preconnect" href="https://fonts.googleapis.com">
13702<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
13703<link
13704  href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap"
13705  rel="stylesheet"
13706>
13707
13708<style>
13709
13710.dm13,
13711.dm13 *{
13712  box-sizing:border-box;
13713}
13714
13715.dm13{
13716  --dark:#1C0E08;
13717  --dark2:#28150D;
13718  --brown:#482615;
13719  --gold:#B97B45;
13720  --gold2:#D9A36F;
13721  --cream:#FAF7F2;
13722
13723  width:100vw;
13724  margin-left:calc(50% - 50vw);
13725
13726  position:relative;
13727  overflow:hidden;
13728
13729  background:
13730    radial-gradient(
13731      circle at 8% 5%,
13732      rgba(185,123,69,.12),
13733      transparent 24%
13734    ),
13735    linear-gradient(
13736      145deg,
13737      #160B07,
13738      #28150D
13739    );
13740
13741  color:#fff;
13742
13743  font-family:"Manrope",Arial,sans-serif;
13744}
13745
13746
13747/* DECORATION */
13748
13749.dm13::before{
13750  content:"";
13751
13752  position:absolute;
13753
13754  width:420px;
13755  height:420px;
13756
13757  right:-220px;
13758  top:-220px;
13759
13760  border-radius:50%;
13761
13762  border:
13763    1px solid rgba(217,163,111,.07);
13764
13765  pointer-events:none;
13766}
13767
13768.dm13::after{
13769  content:"";
13770
13771  position:absolute;
13772
13773  width:250px;
13774  height:250px;
13775
13776  right:-120px;
13777  top:-120px;
13778
13779  border-radius:50%;
13780
13781  border:
13782    1px solid rgba(217,163,111,.08);
13783
13784  pointer-events:none;
13785}
13786
13787
13788
13789/* =====================================================
13790   MAIN
13791===================================================== */
13792
13793.dm13-main{
13794  position:relative;
13795  z-index:2;
13796
13797  width:min(
13798    calc(100% - 40px),
13799    1180px
13800  );
13801
13802  margin:0 auto;
13803
13804  padding:
13805    75px 0 55px;
13806
13807  display:grid;
13808
13809  grid-template-columns:
13810    1.35fr .8fr .9fr .9fr;
13811
13812  gap:55px;
13813}
13814
13815
13816
13817/* =====================================================
13818   BRAND
13819===================================================== */
13820
13821.dm13-brand{
13822  max-width:340px;
13823}
13824
13825.dm13-logo-link{
13826  display:inline-flex;
13827
13828  text-decoration:none!important;
13829}
13830
13831.dm13-logo{
13832  display:block;
13833
13834  width:145px;
13835  height:auto;
13836
13837  filter:
13838    brightness(0)
13839    invert(1);
13840
13841  opacity:.94;
13842}
13843
13844.dm13-brand-text{
13845  max-width:320px;
13846
13847  margin-top:23px;
13848
13849  color:
13850    rgba(255,255,255,.57);
13851
13852  font-size:10px;
13853
13854  line-height:1.8;
13855}
13856
13857.dm13-brand-text strong{
13858  color:#fff;
13859
13860  font-weight:700;
13861}
13862
13863
13864/* CTA */
13865
13866.dm13-cta{
13867  display:inline-flex;
13868
13869  align-items:center;
13870  justify-content:center;
13871
13872  gap:9px;
13873
13874  min-height:45px;
13875
13876  margin-top:25px;
13877
13878  padding:0 18px;
13879
13880  border-radius:999px;
13881
13882  background:var(--gold);
13883
13884  color:#fff!important;
13885
13886  text-decoration:none!important;
13887
13888  font-size:9px;
13889
13890  font-weight:750;
13891
13892  transition:
13893    transform .3s ease,
13894    background .3s ease;
13895}
13896
13897.dm13-cta:hover{
13898  transform:translateY(-2px);
13899
13900  background:var(--gold2);
13901}
13902
13903
13904
13905/* =====================================================
13906   COLUMNS
13907===================================================== */
13908
13909.dm13-col-title{
13910  margin-bottom:19px;
13911
13912  color:var(--gold2);
13913
13914  font-size:7px;
13915
13916  font-weight:800;
13917
13918  letter-spacing:.16em;
13919
13920  text-transform:uppercase;
13921}
13922
13923.dm13-links{
13924  display:flex;
13925
13926  flex-direction:column;
13927
13928  align-items:flex-start;
13929
13930  gap:11px;
13931}
13932
13933.dm13-link{
13934  position:relative;
13935
13936  display:inline-flex;
13937
13938  align-items:center;
13939
13940  gap:7px;
13941
13942  color:
13943    rgba(255,255,255,.68)!important;
13944
13945  text-decoration:none!important;
13946
13947  font-size:9px;
13948
13949  font-weight:550;
13950
13951  line-height:1.45;
13952
13953  transition:
13954    color .25s ease,
13955    transform .25s ease;
13956}
13957
13958.dm13-link::before{
13959  content:"";
13960
13961  width:0;
13962  height:1px;
13963
13964  background:var(--gold);
13965
13966  transition:width .25s ease;
13967}
13968
13969.dm13-link:hover{
13970  color:#fff!important;
13971
13972  transform:translateX(3px);
13973}
13974
13975.dm13-link:hover::before{
13976  width:11px;
13977}
13978
13979
13980
13981/* =====================================================
13982   CONTACT
13983===================================================== */
13984
13985.dm13-contact{
13986  margin-top:23px;
13987
13988  padding-top:20px;
13989
13990  border-top:
13991    1px solid rgba(255,255,255,.08);
13992}
13993
13994.dm13-contact-label{
13995  color:
13996    rgba(255,255,255,.38);
13997
13998  font-size:6.5px;
13999
14000  font-weight:700;
14001
14002  letter-spacing:.12em;
14003
14004  text-transform:uppercase;
14005}
14006
14007.dm13-email{
14008  display:inline-block;
14009
14010  margin-top:6px;
14011
14012  color:var(--gold2)!important;
14013
14014  text-decoration:none!important;
14015
14016  font-size:9px;
14017
14018  font-weight:700;
14019}
14020
14021
14022
14023/* =====================================================
14024   BOTTOM
14025===================================================== */
14026
14027.dm13-bottom{
14028  position:relative;
14029  z-index:2;
14030
14031  width:min(
14032    calc(100% - 40px),
14033    1180px
14034  );
14035
14036  margin:0 auto;
14037
14038  padding:
14039    20px 0 24px;
14040
14041  border-top:
14042    1px solid rgba(255,255,255,.08);
14043
14044  display:flex;
14045
14046  align-items:center;
14047  justify-content:space-between;
14048
14049  gap:20px;
14050}
14051
14052.dm13-copy{
14053  color:
14054    rgba(255,255,255,.38);
14055
14056  font-size:7.5px;
14057
14058  line-height:1.5;
14059}
14060
14061.dm13-bottom-links{
14062  display:flex;
14063
14064  align-items:center;
14065
14066  flex-wrap:wrap;
14067
14068  gap:
14069    7px 15px;
14070}
14071
14072.dm13-bottom-link{
14073  color:
14074    rgba(255,255,255,.43)!important;
14075
14076  text-decoration:none!important;
14077
14078  font-size:7px;
14079
14080  transition:color .25s ease;
14081}
14082
14083.dm13-bottom-link:hover{
14084  color:var(--gold2)!important;
14085}
14086
14087
14088
14089/* =====================================================
14090   DISCLAIMER
14091===================================================== */
14092
14093.dm13-disclaimer{
14094  position:relative;
14095  z-index:2;
14096
14097  width:min(
14098    calc(100% - 40px),
14099    1180px
14100  );
14101
14102  margin:0 auto;
14103
14104  padding:
14105    18px 20px;
14106
14107  border-top:
14108    1px solid rgba(255,255,255,.07);
14109
14110  text-align:center;
14111
14112  color:
14113    rgba(255,255,255,.34);
14114
14115  font-size:6.8px;
14116
14117  line-height:1.7;
14118}
14119
14120.dm13-disclaimer a{
14121  color:
14122    rgba(217,163,111,.70)!important;
14123
14124  text-decoration:none!important;
14125}
14126
14127
14128
14129/* =====================================================
14130   TABLET
14131===================================================== */
14132
14133@media(max-width:950px){
14134
14135  .dm13-main{
14136    grid-template-columns:
14137      1.4fr 1fr;
14138
14139    gap:
14140      45px 55px;
14141  }
14142
14143}
14144
14145
14146
14147/* =====================================================
14148   MOBILE
14149===================================================== */
14150
14151@media(max-width:620px){
14152
14153  .dm13-main{
14154    width:100%;
14155
14156    padding:
14157      55px 20px 38px;
14158
14159    grid-template-columns:1fr;
14160
14161    gap:35px;
14162  }
14163
14164  .dm13-brand{
14165    max-width:100%;
14166  }
14167
14168  .dm13-logo{
14169    width:130px;
14170  }
14171
14172  .dm13-brand-text{
14173    max-width:100%;
14174
14175    font-size:9.5px;
14176  }
14177
14178  .dm13-cta{
14179    width:100%;
14180
14181    min-height:49px;
14182
14183    margin-top:21px;
14184  }
14185
14186  .dm13-col-title{
14187    margin-bottom:15px;
14188  }
14189
14190  .dm13-links{
14191    gap:13px;
14192  }
14193
14194  .dm13-link{
14195    font-size:9.5px;
14196  }
14197
14198  .dm13-bottom{
14199    width:100%;
14200
14201    padding:
14202      20px;
14203
14204    flex-direction:column;
14205
14206    align-items:flex-start;
14207
14208    gap:15px;
14209  }
14210
14211  .dm13-bottom-links{
14212    gap:
14213      9px 14px;
14214  }
14215
14216  .dm13-disclaimer{
14217    width:100%;
14218
14219    padding:
14220      17px 20px 23px;
14221
14222    text-align:left;
14223  }
14224
14225}
14226
14227</style>
14228
14229
14230
14231<footer class="dm13">
14232
14233
14234  <!-- ===================================================
14235       MAIN
14236  ==================================================== -->
14237
14238  <div class="dm13-main">
14239
14240
14241    <!-- BRAND -->
14242
14243    <div class="dm13-brand">
14244
14245      <a
14246        href="/"
14247        class="dm13-logo-link"
14248        aria-label="Dr Maher Jalal — Accueil"
14249      >
14250
14251        <img
14252          src="https://assets.cdn.filesafe.space/2WEaZWamD6KwM7dlA587/media/6a7f0480a6a03cda06594294.png"
14253          alt="Dr Maher Jalal"
14254          class="dm13-logo"
14255        >
14256
14257      </a>
14258
14259
14260      <div class="dm13-brand-text">
14261
14262        <strong>
14263          Cabinet Maher
14264        </strong>
14265
14266        propose un cadre d’écoute,
14267        d’orientation et d’accompagnement
14268        permettant à chacun d’avancer
14269        avec davantage de clarté.
14270
14271      </div>
14272
14273
14274      <a
14275        href="/consultation-orientation"
14276        class="dm13-cta"
14277      >
14278
14279        Commencer ma démarche
14280
14281        <span>→</span>
14282
14283      </a>
14284
14285
14286      <div class="dm13-contact">
14287
14288        <div class="dm13-contact-label">
14289          Contact
14290        </div>
14291
14292        <a href="/cdn-cgi/l/email-protection#caa9a5a4beaba9be8aa9aba8a3a4afbea7aba2afb8e4a9a5a7" class="dm13-email">
14293          <span class="__cf_email__" data-cfemail="abc8c4c5dfcac8dfebc8cac9c2c5cedfc6cac3ced985c8c4c6">[email&#160;protected]</span>
14294        </a>
14295
14296      </div>
14297
14298    </div>
14299
14300
14301
14302    <!-- NAVIGATION -->
14303
14304    <div>
14305
14306      <div class="dm13-col-title">
14307        Navigation
14308      </div>
14309
14310      <nav class="dm13-links">
14311
14312        <a
14313          href="/"
14314          class="dm13-link"
14315        >
14316          Accueil
14317        </a>
14318
14319        <a
14320          href="/dr-maher"
14321          class="dm13-link"
14322        >
14323          Dr Maher
14324        </a>
14325
14326        <a
14327          href="/approche"
14328          class="dm13-link"
14329        >
14330          Notre approche
14331        </a>
14332
14333        <a
14334          href="/ressources"
14335          class="dm13-link"
14336        >
14337          Ressources
14338        </a>
14339
14340        <a
14341          href="/boutique"
14342          class="dm13-link"
14343        >
14344          Boutique
14345        </a>
14346
14347        <a
14348          href="/contact"
14349          class="dm13-link"
14350        >
14351          Contact
14352        </a>
14353
14354      </nav>
14355
14356    </div>
14357
14358
14359
14360    <!-- ACCOMPAGNEMENTS -->
14361
14362    <div>
14363
14364      <div class="dm13-col-title">
14365        Accompagnements
14366      </div>
14367
14368      <nav class="dm13-links">
14369
14370        <a
14371          href="/consultation-orientation"
14372          class="dm13-link"
14373        >
14374          Consultation & orientation
14375        </a>
14376
14377        <a
14378          href="/roqya"
14379          class="dm13-link"
14380        >
14381          Roqya
14382        </a>
14383
14384        <a
14385          href="/psychologie-couple"
14386          class="dm13-link"
14387        >
14388          Psychologie & couple
14389        </a>
14390
14391        <a
14392          href="/coaching"
14393          class="dm13-link"
14394        >
14395          Coaching
14396        </a>
14397
14398        <a
14399          href="/accompagnements"
14400          class="dm13-link"
14401        >
14402          Tous les accompagnements
14403        </a>
14404
14405      </nav>
14406
14407    </div>
14408
14409
14410
14411    <!-- PROGRAMMES -->
14412
14413    <div>
14414
14415      <div class="dm13-col-title">
14416        Programmes
14417      </div>
14418
14419      <nav class="dm13-links">
14420
14421        <a
14422          href="/programmes"
14423          class="dm13-link"
14424        >
14425          Programmes de suivi
14426        </a>
14427
14428        <a
14429          href="/formations"
14430          class="dm13-link"
14431        >
14432          Formations
14433        </a>
14434
14435        <a
14436          href="/challenges"
14437          class="dm13-link"
14438        >
14439          Challenges
14440        </a>
14441
14442        <a
14443          href="/lives"
14444          class="dm13-link"
14445        >
14446          Lives & événements
14447        </a>
14448
14449      </nav>
14450
14451    </div>
14452
14453
14454  </div>
14455
14456
14457
14458  <!-- ===================================================
14459       BOTTOM + LEGAL
14460  ==================================================== -->
14461
14462  <div class="dm13-bottom">
14463
14464
14465    <div class="dm13-copy">
14466
14467      © <span id="dm13Year"></span>
14468      Cabinet Maher.
14469      Tous droits réservés.
14470
14471    </div>
14472
14473
14474    <nav
14475      class="dm13-bottom-links"
14476      aria-label="Liens légaux"
14477    >
14478
14479      <a
14480        href="/mentions-legales"
14481        class="dm13-bottom-link"
14482      >
14483        Mentions légales
14484      </a>
14485
14486      <a
14487        href="/politique-de-confidentialite"
14488        class="dm13-bottom-link"
14489      >
14490        Confidentialité
14491      </a>
14492
14493      <a
14494        href="/politique-de-cookies"
14495        class="dm13-bottom-link"
14496      >
14497        Cookies
14498      </a>
14499
14500      <a
14501        href="/conditions-generales-de-vente"
14502        class="dm13-bottom-link"
14503      >
14504        CGV
14505      </a>
14506
14507      <a
14508        href="/avertissement"
14509        class="dm13-bottom-link"
14510      >
14511        Avertissement
14512      </a>
14513
14514    </nav>
14515
14516
14517  </div>
14518
14519
14520
14521  <!-- DISCLAIMER -->
14522
14523  <div class="dm13-disclaimer">
14524
14525    Les informations et accompagnements proposés
14526    sur ce site ne remplacent pas,
14527    lorsque cela est nécessaire,
14528    un diagnostic ou une prise en charge
14529    par un professionnel de santé qualifié.
14530
14531    <a href="/avertissement">
14532      En savoir plus →
14533    </a>
14534
14535  </div>
14536
14537
14538</footer>
vendor: 112 bytes, lines 14538-14542
14538
14539
14540
14541
14542<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
14542<script>
14543
14544(function(){
14545
14546  const year =
14547    document.getElementById(
14548      "dm13Year"
14549    );
14550
14551  if(year){
14552
14553    year.textContent =
14554      new Date().getFullYear();
14555
14556  }
14557
14558})();
14559
14560</script>
vendor: 1 bytes, line 14560
14560
14561<script src="https://widgets.leadconnectorhq.com/loader.js" data-resources-url="https://widgets.leadconnectorhq.com/chat-widget/loader.js" data-widget-id="6aa333a20f61f7f7c36c6ca4"></script>
14561</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><span></span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div></div><!----><div><!--[--><!----><div id="gb-track-hl-custom-code"></div><!--]--></div><!----></div><!--]--></div><!--]--><!--]--></div><div id="teleports"></div>
14561<script>window.__NUXT__={};window.__NUXT__.config={public:{baseUrl:"https://apisystem.tech",newBaseURL:"https://backend.leadconnectorhq.com/appengine",serverBaseUrl:"https://apisystem.tech",NODE_ENV:"production",OLD_STORAGE_API_URL1_CDN:"https://cdn.msgsndr.com",OLD_STORAGE_API_URL2_CDN:"https://assets.cdn.msgsndr.com",STORAGE_API_URL1_CDN:"https://cdn.filesafe.space",STORAGE_API_URL2_CDN:"https://assets.cdn.filesafe.space",REVIEW_WIDGET_URL:"https://backend.leadconnectorhq.com/appengine/reviews/get_widget/",REST_API_URLS:"https://backend.leadconnectorhq.com",STATS_API_URL:"https://backend.leadconnectorhq.com",paymentsServiceUrl:"https://backend.leadconnectorhq.com",pciIframeEnabled:true,paymentEmbedOrigin:"https://payment-embed.leadconnectorhq.com",pciIframeLocations:"uF0vaUyrN6rdVdctJldw,xab25XqX1o1xdmYkKqBs",HLS_URL:"https://content.apisystem.tech",IMAGE_CDN:"https://images.leadconnectorhq.com",IMAGE_CDN_WHITELIST:["assets.cdn.msgsndr.com","cdn.msgsndr.com","cdn.filesafe.space","assets.cdn.filesafe.space","storage.googleapis.com","firebasestorage.googleapis.com"],authorizeAcceptJsUrlTestMode:"https://jstest.authorize.net/v1/Accept.js",authorizeAcceptJsUrlLiveMode:"https://js.authorize.net/v1/Accept.js",nmiPaymentProviderScriptUrl:"https://secure.safewebservices.com/token/Collect.js",FORMS_SERVICE_URL:"https://backend.leadconnectorhq.com",SURVEYS_SERVICE_URL:"https://backend.leadconnectorhq.com",QR_CODE_SERVICE_URL:"https://backend.leadconnectorhq.com",GOOGLE_API_SERVICE_URL:"https://services.leadconnectorhq.com/common-google",ECOMMERCE_SERVICE_URL:"https://backend.leadconnectorhq.com/ecommerce",HL_HOMEPAGE_STEPID:"6dcfb06b-9734-44bd-bbcc-8bd4b7fec976",STRIPE_BNPL_CONFIGURATION_TEST:"pmc_1OaAR1FpU9DlKp7RH0HHU4xH",STRIPE_BNPL_CONFIGURATION_LIVE:"pmc_1OlnyOFpU9DlKp7R4tTHuihw",STRIPE_PMC_KEY_TEST:"pmc_1Ps2bTFpU9DlKp7RmgTzmJUL",STRIPE_PMC_KEY_LIVE:"pmc_1PzYYpFpU9DlKp7RcgxVmcvS",STRIPE_DEFAULT_CONFIGURATION_TEST:"pmc_1M95aRFpU9DlKp7ReIqqY0PP",STRIPE_DEFAULT_CONFIGURATION_LIVE:"pmc_1NYilsFpU9DlKp7RkMiUNrKE",STRIPE_DEFAULT_CONFIGURATION_TEST_SURVEY:"pmc_1QrvB7FpU9DlKp7RcL9L2idV",STRIPE_DEFAULT_CONFIGURATION_LIVE_SURVEY:"pmc_1Qwds7FpU9DlKp7RMCBlclQ0",STRIPE_DEFAULT_CONFIGURATION_TEST_FORM:"pmc_1Qodu1FpU9DlKp7RoWHB8Txx",STRIPE_DEFAULT_CONFIGURATION_LIVE_FORM:"pmc_1QwcV0FpU9DlKp7RORUHPK8B",STRIPE_CARD_ONLY_TEST_PMC:"pmc_1PVvmcFpU9DlKp7RFsjX5G7G",STRIPE_CARD_ONLY_LIVE_PMC:"pmc_1PVvogFpU9DlKp7Rj8F0ITLV",ENTERPRISE_RECAPTCHA_SITE_KEY:"6LeDBFwpAAAAAJe8ux9-imrqZ2ueRsEtdiWoDDpX",ENTERPRISE_RECAPTCHA_CHECKBOX_SITE_KEY:"6Lfjxx4sAAAAAIsnmlR5mKNS7QwIWqDjABW2SUu7",STRIPE_ONE_STEP_PMC_ID_TEST:"pmc_1QodqYFpU9DlKp7R8EIapiwE",STRIPE_TWO_STEP_PMC_ID_TEST:"pmc_1QodsEFpU9DlKp7RHRyay2KC",STRIPE_ONE_STEP_PMC_ID_LIVE:"pmc_1QwcLrFpU9DlKp7Rl9zb07x1",STRIPE_TWO_STEP_PMC_ID_LIVE:"pmc_1QwcP4FpU9DlKp7R4L0ytWkJ",RECAPTCHA_SITE_KEY:"6LfcbMseAAAAAI-EJoB-lUh7_TJaYloLbcbmnhEO",TURNSTILE_INVISIBLE_SITE_KEY:"0x4AAAAAACCpVlau-4k7cJ33",TURNSTILE_VISIBLE_SITE_KEY:"0x4AAAAAACDfuwSBQ2sYO1VD",TURNSTILE_INVISIBLE_TEST_SITE_KEY:"1x00000000000000000000BB",TURNSTILE_VISIBLE_TEST_SITE_KEY:"1x00000000000000000000AA",ENCRYPTED_STORAGE_SECRET_KEY:"daffd34c5f824e455827b0c87cbbf64f8b0cd32b79b6d73100fc4bdf41f095ea",formFunnelWrapperEnabled:true,formCalendarWrapperEnabled:true,formNativeWrapperEnabled:true,formCalendarServiceWrapperEnabled:true,formCalendarRentalWrapperEnabled:true,surveyFunnelWrapperEnabled:true,surveyNativeWrapperEnabled:true,quizNativeWrapperEnabled:true,i18n:{baseUrl:"",defaultLocale:"en",defaultDirection:"ltr",strategy:"no_prefix",lazy:true,rootRedirect:"",routesNameSeparator:"___",defaultLocaleRouteNameSuffix:"default",skipSettingLocaleOnNavigate:true,differentDomains:false,trailingSlash:false,detectBrowserLanguage:{alwaysRedirect:false,cookieCrossOrigin:false,cookieDomain:"",cookieKey:"i18n_redirected",cookieSecure:false,fallbackLocale:"",redirectOn:"root",useCookie:true},experimental:{localeDetector:"",switchLocalePathLinkSSR:false,autoImportTranslationFunctions:false,typedPages:true,typedOptionsAndMessages:false,generatedLocaleFilePathFormat:"absolute",alternateLinkCanonicalQueries:false,hmr:true},multiDomainLocales:false,domainLocales:{da:{domain:""},de:{domain:""},en:{domain:""},es:{domain:""},fi:{domain:""},"fr-ca":{domain:""},fr:{domain:""},hu:{domain:""},it:{domain:""},nl:{domain:""},no:{domain:""},pl:{domain:""},"pt-br":{domain:""},pt:{domain:""},sv:{domain:""}}}},app:{baseURL:"/",buildId:"97de309d-fc41-4c88-8203-19fbd0b97a7d",buildAssetsDir:"/_preview/",cdnURL:"https://stcdn.leadconnectorhq.com/"}}</script>
14561<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":916,"once":1132,"_errors":1133,"serverRendered":35},["ShallowReactive",3],{"pageData":4},{"elements":5,"popup":839,"fontsToLoad":48,"customFonts":840,"meta":841,"domainName":842,"pageUrl":843,"pageId":844,"pageName":845,"locationId":846,"headerCode":48,"footerCode":48,"popupsList":847,"favicon":876,"globalHeadTrackingCode":48,"globalBodyTrackingCode":877,"funnelId":878,"funnelName":879,"stepId":880,"affiliateId":-1,"cookieConsent":-1,"disablePageLevelCookieConsent":44,"pixelToInit":881,"isOptimisePageLoad":35,"backgroundSettingsClass":50,"schemaMarkup":882,"isGeolocationNeeded":44},[6,18,63,92,126,139,166,189,216,227,253,276,303,314,340,363,390,401,427,450,477,488,514,537,564,575,601,624,651,662,688,711,738,749,778,801,828],{"id":7,"child":8},"hl_main",[9,10,11,12,13,14,15,16,17],"section-SjvbjSWuH2","section-iVNYuHl6rj","section-TH2CIhE_DL","section-pRGakx7Czt","section-9eP2fvPGvj","section-RvaHhfISTm","section-UG-WHYa8SN","section-tvK7sI6mtA","section-njTwEiaoPe",{"id":9,"type":19,"child":20,"class":22,"styles":36,"extra":39,"meta":19,"tagName":56,"title":57,"tabletStyles":58,"tabletWrapper":59,"classStr":24,"_id":9,"prebuiltSectionTemplate":60},"section",[21],"row-qrrgPtRpuq",{"width":23,"entranceAnimation":25,"animationScale":27,"animationDuration":29,"animationDelay":30,"animationEasing":32,"disableAnimationsOnMobile":34},{"value":24},"fullSection",{"value":26},null,{"value":28},1,{"value":28},{"value":31},0,{"value":33},"linear",{"value":35},true,{"borderWidth":37},{"value":38},"0px",{"sticky":40,"visibility":42,"bgImage":45,"allowRowMaxWidth":51,"customClass":52,"elementScreenshot":54},{"value":41},"noneSticky",{"value":43},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},false,{"value":46},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},"image","","1","bgCover",{"value":35},{"value":53},[],{"value":55},[],"c-section","dm-01 global header",{},{},{"_id":61,"name":57,"prebuiltSectionTemplateType":62,"deleted":44},"6a822034d559fc86c06c9554","sync",{"id":21,"type":64,"child":65,"class":67,"styles":76,"extra":78,"tagName":88,"meta":64,"tabletStyles":89,"tabletWrapper":90,"title":91,"classStr":69},"row",[66],"col-2OWzlgmhFW",{"alignRow":68,"entranceAnimation":70,"animationScale":71,"animationDuration":72,"animationDelay":73,"animationEasing":74,"disableAnimationsOnMobile":75},{"value":69},"row-align-center",{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"borderWidth":77},{"value":38},{"visibility":79,"bgImage":81,"rowWidth":83,"customClass":86},{"value":80},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":82},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":84,"unit":85},100,"%",{"value":87},[],"c-row",{},{},"1 Column Row",{"id":66,"type":93,"child":94,"class":96,"styles":104,"extra":106,"tagName":122,"meta":93,"tabletStyles":123,"tabletWrapper":124,"title":125,"noOfColumns":28},"col",[95],"custom-code-VjSoG4xwtH",{"entranceAnimation":97,"animationScale":98,"animationDuration":99,"animationDelay":100,"animationEasing":101,"disableAnimationsOnMobile":102,"nestedColumn":103},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"value":48},{"borderWidth":105},{"value":38},{"visibility":107,"bgImage":109,"columnLayout":111,"justifyContentColumnLayout":113,"alignContentColumnLayout":115,"forceColumnLayoutForMobile":117,"customClass":118,"elementVersion":120},{"value":108},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":110},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":112},"column",{"value":114},"center",{"value":116},"inherit",{"value":35},{"value":119},[],{"value":121},2,"c-column",{},{},"1st Column",{"extra":127,"id":95,"meta":136,"tagName":137,"class":138},{"visibility":128,"customCode":130,"customClass":133,"nodeId":135},{"value":129},{"hideMobile":48,"hideDesktop":48,"hideTablet":44},{"value":131},{"rawCustomCode":132},"\u003C!-- =========================================================\n     DR MAHER — DM-01 GLOBAL HEADER V5\n     MOBILE FIX + NO HIJAMA\n     Funnel Crafts\n========================================================= -->\n\n\u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Ffonts.googleapis.com\">\n\u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Ffonts.gstatic.
14561com\" crossorigin>\n\n\u003Clink\n  href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap\"\n  rel=\"stylesheet\"\n>\n\n\u003Cstyle>\n\n.dmh3,\n.dmh3 *{\n  box-sizing:border-box;\n}\n\n.dmh3{\n  --brown:#482615;\n  --dark:#28150D;\n  --gold:#B97B45;\n  --gold2:#D9A36F;\n\n  --cream:#FAF7F2;\n  --cream2:#F3EEE6;\n\n  --text:#2B1A14;\n  --muted:#76675E;\n\n  --line:rgba(72,38,21,.10);\n\n  position:sticky;\n  top:0;\n  z-index:99990;\n\n  \u002F* GHL FULL WIDTH FIX *\u002F\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n\n  font-family:\"Manrope\",Arial,sans-serif;\n\n  background:rgba(250,247,242,.96);\n\n  backdrop-filter:blur(18px) saturate(140%);\n  -webkit-backdrop-filter:blur(18px) saturate(140%);\n\n  border-bottom:1px solid var(--line);\n\n  box-shadow:\n    0 8px 30px rgba(40,21,13,.035);\n}\n\n\n\u002F* =====================================================\n   TOP BAR\n===================================================== *\u002F\n\n.dmh3-topbar{\n  position:relative;\n\n  width:100%;\n  min-height:28px;\n\n  padding:5px 18px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  overflow:hidden;\n\n  background:var(--dark);\n\n  color:rgba(255,255,255,.72);\n\n  font-size:7.5px;\n  font-weight:650;\n\n  letter-spacing:.10em;\n  text-transform:uppercase;\n}\n\n\n.dmh3-topbar::before{\n  content:\"\";\n\n  position:absolute;\n\n  width:140px;\n  height:100%;\n\n  top:0;\n  left:-180px;\n\n  transform:skewX(-22deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.07),\n      transparent\n    );\n\n  animation:dmh3Sweep 8s ease-in-out infinite;\n}\n\n\n@keyframes dmh3Sweep{\n\n  0%,55%{\n    left:-180px;\n  }\n\n  75%,100%{\n    left:calc(100% + 180px);\n  }\n\n}\n\n\n.dmh3-topbar strong{\n  color:var(--gold2);\n  font-weight:800;\n}\n\n\n\u002F* =====================================================\n   MAIN HEADER\n===================================================== *\u002F\n\n.dmh3-main{\n  width:min(\n    calc(100% - 44px),\n    1280px\n  );\n\n  min-height:78px;\n\n  margin:0 auto;\n\n  display:grid;\n\n  grid-template-columns:\n    auto minmax(0,1fr) auto;\n\n  align-items:center;\n\n  gap:26px;\n}\n\n\n\u002F* =====================================================\n   LOGO\n===================================================== *\u002F\n\n.dmh3-brand{\n  display:flex;\n  align-items:center;\n\n  min-width:118px;\n\n  text-decoration:none!important;\n}\n\n\n.dmh3-logo{\n  display:block;\n\n  width:116px;\n  height:auto;\n\n  max-height:58px;\n\n  object-fit:contain;\n\n  transform-origin:left center;\n\n  transition:transform .35s ease;\n}\n\n\n.dmh3-brand:hover .dmh3-logo{\n  transform:scale(1.035);\n}\n\n\n\u002F* =====================================================\n   DESKTOP NAV\n===================================================== *\u002F\n\n.dmh3-nav{\n  min-width:0;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  gap:2px;\n}\n\n\n.dmh3-nav-item{\n  position:relative;\n}\n\n\n.dmh3-nav-link,\n.dmh3-drop-trigger{\n  position:relative;\n\n  min-height:45px;\n\n  padding:0 11px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  gap:6px;\n\n  border:0;\n  outline:0;\n\n  background:transparent;\n\n  color:var(--text)!important;\n\n  text-decoration:none!important;\n\n  white-space:nowrap;\n\n  font-family:\"Manrope\",Arial,sans-serif;\n\n  font-size:10px;\n  font-weight:650;\n\n  cursor:pointer;\n}\n\n\n.dmh3-nav-link::after,\n.dmh3-drop-trigger::after{\n  content:\"\";\n\n  position:absolute;\n\n  left:11px;\n  right:11px;\n  bottom:4px;\n\n  height:1.5px;\n\n  border-radius:999px;\n\n  background:var(--gold);\n\n  transform:scaleX(0);\n\n  transition:transform .3s ease;\n}\n\n\n.dmh3-nav-link:hover,\n.dmh3-drop-trigger:hover,\n.dmh3-nav-item.dmh3-current .dmh3-nav-link,\n.dmh3-nav-item.dmh3-current .dmh3-drop-trigger{\n  color:var(--gold)!important;\n}\n\n\n.dmh3-nav-link:hover::after,\n.dmh3-drop-trigger:hover::after,\n.dmh3-nav-item.dmh3-current .dmh3-nav-link::after,\n.dmh3-nav-item.dmh3-current .dmh3-drop-trigger::after{\n  transform:scale
14561X(1);\n}\n\n\n\u002F* CHEVRON *\u002F\n\n.dmh3-chevron{\n  width:6px;\n  height:6px;\n\n  border-right:1.5px solid currentColor;\n  border-bottom:1.5px solid currentColor;\n\n  transform:\n    rotate(45deg)\n    translateY(-2px);\n\n  transition:transform .3s ease;\n}\n\n\n.dmh3-nav-item:hover .dmh3-chevron,\n.dmh3-nav-item.dmh3-drop-open .dmh3-chevron{\n  transform:\n    rotate(225deg)\n    translate(-1px,-1px);\n}\n\n\n\u002F* =====================================================\n   DROPDOWN\n===================================================== *\u002F\n\n.dmh3-dropdown{\n  position:absolute;\n\n  top:calc(100% - 2px);\n  left:50%;\n\n  width:300px;\n\n  padding:8px;\n\n  border:1px solid rgba(72,38,21,.10);\n  border-radius:18px;\n\n  background:rgba(255,255,255,.985);\n\n  box-shadow:\n    0 24px 70px rgba(40,21,13,.13);\n\n  opacity:0;\n  visibility:hidden;\n  pointer-events:none;\n\n  transform:translate(-50%,10px);\n\n  transition:\n    opacity .25s ease,\n    visibility .25s ease,\n    transform .3s ease;\n}\n\n\n.dmh3-nav-item:hover .dmh3-dropdown,\n.dmh3-nav-item:focus-within .dmh3-dropdown,\n.dmh3-nav-item.dmh3-drop-open .dmh3-dropdown{\n  opacity:1;\n  visibility:visible;\n  pointer-events:auto;\n\n  transform:translate(-50%,0);\n}\n\n\n\u002F* DROPDOWN HEAD *\u002F\n\n.dmh3-drop-head{\n  padding:11px 12px 9px;\n\n  margin-bottom:4px;\n\n  border-bottom:1px solid var(--line);\n}\n\n\n.dmh3-drop-label{\n  margin-bottom:3px;\n\n  color:var(--gold);\n\n  font-size:6.5px;\n  font-weight:800;\n\n  letter-spacing:.17em;\n  text-transform:uppercase;\n}\n\n\n.dmh3-drop-title{\n  color:var(--dark);\n\n  font-family:\"Cormorant Garamond\",Georgia,serif;\n\n  font-size:20px;\n  font-weight:600;\n\n  line-height:1;\n}\n\n\n\u002F* DROPDOWN LINK *\u002F\n\n.dmh3-drop-link{\n  min-height:49px;\n\n  padding:9px 10px;\n\n  border-radius:11px;\n\n  display:grid;\n\n  grid-template-columns:\n    33px minmax(0,1fr) auto;\n\n  gap:9px;\n\n  align-items:center;\n\n  color:var(--text)!important;\n\n  text-decoration:none!important;\n\n  transition:\n    background .25s ease,\n    transform .25s ease;\n}\n\n\n.dmh3-drop-link:hover{\n  background:var(--cream);\n\n  transform:translateX(3px);\n}\n\n\n.dmh3-drop-icon{\n  width:33px;\n  height:33px;\n\n  border-radius:50%;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  background:rgba(185,123,69,.10);\n\n  color:var(--gold);\n\n  font-family:\"Cormorant Garamond\",Georgia,serif;\n\n  font-size:13px;\n  font-weight:700;\n}\n\n\n.dmh3-drop-name{\n  display:block;\n\n  color:var(--dark);\n\n  font-size:9px;\n  font-weight:750;\n\n  line-height:1.3;\n}\n\n\n.dmh3-drop-desc{\n  display:block;\n\n  margin-top:2px;\n\n  color:var(--muted);\n\n  font-size:7px;\n\n  line-height:1.35;\n}\n\n\n.dmh3-drop-arrow{\n  color:var(--gold);\n\n  font-size:11px;\n\n  transition:transform .25s ease;\n}\n\n\n.dmh3-drop-link:hover .dmh3-drop-arrow{\n  transform:translateX(3px);\n}\n\n\n\u002F* ALL *\u002F\n\n.dmh3-drop-all{\n  min-height:40px;\n\n  margin-top:4px;\n\n  padding:0 11px;\n\n  border-radius:10px;\n\n  background:var(--brown);\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  color:#fff!important;\n\n  text-decoration:none!important;\n\n  font-size:8px;\n  font-weight:750;\n\n  transition:\n    background .25s ease,\n    transform .25s ease;\n}\n\n\n.dmh3-drop-all:hover{\n  background:var(--gold);\n\n  transform:translateY(-1px);\n}\n\n\n\u002F* =====================================================\n   CTA\n===================================================== *\u002F\n\n.dmh3-actions{\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n}\n\n\n.dmh3-cta{\n  min-height:45px;\n\n  padding:0 18px;\n\n  border-radius:999px;\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  gap:8px;\n\n  background:var(--brown);\n\n  color:#fff!important;\n\n  text-decoration:none!important;\n\n  white-space:nowrap;\n\n  font-size:9px;\n  font-weight:750;\n\n  box-shadow:\n    0 11px 25px rgba(72,38,21,.13);\n\n  transition:\n    transform .3s ease,\n    background .3s ease;\n}\n\n\n.dmh3-cta:hover{\n  transform:translateY(-2px);\n\n  background:var(--gold);\n}\n\n\n\u002F* =====================================================\n   HAMBURGER\n===================================================== *\u002F\n\n.dmh3-menu
14561-btn{\n  display:none;\n\n  width:44px;\n  height:44px;\n\n  padding:0;\n\n  border:1px solid var(--line);\n  border-radius:50%;\n\n  background:#fff;\n\n  cursor:pointer;\n\n  align-items:center;\n  justify-content:center;\n\n  flex-direction:column;\n\n  gap:4px;\n\n  flex:0 0 auto;\n}\n\n\n.dmh3-menu-line{\n  width:16px;\n  height:1.5px;\n\n  border-radius:999px;\n\n  background:var(--brown);\n\n  transition:\n    transform .3s ease,\n    opacity .3s ease;\n}\n\n\n.dmh3-menu-btn.dmh3-open\n.dmh3-menu-line:nth-child(1){\n  transform:\n    translateY(5.5px)\n    rotate(45deg);\n}\n\n\n.dmh3-menu-btn.dmh3-open\n.dmh3-menu-line:nth-child(2){\n  opacity:0;\n}\n\n\n.dmh3-menu-btn.dmh3-open\n.dmh3-menu-line:nth-child(3){\n  transform:\n    translateY(-5.5px)\n    rotate(-45deg);\n}\n\n\n\u002F* =====================================================\n   MOBILE PANEL\n===================================================== *\u002F\n\n.dmh3-mobile{\n  display:none;\n\n  width:100%;\n\n  max-height:0;\n\n  overflow:hidden;\n\n  opacity:0;\n\n  background:#fff;\n\n  border-top:1px solid var(--line);\n\n  transition:\n    max-height .5s ease,\n    opacity .3s ease;\n}\n\n\n.dmh3-mobile.dmh3-mobile-open{\n  max-height:900px;\n\n  opacity:1;\n}\n\n\n.dmh3-mobile-inner{\n  width:100%;\n\n  margin:0;\n\n  padding:12px 16px 22px;\n}\n\n\n.dmh3-mobile-link{\n  min-height:50px;\n\n  padding:0 6px;\n\n  border-bottom:1px solid var(--line);\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  color:var(--dark)!important;\n\n  text-decoration:none!important;\n\n  font-size:10px;\n  font-weight:700;\n}\n\n\n.dmh3-mobile-link.dmh3-active{\n  color:var(--gold)!important;\n}\n\n\n\u002F* MOBILE GROUP *\u002F\n\n.dmh3-mobile-group{\n  border-bottom:1px solid var(--line);\n}\n\n\n.dmh3-mobile-trigger{\n  width:100%;\n  min-height:50px;\n\n  padding:0 6px;\n\n  border:0;\n\n  background:transparent;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  color:var(--dark);\n\n  font-family:\"Manrope\",Arial,sans-serif;\n\n  font-size:10px;\n  font-weight:700;\n\n  cursor:pointer;\n}\n\n\n.dmh3-mobile-sub{\n  max-height:0;\n\n  overflow:hidden;\n\n  opacity:0;\n\n  padding-left:4px;\n\n  transition:\n    max-height .4s ease,\n    opacity .3s ease;\n}\n\n\n.dmh3-mobile-group.dmh3-sub-open\n.dmh3-mobile-sub{\n  max-height:390px;\n\n  opacity:1;\n\n  padding-bottom:9px;\n}\n\n\n.dmh3-mobile-sub-link{\n  min-height:45px;\n\n  padding:7px 9px;\n\n  border-radius:9px;\n\n  display:flex;\n  align-items:center;\n\n  gap:11px;\n\n  color:var(--muted)!important;\n\n  text-decoration:none!important;\n\n  font-size:9px;\n  font-weight:600;\n}\n\n\n.dmh3-mobile-sub-link:hover{\n  background:var(--cream);\n\n  color:var(--brown)!important;\n}\n\n\n.dmh3-mobile-sub-icon{\n  width:29px;\n  height:29px;\n\n  flex:0 0 auto;\n\n  border-radius:50%;\n\n  background:rgba(185,123,69,.10);\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  color:var(--gold);\n\n  font-family:\"Cormorant Garamond\",Georgia,serif;\n\n  font-size:11px;\n  font-weight:700;\n}\n\n\n.dmh3-mobile-cta{\n  width:100%;\n  min-height:51px;\n\n  margin-top:17px;\n\n  border-radius:999px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  gap:8px;\n\n  background:var(--brown);\n\n  color:#fff!important;\n\n  text-decoration:none!important;\n\n  font-size:10px;\n  font-weight:750;\n}\n\n\n\u002F* =====================================================\n   TABLET + MOBILE FIX\n===================================================== *\u002F\n\n@media(max-width:1140px){\n\n  .dmh3-main{\n\n    \u002F* IMPORTANT:\n       flex guarantees:\n       LOGO LEFT \u002F HAMBURGER RIGHT\n    *\u002F\n\n    width:100%;\n\n    min-height:72px;\n\n    padding:0 18px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:space-between;\n\n    gap:20px;\n  }\n\n\n  .dmh3-brand{\n    min-width:0;\n\n    margin:0;\n  }\n\n\n  .dmh3-logo{\n    width:108px;\n  }\n\n\n  .dmh3-nav{\n    display:none;\n  }\n\n\n  .dmh3-actions{\n    margin-left:auto;\n\n    flex:0 0 auto;\n  }\n\n\n  .dmh3-actions .dmh3-cta{\n    display:none;\n  }
14561\n\n\n  .dmh3-menu-btn{\n    display:flex;\n  }\n\n\n  .dmh3-mobile{\n    display:block;\n  }\n\n}\n\n\n\u002F* =====================================================\n   MOBILE\n===================================================== *\u002F\n\n@media(max-width:620px){\n\n  .dmh3-topbar{\n    min-height:27px;\n\n    padding:5px 9px;\n\n    font-size:6.3px;\n\n    letter-spacing:.065em;\n\n    text-align:center;\n  }\n\n\n  .dmh3-main{\n    min-height:70px;\n\n    padding:\n      0 18px;\n  }\n\n\n  .dmh3-logo{\n    width:104px;\n\n    max-height:54px;\n  }\n\n\n  .dmh3-menu-btn{\n    width:42px;\n    height:42px;\n  }\n\n\n  .dmh3-mobile-inner{\n    padding:\n      10px 14px 20px;\n  }\n\n}\n\n\n\u002F* SMALL MOBILE *\u002F\n\n@media(max-width:380px){\n\n  .dmh3-main{\n    padding:\n      0 14px;\n  }\n\n\n  .dmh3-logo{\n    width:96px;\n  }\n\n\n  .dmh3-menu-btn{\n    width:40px;\n    height:40px;\n  }\n\n\n  .dmh3-topbar{\n    font-size:5.8px;\n  }\n\n}\n\n\n\u002F* =====================================================\n   REDUCED MOTION\n===================================================== *\u002F\n\n@media(prefers-reduced-motion:reduce){\n\n  .dmh3-topbar::before{\n    animation:none;\n  }\n\n\n  .dmh3 *,\n  .dmh3 *::before,\n  .dmh3 *::after{\n    transition:none!important;\n  }\n\n}\n\n\u003C\u002Fstyle>\n\n\n\n\u003Cheader\n  class=\"dmh3\"\n  id=\"dmh3Header\"\n>\n\n\n  \u003C!-- TOP BAR -->\n\n  \u003Cdiv class=\"dmh3-topbar\">\n\n    \u003Cspan>\n      Écouter\n      &nbsp;•&nbsp;\n      Comprendre\n      &nbsp;•&nbsp;\n      Orienter\n      &nbsp;•&nbsp;\n      \u003Cstrong>Accompagner\u003C\u002Fstrong>\n    \u003C\u002Fspan>\n\n  \u003C\u002Fdiv>\n\n\n\n  \u003C!-- MAIN -->\n\n  \u003Cdiv class=\"dmh3-main\">\n\n\n    \u003C!-- LOGO -->\n\n    \u003Ca\n      href=\"\u002F\"\n      class=\"dmh3-brand\"\n      aria-label=\"Dr Maher Jalal — Accueil\"\n    >\n\n      \u003Cimg\n        class=\"dmh3-logo\"\n        src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F2WEaZWamD6KwM7dlA587\u002Fmedia\u002F6a7f0480a6a03cda06594294.png\"\n        alt=\"Dr Maher Jalal\"\n      >\n\n    \u003C\u002Fa>\n\n\n\n    \u003C!-- DESKTOP NAV -->\n\n    \u003Cnav\n      class=\"dmh3-nav\"\n      aria-label=\"Navigation principale\"\n    >\n\n\n      \u003Cdiv\n        class=\"dmh3-nav-item\"\n        data-route=\"home\"\n      >\n        \u003Ca\n          class=\"dmh3-nav-link\"\n          href=\"\u002F\"\n        >\n          Accueil\n        \u003C\u002Fa>\n      \u003C\u002Fdiv>\n\n\n\n      \u003Cdiv\n        class=\"dmh3-nav-item\"\n        data-route=\"dr-maher\"\n      >\n        \u003Ca\n          class=\"dmh3-nav-link\"\n          href=\"\u002Fdr-maher\"\n        >\n          Dr Maher\n        \u003C\u002Fa>\n      \u003C\u002Fdiv>\n\n\n\n      \u003Cdiv\n        class=\"dmh3-nav-item\"\n        data-route=\"approche\"\n      >\n        \u003Ca\n          class=\"dmh3-nav-link\"\n          href=\"\u002Fapproche\"\n        >\n          Notre approche\n        \u003C\u002Fa>\n      \u003C\u002Fdiv>\n\n\n\n      \u003C!-- ===============================================\n           ACCOMPAGNEMENTS\n      ================================================ -->\n\n      \u003Cdiv\n        class=\"dmh3-nav-item dmh3-has-dropdown\"\n        data-route=\"accompagnements\"\n      >\n\n        \u003Cbutton\n          type=\"button\"\n          class=\"dmh3-drop-trigger\"\n          aria-expanded=\"false\"\n        >\n\n          Accompagnements\n\n          \u003Cspan class=\"dmh3-chevron\">\u003C\u002Fspan>\n\n        \u003C\u002Fbutton>\n\n\n        \u003Cdiv class=\"dmh3-dropdown\">\n\n\n          \u003Cdiv class=\"dmh3-drop-head\">\n\n            \u003Cdiv class=\"dmh3-drop-label\">\n              Besoin d’être accompagné ?\n            \u003C\u002Fdiv>\n\n            \u003Cdiv class=\"dmh3-drop-title\">\n              Trouver le bon point d’entrée\n            \u003C\u002Fdiv>\n\n          \u003C\u002Fdiv>\n\n\n\n          \u003C!-- 01 CONSULTATION -->\n\n          \u003Ca\n            href=\"\u002Fconsultation-orientation\"\n            class=\"dmh3-drop-l
14561ink\"\n          >\n\n            \u003Cspan class=\"dmh3-drop-icon\">\n              01\n            \u003C\u002Fspan>\n\n            \u003Cspan>\n\n              \u003Cspan class=\"dmh3-drop-name\">\n                Consultation & orientation\n              \u003C\u002Fspan>\n\n              \u003Cspan class=\"dmh3-drop-desc\">\n                Comprendre avant de choisir la suite.\n              \u003C\u002Fspan>\n\n            \u003C\u002Fspan>\n\n            \u003Cspan class=\"dmh3-drop-arrow\">\n              →\n            \u003C\u002Fspan>\n\n          \u003C\u002Fa>\n\n\n\n          \u003C!-- 02 ROQYA -->\n\n          \u003Ca\n            href=\"#\"\n            class=\"dmh3-drop-link\"\n          >\n\n            \u003Cspan class=\"dmh3-drop-icon\">\n              02\n            \u003C\u002Fspan>\n\n            \u003Cspan>\n\n              \u003Cspan class=\"dmh3-drop-name\">\n                Roqya\n              \u003C\u002Fspan>\n\n              \u003Cspan class=\"dmh3-drop-desc\">\n                Découvrir les séances proposées.\n              \u003C\u002Fspan>\n\n            \u003C\u002Fspan>\n\n            \u003Cspan class=\"dmh3-drop-arrow\">\n              →\n            \u003C\u002Fspan>\n\n          \u003C\u002Fa>\n\n\n\n          \u003C!-- 03 COUPLE -->\n\n          \u003Ca\n            href=\"#\"\n            class=\"dmh3-drop-link\"\n          >\n\n            \u003Cspan class=\"dmh3-drop-icon\">\n              03\n            \u003C\u002Fspan>\n\n            \u003Cspan>\n\n              \u003Cspan class=\"dmh3-drop-name\">\n                Psychologie & couple\n              \u003C\u002Fspan>\n\n              \u003Cspan class=\"dmh3-drop-desc\">\n                Un accompagnement selon le besoin.\n              \u003C\u002Fspan>\n\n            \u003C\u002Fspan>\n\n            \u003Cspan class=\"dmh3-drop-arrow\">\n              →\n            \u003C\u002Fspan>\n\n          \u003C\u002Fa>\n\n\n\n          \u003C!-- 04 COACHING -->\n\n          \u003Ca\n             href=\"#\"\n            class=\"dmh3-drop-link\"\n          >\n\n            \u003Cspan class=\"dmh3-drop-icon\">\n              04\n            \u003C\u002Fspan>\n\n            \u003Cspan>\n\n              \u003Cspan class=\"dmh3-drop-name\">\n                Coaching\n              \u003C\u002Fspan>\n\n              \u003Cspan class=\"dmh3-drop-desc\">\n                Un cadre de progression personnalisé.\n              \u003C\u002Fspan>\n\n            \u003C\u002Fspan>\n\n            \u003Cspan class=\"dmh3-drop-arrow\">\n              →\n            \u003C\u002Fspan>\n\n          \u003C\u002Fa>\n\n\n\n          \u003Ca\n            href=\"\u002Faccompagnements\"\n            class=\"dmh3-drop-all\"\n          >\n\n            \u003Cspan>\n              Voir tous les accompagnements\n            \u003C\u002Fspan>\n\n            \u003Cspan>→\u003C\u002Fspan>\n\n          \u003C\u002Fa>\n\n\n        \u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n\n\n\n      \u003C!-- ===============================================\n           PROGRAMMES\n      ================================================ -->\n\n      \u003Cdiv\n        class=\"dmh3-nav-item dmh3-has-dropdown\"\n        data-route=\"programmes\"\n      >\n\n        \u003Cbutton\n          type=\"button\"\n          class=\"dmh3-drop-trigger\"\n          aria-expanded=\"false\"\n        >\n\n          Programmes\n\n          \u003Cspan class=\"dmh3-chevron\">\u003C\u002Fspan>\n\n        \u003C\u002Fbutton>\n\n\n        \u003Cdiv class=\"dmh3-dropdown\">\n\n\n          \u003Cdiv class=\"dmh3-drop-head\">\n\n            \u003Cdiv class=\"dmh3-drop-label\">\n              Apprendre & progresser\n            \u003C\u002Fdiv>\n\n            \u003Cdiv class=\"dmh3-drop-title\">\n              Des parcours structurés\n            \u003C\u002Fdiv>\n\n          \u003C\u002Fdiv>\n\n\n\n          \u003Ca\n            href=\"\u002Fprogrammes\"\n            class=\"dmh3-drop-link\"\n          >\n\n            \u003Cspan class=\"dmh3-drop-icon\">01\u003C\u002Fspan>\n\n            \u003Cspan>\n\n              \u003Cspan class=\"dmh3-drop-name\">\n                Programmes de suivi\n              \u003C\u002Fspan>\n\n              \u003Cspan class=\"dmh3-drop-desc\">\n                Des parcours organisés étape par étape.\n              \u003C\u002Fspan>\n\n            \u003C\u002Fspan>\n\n            \u003Cspan class=\"dmh3-drop-arrow\">→\u003C\u002Fspan>\n\n          \u003C\u002Fa>\n\n\n\n          \u003Ca\n            href=\"\u002Fformations\"\n            class=\"dmh3-drop-l
14561ink\"\n          >\n\n            \u003Cspan class=\"dmh3-drop-icon\">02\u003C\u002Fspan>\n\n            \u003Cspan>\n\n              \u003Cspan class=\"dmh3-drop-name\">\n                Formations\n              \u003C\u002Fspan>\n\n              \u003Cspan class=\"dmh3-drop-desc\">\n                Comprendre et développer ses repères.\n              \u003C\u002Fspan>\n\n            \u003C\u002Fspan>\n\n            \u003Cspan class=\"dmh3-drop-arrow\">→\u003C\u002Fspan>\n\n          \u003C\u002Fa>\n\n\n\n          \u003Ca\n            href=\"\u002Fchallenges\"\n            class=\"dmh3-drop-link\"\n          >\n\n            \u003Cspan class=\"dmh3-drop-icon\">03\u003C\u002Fspan>\n\n            \u003Cspan>\n\n              \u003Cspan class=\"dmh3-drop-name\">\n                Challenges\n              \u003C\u002Fspan>\n\n              \u003Cspan class=\"dmh3-drop-desc\">\n                Des expériences courtes et guidées.\n              \u003C\u002Fspan>\n\n            \u003C\u002Fspan>\n\n            \u003Cspan class=\"dmh3-drop-arrow\">→\u003C\u002Fspan>\n\n          \u003C\u002Fa>\n\n\n\n          \u003Ca\n            href=\"\u002Flives\"\n            class=\"dmh3-drop-link\"\n          >\n\n            \u003Cspan class=\"dmh3-drop-icon\">04\u003C\u002Fspan>\n\n            \u003Cspan>\n\n              \u003Cspan class=\"dmh3-drop-name\">\n                Lives & événements\n              \u003C\u002Fspan>\n\n              \u003Cspan class=\"dmh3-drop-desc\">\n                Rencontres, ateliers et événements.\n              \u003C\u002Fspan>\n\n            \u003C\u002Fspan>\n\n            \u003Cspan class=\"dmh3-drop-arrow\">→\u003C\u002Fspan>\n\n          \u003C\u002Fa>\n\n\n\n          \u003Ca\n            href=\"\u002Fprogrammes\"\n            class=\"dmh3-drop-all\"\n          >\n\n            \u003Cspan>\n              Découvrir tous les programmes\n            \u003C\u002Fspan>\n\n            \u003Cspan>→\u003C\u002Fspan>\n\n          \u003C\u002Fa>\n\n\n        \u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n\n\n\n      \u003Cdiv\n        class=\"dmh3-nav-item\"\n        data-route=\"boutique\"\n      >\n        \u003Ca\n          class=\"dmh3-nav-link\"\n          href=\"\u002Fboutique\"\n        >\n          Boutique\n        \u003C\u002Fa>\n      \u003C\u002Fdiv>\n\n\n\n      \u003Cdiv\n        class=\"dmh3-nav-item\"\n        data-route=\"ressources\"\n      >\n        \u003Ca\n          class=\"dmh3-nav-link\"\n          href=\"\u002Froqya\"\n        >\n          Roqya\n        \u003C\u002Fa>\n      \u003C\u002Fdiv>\n\n\n    \u003C\u002Fnav>\n\n\n\n    \u003C!-- ACTIONS -->\n\n    \u003Cdiv class=\"dmh3-actions\">\n\n\n      \u003Ca\n        href=\"\u002Fconsultation-orientation#reservation\"\n        class=\"dmh3-cta\"\n      >\n\n        Commencer ma démarche\n\n        \u003Cspan>→\u003C\u002Fspan>\n\n      \u003C\u002Fa>\n\n\n      \u003Cbutton\n        type=\"button\"\n        class=\"dmh3-menu-btn\"\n        id=\"dmh3MenuBtn\"\n        aria-label=\"Ouvrir le menu\"\n        aria-expanded=\"false\"\n      >\n\n        \u003Cspan class=\"dmh3-menu-line\">\u003C\u002Fspan>\n        \u003Cspan class=\"dmh3-menu-line\">\u003C\u002Fspan>\n        \u003Cspan class=\"dmh3-menu-line\">\u003C\u002Fspan>\n\n      \u003C\u002Fbutton>\n\n\n    \u003C\u002Fdiv>\n\n\n  \u003C\u002Fdiv>\n\n\n\n  \u003C!-- ===================================================\n       MOBILE MENU\n  ==================================================== -->\n\n  \u003Cdiv\n    class=\"dmh3-mobile\"\n    id=\"dmh3Mobile\"\n  >\n\n    \u003Cdiv class=\"dmh3-mobile-inner\">\n\n\n\n      \u003Ca\n        href=\"\u002F\"\n        class=\"dmh3-mobile-link\"\n        data-mobile-route=\"home\"\n      >\n\n        \u003Cspan>Accueil\u003C\u002Fspan>\n        \u003Cspan>→\u003C\u002Fspan>\n\n      \u003C\u002Fa>\n\n\n\n      \u003Ca\n        href=\"\u002Fdr-maher\"\n        class=\"dmh3-mobile-link\"\n        data-mobile-route=\"dr-maher\"\n      >\n\n        \u003Cspan>Dr Maher\u003C\u002Fspan>\n        \u003Cspan>→\u003C\u002Fspan>\n\n      \u003C\u002Fa>\n\n\n\n      \u003Ca\n        href=\"\u002Fapproche\"\n        class=\"dmh3-mobile-link\"\n        data-mobile-route=\"approche\"\n      >\n\n        \u003Cspan>Notre approche\u003C\u002Fspan>\n        \u003Cspan>→\u003C\u002Fspan>\n\n      \u003C\u002Fa>\n\n\n\n      \u003C!-- ACCOMPAGNEMENTS -->\n\n      \u003Cdiv\n        class=\"dmh3-mobile-group\"\n        data-mobile-group=\"accompagnements\"\n      >\n\n        \u003Cbutton\n          type=\"button\"\n          class=\"dmh3-mobile-trigger\"\n        >\n\n          \u003Cspan>\n            Accompagnements\n          \u003C\u002Fspan>\n\n          \u003Cspan class=\"dmh3-chevron\">\u003C\u002Fspan>\n\n        \u003C\u002Fbutton>\n\n\n        \u003Cdiv class=\"dmh3-mobile-sub\">\n\n\n          \u003Ca\n            href=\"\u002Fconsultation-orientation\"\n            class=\"dmh3-mobile-sub-link\"\n          >\n\n            \u003Cspan class=\"dmh3-mobile-sub-icon\">\n              01\n            \u003C\u002Fspan>\n\n            Consultation & orientation\n\n          \u003C\u002Fa>\n\n\n\n          \u003Ca\n            href=\"#\"\n            class=\"dmh3-mobile-sub-link\"\n          >\n\n            \u003Cspan class=\"dmh3-mobile-sub-icon\">\n              02\n            \u003C\u002Fspan>\n\n            Roqya\n\n          \u003C\u002Fa>\n\n\n\n          \u003Ca\n            href=\"\u002Fpsychologie-couple\"\n            class=\"dmh3-mobile-sub-link\"\n          >\n\n            \u003Cspan class=\"dmh3-mobile-sub-icon\">\n              03\n            \u003C\u002Fspan>\n\n            Psychologie & couple\n\n          \u003C\u002Fa>\n\n\n\n          \u003Ca\n            href=\"#\"\n            class=\"dmh3-mobile-sub-link\"\n          >\n\n            \u003Cspan class=\"dmh3-mobile-sub-icon\">\n              04\n            \u003C\u002Fspan>\n\n            Coaching\n\n          \u003C\u002Fa>\n\n\n\n          \u003Ca\n            href=\"\u002Faccompagnements\"\n            class=\"dmh3-mobile-sub-link\"\n          >\n\n            \u003Cspan class=\"dmh3-mobile-sub-icon\">\n              →\n            \u003C\u002Fspan>\n\n            Voir tous les accompagnements\n\n          \u003C\u002Fa>\n\n\n        \u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n\n\n\n      \u003C!-- PROGRAMMES -->\n\n      \u003Cdiv\n        class=\"dmh3-mobile-group\"\n        data-mobile-group=\"programmes\"\n      >\n\n        \u003Cbutton\n          type=\"button\"\n          class=\"dmh3-mobile-trigger\"\n        >\n\n          \u003Cspan>Programmes\u003C\u002Fspan>\n\n          \u003Cspan class=\"dmh3-chevron\">\u003C\u002Fspan>\n\n        \u003C\u002Fbutton>\n\n\n        \u003Cdiv class=\"dmh3-mobile-sub\">\n\n\n          \u003Ca\n            href=\"#\"\n            class=\"dmh3-mobile-sub-link\"\n          >\n\n            \u003Cspan class=\"dmh3-mobile-sub-icon\">01\u003C\u002Fspan>\n\n            Programmes de suivi\n\n          \u003C\u002Fa>\n\n\n\n          \u003Ca\n            href=\"#\"\n            class=\"dmh3-mobile-sub-link\"\n          >\n\n            \u003Cspan class=\"dmh3-mobile-sub-icon\">02\u003C\u002Fspan>\n\n            Formations\n\n          \u003C\u002Fa>\n\n\n\n          \u003Ca\n            href=\"#\"\n            class=\"dmh3-mobile-sub-link\"\n          >\n\n            \u003Cspan class=\"dmh3-mobile-sub-icon\">03\u003C\u002Fspan>\n\n            Challenges\n\n          \u003C\u002Fa>\n\n\n\n          \u003Ca\n            href=\"#\"\n            class=\"dmh3-mobile-sub-link\"\n          >\n\n            \u003Cspan class=\"dmh3-mobile-sub-icon\">04\u003C\u002Fspan>\n\n            Lives & événements\n\n          \u003C\u002Fa>\n\n\n        \u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n\n\n\n      \u003Ca\n        href=\"\u002Fboutique\"\n        class=\"dmh3-mobile-link\"\n        data-mobile-route=\"boutique\"\n      >\n\n        \u003Cspan>Boutique\u003C\u002Fspan>\n        \u003Cspan>→\u003C\u002Fspan>\n\n      \u003C\u002Fa>\n\n\n\n      \u003Ca\n        href=\"#\"\n        class=\"dmh3-mobile-link\"\n        data-mobile-route=\"ressources\"\n      >\n\n        \u003Cspan>Ressources\u003C\u002Fspan>\n        \u003Cspan>→\u003C\u002Fspan>\n\n      \u003C\u002Fa>\n\n\n\n      \u003Ca\n        href=\"\u002Fconsultation-orientation\"\n        class=\"dmh3-mobile-cta\"\n      >\n\n        Commencer ma démarche\n\n        \u003Cspan>→\u003C\u002Fspan>\n\n      \u003C\u002Fa>\n\n\n    \u003C\u002Fdiv>\n\n  \u003C\u002Fdiv>\n\n\n\u003C\u002Fheader>\n\n\n\n\u003Cscript>\n\n(function(){\n\n  function initDMH3(){\n\n    const header =\n      document.getElementById(\n        \"dmh3Header\"\n      );\n\n    if(!header) return;\n\n\n    if(\n      header.dataset.ready === \"1\"\n    ){\n      return;\n    }\n\n    header.dataset.ready = \"1\";\n\n\n    const menuBtn =\n      document.getElementById(\n        \"dmh3MenuBtn\"\n      );\n\n    const mobile =\n      document.getElementById(\n        \"dmh3Mobile\"\n      );\n\n    const desktopDrops =\n      header.querySelectorAll(\n        \".dmh3-has-dropdown\"\n      );\n\n    const mobileGroups =\n      header.querySelectorAll(\n        \".dmh3-mobile-group\"\n      );\n\n\n    \u002F* PATH *\u002F\n\n    function getPath(){\n\n      let path =\n        (\n          window.location.pathname\n          || \"\u002F\"\n        ).toLowerCase();\n\n      if(\n        path.length > 1 &&\n        path.endsWith(\"\u002F\")\n      ){\n        path =\n          path.slice(0,-1);\n      }\n\n      return path;\n    }\n\n\n    const path =\n      getPath();\n\n\n\n    \u002F* ACTIVE ROUTES *\u002F\n\n    function routeActive(route){\n\n      if(route === \"home\"){\n        return path === \"\u002F\";\n      }\n\n\n      if(route === \"dr-maher\"){\n        return path.startsWith(\n          \"\u002Fdr-maher\"\n        );\n      }\n\n\n      if(route === \"approche\"){\n        return path.startsWith(\n          \"\u002Fapproche\"\n        );\n      }\n\n\n      if(route === \"accompagnements\"){\n\n        return (\n\n          path.startsWith(\n            \"\u002Faccompagnements\"\n          )\n\n          ||\n\n          path.startsWith(\n            \"\u002Fconsultation-orientation\"\n          )\n\n          ||\n\n          path.startsWith(\n            \"\u002Froqya\"\n          )\n\n          ||\n\n          path.startsWith(\n            \"\u002Fpsychologie-couple\"\n          )\n\n          ||\n\n          path.startsWith(\n            \"\u002Fcoaching\"\n          )\n\n        );\n\n      }\n\n\n      if(route === \"programmes\"){\n\n        return (\n\n          path.startsWith(\n            \"\u002Fprogrammes\"\n          )\n\n          ||\n\n          path.startsWith(\n            \"\u002Fformations\"\n          )\n\n          ||\n\n          path.startsWith(\n            \"\u002Fchallenges\"\n          )\n\n          ||\n\n          path.startsWith(\n            \"\u002Flives\"\n          )\n\n        );\n\n      }\n\n\n      if(route === \"boutique\"){\n\n        return (\n\n          path.startsWith(\n            \"\u002Fboutique\"\n          )\n\n          ||\n\n          path.startsWith(\n            \"\u002Fproduit\"\n          )\n\n          ||\n\n          path.startsWith(\n            \"\u002Fproduct\"\n          )\n\n        );\n\n      }\n\n\n      if(route === \"ressources\"){\n\n        return path.startsWith(\n          \"\u002Fressources\"\n        );\n\n      }\n\n\n      return false;\n\n    }\n\n\n\n    header\n      .querySelectorAll(\n        \"[data-route]\"\n      )\n      .forEach(\n        function(item){\n\n          if(\n            routeActive(\n              item.dataset.route\n            )\n          ){\n\n            item.classList.add(\n              \"dmh3-current\"\n            );\n\n          }\n\n        }\n      );\n\n\n\n    header\n      .querySelectorAll(\n        \"[data-mobile-route]\"\n      )\n      .forEach(\n        function(link){\n\n          if(\n            routeActive(\n              link.dataset.mobileRoute\n            )\n          ){\n\n            link.classList.add(\n              \"dmh3-active\"\n            );\n\n          }\n\n        }\n      );\n\n\n\n    \u002F* MOBILE MENU *\u002F\n\n    function closeMobile(){\n\n      if(\n        !menuBtn ||\n        !mobile\n      ){\n        return;\n      }\n\n\n      menuBtn.classList.remove(\n        \"dmh3-open\"\n      );\n\n      mobile.classList.remove(\n        \"dmh3-mobile-open\"\n      );\n\n      menuBtn.setAttribute(\n        \"aria-expanded\",\n        \"fal
14561se\"\n      );\n\n    }\n\n\n    function toggleMobile(){\n\n      if(\n        !menuBtn ||\n        !mobile\n      ){\n        return;\n      }\n\n\n      const open =\n        mobile.classList.toggle(\n          \"dmh3-mobile-open\"\n        );\n\n\n      menuBtn.classList.toggle(\n        \"dmh3-open\",\n        open\n      );\n\n\n      menuBtn.setAttribute(\n        \"aria-expanded\",\n        open\n          ? \"true\"\n          : \"false\"\n      );\n\n    }\n\n\n    if(menuBtn){\n\n      menuBtn.addEventListener(\n        \"click\",\n        toggleMobile\n      );\n\n    }\n\n\n\n    \u002F* MOBILE ACCORDION *\u002F\n\n    mobileGroups.forEach(\n      function(group){\n\n        const trigger =\n          group.querySelector(\n            \".dmh3-mobile-trigger\"\n          );\n\n\n        if(!trigger) return;\n\n\n        trigger.addEventListener(\n          \"click\",\n          function(){\n\n            const wasOpen =\n              group.classList.contains(\n                \"dmh3-sub-open\"\n              );\n\n\n            mobileGroups.forEach(\n              function(other){\n\n                other.classList.remove(\n                  \"dmh3-sub-open\"\n                );\n\n              }\n            );\n\n\n            if(!wasOpen){\n\n              group.classList.add(\n                \"dmh3-sub-open\"\n              );\n\n            }\n\n          }\n        );\n\n      }\n    );\n\n\n\n    \u002F* AUTO OPEN ACTIVE GROUP *\u002F\n\n    if(\n      routeActive(\n        \"accompagnements\"\n      )\n    ){\n\n      const group =\n        header.querySelector(\n          '[data-mobile-group=\"accompagnements\"]'\n        );\n\n      if(group){\n\n        group.classList.add(\n          \"dmh3-sub-open\"\n        );\n\n      }\n\n    }\n\n\n    if(\n      routeActive(\n        \"programmes\"\n      )\n    ){\n\n      const group =\n        header.querySelector(\n          '[data-mobile-group=\"programmes\"]'\n        );\n\n      if(group){\n\n        group.classList.add(\n          \"dmh3-sub-open\"\n        );\n\n      }\n\n    }\n\n\n\n    \u002F* DESKTOP CLICK *\u002F\n\n    desktopDrops.forEach(\n      function(item){\n\n        const trigger =\n          item.querySelector(\n            \".dmh3-drop-trigger\"\n          );\n\n        if(!trigger) return;\n\n\n        trigger.addEventListener(\n          \"click\",\n          function(event){\n\n            event.stopPropagation();\n\n\n            const open =\n              item.classList.contains(\n                \"dmh3-drop-open\"\n              );\n\n\n            desktopDrops.forEach(\n              function(other){\n\n                other.classList.remove(\n                  \"dmh3-drop-open\"\n                );\n\n              }\n            );\n\n\n            if(!open){\n\n              item.classList.add(\n                \"dmh3-drop-open\"\n              );\n\n            }\n\n          }\n        );\n\n      }\n    );\n\n\n\n    \u002F* OUTSIDE CLICK *\u002F\n\n    document.addEventListener(\n      \"click\",\n      function(event){\n\n        if(\n          !header.contains(\n            event.target\n          )\n        ){\n\n          closeMobile();\n\n\n          desktopDrops.forEach(\n            function(item){\n\n              item.classList.remove(\n                \"dmh3-drop-open\"\n              );\n\n            }\n          );\n\n        }\n\n      }\n    );\n\n\n\n    \u002F* ESC *\u002F\n\n    document.addEventListener(\n      \"keydown\",\n      function(event){\n\n        if(\n          event.key ===\n          \"Escape\"\n        ){\n\n          closeMobile();\n\n\n          desktopDrops.forEach(\n            function(item){\n\n              item.classList.remove(\n                \"dmh3-drop-open\"\n              );\n\n            }\n          );\n\n        }\n\n      }\n    );\n\n\n\n    \u002F* MOBILE LINK CLOSE *\u002F\n\n    header\n      .querySelectorAll(\n        \".dmh3-mobile a\"\n      )\n      .forEach(\n        function(link){\n\n          link.addEventListener(\n            \"click\",\n            closeMobile\n          );\n\n        }\n      );\n\n\n\n    \u002F* RESIZE *\u002F\n\n    window.addEventListener(\n      \"resize\",\n      function(){\n\n        if(\n          window.innerWidth > 1140\n        ){\n\n          closeMobile();\n\n        }\n\n      }\n    );\n\n  }\n\n\n\n  if(\n    document.readyState ===\n    \"loading\"\n  ){\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initDMH3\n    );\n\n  }\n\n  else{\n\n    initDMH3();\n\n  }\n\n\n\n  document.addEventListener(\n    \"hydrationDone\",\n    initDMH3\n  );\n\n})();\n\n\u003C\u002Fscript>",{"value":134},[],"ccustom-code-VjSoG4xwtH","custom-code","c-custom-code",{},{"id":10,"type":19,"child":140,"class":142,"styles":150,"extra":152,"meta":19,"tagName":56,"title":163,"tabletStyles":164,"tabletWrapper":165,"classStr":24,"_id":10},[141],"row-71bq6JCsn1",{"width":143,"entranceAnimation":144,"animationScale":145,"animationDuration":146,"animationDelay":147,"animationEasing":148,"disableAnimationsOnMobile":149},{"value":24},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"borderWidth":151},{"value":38},{"sticky":153,"visibility":154,"bgImage":156,"allowRowMaxWidth":158,"customClass":159,"elementScreenshot":161}
14561,{"value":41},{"value":155},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":157},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":35},{"value":160},[],{"value":162},[],"DM-P01 Hero",{},{},{"id":141,"type":64,"child":167,"class":169,"styles":177,"extra":179,"tagName":88,"meta":64,"tabletStyles":187,"tabletWrapper":188,"title":91,"classStr":69},[168],"col-CV_deMgj03",{"alignRow":170,"entranceAnimation":171,"animationScale":172,"animationDuration":173,"animationDelay":174,"animationEasing":175,"disableAnimationsOnMobile":176},{"value":69},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"borderWidth":178},{"value":38},{"visibility":180,"bgImage":182,"rowWidth":184,"customClass":185},{"value":181},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":183},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":84,"unit":85},{"value":186},[],{},{},{"id":168,"type":93,"child":190,"class":192,"styles":200,"extra":202,"tagName":122,"meta":93,"tabletStyles":214,"tabletWrapper":215,"title":125,"noOfColumns":28},[191],"custom-code-Idlhw37eqL",{"entranceAnimation":193,"animationScale":194,"animationDuration":195,"animationDelay":196,"animationEasing":197,"disableAnimationsOnMobile":198,"nestedColumn":199},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"value":48},{"borderWidth":201},{"value":38},{"visibility":203,"bgImage":205,"columnLayout":207,"justifyContentColumnLayout":208,"alignContentColumnLayout":209,"forceColumnLayoutForMobile":210,"customClass":211,"elementVersion":213},{"value":204},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":206},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":112},{"value":114},{"value":116},{"value":35},{"value":212},[],{"value":121},{},{},{"extra":217,"id":191,"meta":136,"tagName":137,"class":226},{"visibility":218,"customCode":220,"customClass":223,"nodeId":225},{"value":219},{"hideMobile":48,"hideDesktop":48,"hideTablet":44},{"value":221},{"rawCustomCode":222},"\u003C!-- =====================================================\n     DR MAHER — DM-P01\n     INNER PAGE HERO \u002F DR MAHER\n     Funnel Crafts\n===================================================== -->\n\n\u003Cstyle>\n\n.dmp1,\n.dmp1 * {\n  box-sizing: border-box;\n}\n\n.dmp1 {\n  --brown:#482615;\n  --dark:#28150D;\n  --gold:#B97B45;\n  --gold2:#D9A36F;\n  --cream:#FAF7F2;\n  --cream2:#F3EBE3;\n  --text:#2B1B14;\n  --muted:#76675E;\n  --border:rgba(72,38,21,.11);\n\n  position:relative;\n  width:100%;\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      #FAF7F2 0%,\n      #F7F1EA 55%,\n      #F1E7DD 100%\n    );\n\n  font-family:\"Manrope\",Arial,sans-serif;\n\n  container-type:inline-size;\n}\n\n\n\u002F* BACKGROUND *\u002F\n\n.dmp1::before {\n  content:\"\";\n  position:absolute;\n\n  width:560px;\n  height:560px;\n\n  right:-220px;\n  top:-250px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(185,123,69,.14),\n      transparent 70%\n    );\n\n  animation:\n    dmp1Glow 8s ease-in-out infinite alternate;\n\n  pointer-events:none;\n}\n\n@keyframes dmp1Glow {\n  from {\n    transform:translate(0,0) scale(1);\n  }\n  to {\n    transform:translate(-35px,35px) scale(1.12);\n  }\n}\n\n\n\u002F* CONTAINER *\u002F\n\n.dmp1-inner {\n  position:relative;\n  z-index:2;\n\n  width:min(calc(100% - 48px),1180px);\n  min-height:700px;\n\n  margin:0 auto;\n  padding:80px 0;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.05fr)\n    minmax(360px,.85fr);\n\n  align-items:center;\n\n  gap:clamp(55px,7vw,95px);\n}\n\n\n\u002F* BREADCRUMB *\u002F\n\n.dmp1-breadcrumb {\n  margin-bottom:25px;\n\n  display:flex;\n  align-items:center;\n  gap:9px;\n\n  color:var(--muted);\n\n  font-size:9px;\n  font-weight:600;\n}\n\n.dmp1-breadcrumb a {\n  color:var(--gold) !important;\n  text-decoration:none !important;\n}\n\n.dmp1-breadcrumb span {\n  opacity:.55;\n}\n\n\n\u002F* EYEBROW *\u002F\n\n.dmp1-eyebrow {\n  display:inline-flex;\n  align-items:center;\n  gap:11px;\n\n  margin-bottom:16px;\n\n  color:var(--gold);\n\n  font-size:9px;\n  font-weight:700;\n\n  letter-spacing:.22em;\n  text-transform:uppercase;\n}\n\n.dmp1-eyebrow::before {\n  content:\"\";\n  width:33px;\n  height:1px;\n  background:var(--gold);\n}\n\n\n\u002F* TITLE *\u002F\n\n.dmp1-title {\n  margin:0;\n\n  max-width:680px;\n\n  color:var(--dark);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:\n    clamp(55px,5.5vw,82px);\n\n  font-weight:600;\n\n  line-height:.92;\n  letter-spacing:-.035em;\n}\n\n.dmp1-title span {\n  display:block;\n\n  margin-top:8px;\n\n  color:var(--gold);\n\n  font-size:.63em;\n\n  line-height:1;\n}\n\n\n\u002F* INTRO *\u002F\n\n.dmp1-intro {\n  max-width:610px;\n\n  margin:26px 0 0;\n\n  color:var(--muted);\n\n  font-size:14px;\n  line-height:1.8;\n}\n\n\n\u002F* QUOTE *\u002F\n\n.dmp1-quote {\n  max-width:590px;\n\n  margin-top:27px;\n  padding:19px 22px;\n\n  border-left:2px solid var(--gold);\n\n  background:\n    rgba(255,255,255,.48);\n\n  border-radius:0 13px 13px 0;\n\n  color:var(--dark);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:20px;\n  font-weight:600;\n\n  line-height:1.35;\n}\n\n\n\u002F* ACTIONS *\u002F\n\n.dmp1-actions {\n  margin-top:30px;\n\n  display:flex;\n  flex-wrap:wrap;\n  gap:11px;\n}\n\n.dmp1-btn {\n  min-height:49px;\n\n  padding:0 21px;\n\n  border-radius:999px;\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:9px;\n\n  font-size:10.5px;\n  font-weight:700;\n\n  text-decoration:none !important;\n\n  transition:\n    transform .3s ease,\n    background .3s ease,\n    box-shadow .3s ease;\n}\n\n.dmp1-primary {\n  background:var(--brown);\n\n  border:1px solid var(--brown);\n\n  color:#fff !important;\n}\n\n.dmp1-primary:hover {\n  transform:translateY(-3px);\n\n  background:var(--dark);\n\n  box-shadow:\n    0 15px 35px rgba(40,21,13,.16);\n}\n\n.dmp1-secondary {\n  background:rgba(255,255,255,.45);\n\n  border:1px solid var(--border);\n\n  color:var(--brown) !important;\n}\n\n.dmp1-secondary:hover {\n  transform:translateY(-3px);\n  background:#fff;\n}\n\n\n\u002F* VISUAL *\u002F\n\n.dmp1-visual {\n  position:relative;\n\n  width:100%;\n  max-width:470px;\n\n  margin-left:auto;\n}\n\n.dmp1-image-wrap {\n  position:relative;\n\n  overflow:hidden;\n\n  border-radius:\n    30px 30px 30px 8px;\n\n  background:#DDD1C7;\n\n  box-shadow:\n    0 30px 75px rgba(40,21,13,.15);\n}\n\n.dmp1-image {\n  display:block;\n\n  width:100%;\n  height:590px;\n\n  object-fit:cover;\n  object-position:center top;\n\n  transform:scale(1.055);\n\n  transition:\n    transform 1.3s cubic-bezier(.2,.7,.3,1);\n}\n\n.dmp1-visible\n.dmp1-image {\n  transform:scale(1);\n}
14561\n\n.dmp1-image-wrap::after {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(40,21,13,.24),\n      transparent 40%\n    );\n\n  pointer-events:none;\n}\n\n\n\u002F* EXPERIENCE *\u002F\n\n.dmp1-exp {\n  position:absolute;\n\n  right:-25px;\n  top:35px;\n\n  width:115px;\n  height:115px;\n\n  border-radius:50%;\n\n  background:var(--brown);\n\n  color:#fff;\n\n  display:flex;\n  flex-direction:column;\n\n  align-items:center;\n  justify-content:center;\n\n  text-align:center;\n\n  box-shadow:\n    0 18px 40px rgba(40,21,13,.20);\n}\n\n.dmp1-exp strong {\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:34px;\n  line-height:.9;\n}\n\n.dmp1-exp span {\n  max-width:74px;\n\n  margin-top:7px;\n\n  color:rgba(255,255,255,.72);\n\n  font-size:6.5px;\n  font-weight:700;\n\n  line-height:1.3;\n\n  letter-spacing:.12em;\n\n  text-transform:uppercase;\n}\n\n\n\u002F* PHOTO CARD *\u002F\n\n.dmp1-card {\n  position:absolute;\n\n  left:-45px;\n  bottom:30px;\n\n  width:245px;\n\n  padding:20px;\n\n  border-radius:18px;\n\n  background:\n    rgba(255,255,255,.94);\n\n  border:\n    1px solid rgba(72,38,21,.10);\n\n  backdrop-filter:blur(12px);\n\n  box-shadow:\n    0 20px 50px rgba(40,21,13,.13);\n}\n\n.dmp1-card-label {\n  margin-bottom:7px;\n\n  color:var(--gold);\n\n  font-size:7px;\n  font-weight:800;\n\n  letter-spacing:.18em;\n  text-transform:uppercase;\n}\n\n.dmp1-card-title {\n  margin:0;\n\n  color:var(--dark);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:21px;\n\n  font-weight:600;\n\n  line-height:1.12;\n}\n\n\n\u002F* BOTTOM TRUST *\u002F\n\n.dmp1-values {\n  position:relative;\n  z-index:3;\n\n  width:min(calc(100% - 48px),1180px);\n\n  margin:-17px auto 0;\n  padding:0 0 55px;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap:10px;\n}\n\n.dmp1-value {\n  padding:17px 18px;\n\n  border:1px solid var(--border);\n\n  border-radius:14px;\n\n  background:rgba(255,255,255,.55);\n\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  transition:\n    transform .3s ease,\n    background .3s ease,\n    border-color .3s ease;\n}\n\n.dmp1-value:hover {\n  transform:translateY(-4px);\n\n  background:#fff;\n\n  border-color:\n    rgba(185,123,69,.28);\n}\n\n.dmp1-value-number {\n  color:var(--gold);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:18px;\n\n  font-weight:700;\n}\n\n.dmp1-value-text {\n  color:var(--text);\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n\u002F* REVEAL *\u002F\n\n.dmp1-reveal {\n  opacity:0;\n\n  transform:\n    translateY(28px);\n\n  transition:\n    opacity .8s ease,\n    transform .8s cubic-bezier(.2,.7,.3,1);\n}\n\n.dmp1-reveal.dmp1-visible {\n  opacity:1;\n  transform:translateY(0);\n}
14561\n\n.dmp1-delay1 {\n  transition-delay:.08s;\n}\n\n.dmp1-delay2 {\n  transition-delay:.18s;\n}\n\n.dmp1-delay3 {\n  transition-delay:.28s;\n}\n\n\n\u002F* TABLET *\u002F\n\n@media(max-width:900px) {\n\n  .dmp1-inner {\n    min-height:auto;\n\n    grid-template-columns:\n      1fr;\n\n    padding:65px 0;\n\n    gap:50px;\n  }\n\n  .dmp1-visual {\n    margin:0 auto;\n  }\n\n  .dmp1-values {\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n}\n\n\n\u002F* MOBILE *\u002F\n\n@media(max-width:620px) {\n\n  .dmp1-inner {\n    width:calc(100% - 24px);\n\n    padding:\n      45px 0 55px;\n  }\n\n  .dmp1-breadcrumb {\n    margin-bottom:20px;\n  }\n\n  .dmp1-title {\n    font-size:48px;\n  }\n\n  .dmp1-intro {\n    font-size:13px;\n  }\n\n  .dmp1-quote {\n    font-size:18px;\n  }\n\n  .dmp1-actions {\n    display:grid;\n    grid-template-columns:1fr;\n  }\n\n  .dmp1-btn {\n    width:100%;\n  }\n\n  .dmp1-image {\n    height:min(125vw,550px);\n  }\n\n  .dmp1-exp {\n    right:13px;\n    top:15px;\n\n    width:87px;\n    height:87px;\n  }\n\n  .dmp1-exp strong {\n    font-size:26px;\n  }\n\n  .dmp1-exp span {\n    max-width:60px;\n    font-size:5.5px;\n  }\n\n  .dmp1-card {\n    position:relative;\n\n    left:auto;\n    bottom:auto;\n\n    width:100%;\n\n    margin-top:12px;\n  }\n\n  .dmp1-values {\n    width:calc(100% - 24px);\n\n    margin:0 auto;\n\n    padding-bottom:45px;\n\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n}\n\n\n\u002F* CONTAINER QUERY\n   helps GHL mobile builder *\u002F\n\n@container(max-width:620px) {\n\n  .dmp1-inner {\n    width:calc(100% - 24px);\n\n    grid-template-columns:1fr;\n\n    padding:45px 0;\n\n    gap:40px;\n  }\n\n  .dmp1-title {\n    font-size:48px;\n  }\n\n  .dmp1-visual {\n    margin:0 auto;\n  }\n\n}\n\n\n\u002F* REDUCED MOTION *\u002F\n\n@media(prefers-reduced-motion:reduce) {\n\n  .dmp1-reveal {\n    opacity:1;\n    transform:none;\n    transition:none;\n  }\n\n  .dmp1-image,\n  .dmp1::before {\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n\n\u003C\u002Fstyle>\n\n\n\u003Csection\n  class=\"dmp1\"\n  id=\"dmp1Section\"\n>\n\n\n  \u003Cdiv class=\"dmp1-inner\">\n\n\n    \u003C!-- CONTENT -->\n\n    \u003Cdiv>\n\n\n      \u003Cdiv\n        class=\"\n          dmp1-breadcrumb\n          dmp1-reveal\n        \"\n      >\n\n        \u003Ca href=\"\u002F\">\n          Accueil\n        \u003C\u002Fa>\n\n        \u003Cspan>→\u003C\u002Fspan>\n\n        \u003Cspan>\n          Dr Maher\n        \u003C\u002Fspan>\n\n      \u003C\u002Fdiv>\n\n\n      \u003Cdiv\n        class=\"\n          dmp1-reveal\n          dmp1-delay1\n        \"\n      >\n\n        \u003Cdiv class=\"dmp1-eyebrow\">\n          À propos\n        \u003C\u002Fdiv>\n\n\n        \u003Ch1 class=\"dmp1-title\">\n\n          Dr Maher Jalal\n\n          \u003Cspan>\n            Écouter avant de conclure.\n          \u003C\u002Fspan>\n\n        \u003C\u002Fh1>\n\n\n        \u003Cp class=\"dmp1-intro\">\n\n          Depuis de nombreuses années,\n          Dr Maher accompagne des personnes\n          qui cherchent à mieux comprendre\n          ce qu’elles vivent et à retrouver\n          des repères dans leur démarche.\n\n          Son approche repose sur l’écoute,\n          l’observation, la compréhension\n          et l’orientation avant toute\n          conclusion précipitée.\n\n        \u003C\u002Fp>\n\n\n        \u003Cdiv class=\"dmp1-quote\">\n\n          « Une personne n’a pas seulement\n          besoin d’une réponse. Elle a besoin\n          de comprendre pourquoi cette réponse\n          a du sens pour sa situation. »\n\n        \u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n\n\n      \u003Cdiv\n        class=\"\n          dmp1-actions\n          dmp1-reveal\n          dmp1-delay2\n        \"\n      >\n\n        \u003Ca\n          href=\"#parcours\"\n          class=\"\n            dmp1-btn\n            dmp1-primary\n          \"\n        >\n\n          Découvrir son parcours\n\n          \u003Cspan>↓\u003C\u002Fspan>\n\n        \u003C\u002Fa>\n\n\n        \u003Ca\n          href=\"\u002Fconsultation-orientation#reservation\"\n          class=\"\n            dmp1-btn\n            dmp1-secondary\n          \"\n        >\n\n          Commencer ma démarche\n\n        \u003C\u002Fa>\n\n      \u003C\u002Fdiv>\n\n\n    \u003C\u002Fdiv>\n\n\n    \u003C!-- VISUAL -->\n\n    \u003Cdiv\n      class=\"\n        dmp1-visual\n        dmp1-reveal\n        dmp1-delay2\
14561n      \"\n    >\n\n\n      \u003Cdiv class=\"dmp1-image-wrap\">\n\n        \u003Cimg\n          src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F2WEaZWamD6KwM7dlA587\u002Fmedia\u002F6a7e33eb5fc842636e0a525f.jpg\"\n          alt=\"Dr Maher Jalal\"\n          class=\"dmp1-image\"\n        >\n\n      \u003C\u002Fdiv>\n\n\n      \u003Cdiv class=\"dmp1-exp\">\n\n        \u003Cstrong>\n          25+\n        \u003C\u002Fstrong>\n\n        \u003Cspan>\n          années d’expérience\n        \u003C\u002Fspan>\n\n      \u003C\u002Fdiv>\n\n\n      \u003Cdiv class=\"dmp1-card\">\n\n        \u003Cdiv class=\"dmp1-card-label\">\n          Une conviction\n        \u003C\u002Fdiv>\n\n\n        \u003Cp class=\"dmp1-card-title\">\n\n          Comprendre avant d’orienter.\n          Personnaliser avant d’accompagner.\n\n        \u003C\u002Fp>\n\n      \u003C\u002Fdiv>\n\n\n    \u003C\u002Fdiv>\n\n\n  \u003C\u002Fdiv>\n\n\n  \u003C!-- VALUES -->\n\n  \u003Cdiv class=\"dmp1-values\">\n\n\n    \u003Cdiv\n      class=\"\n        dmp1-value\n        dmp1-reveal\n        dmp1-delay1\n      \"\n    >\n\n      \u003Cdiv class=\"dmp1-value-number\">\n        01\n      \u003C\u002Fdiv>\n\n      \u003Cdiv class=\"dmp1-value-text\">\n        Écouter\n      \u003C\u002Fdiv>\n\n    \u003C\u002Fdiv>\n\n\n    \u003Cdiv\n      class=\"\n        dmp1-value\n        dmp1-reveal\n        dmp1-delay2\n      \"\n    >\n\n      \u003Cdiv class=\"dmp1-value-number\">\n        02\n      \u003C\u002Fdiv>\n\n      \u003Cdiv class=\"dmp1-value-text\">\n        Comprendre\n      \u003C\u002Fdiv>\n\n    \u003C\u002Fdiv>\n\n\n    \u003Cdiv\n      class=\"\n        dmp1-value\n        dmp1-reveal\n        dmp1-delay2\n      \"\n    >\n\n      \u003Cdiv class=\"dmp1-value-number\">\n        03\n      \u003C\u002Fdiv>\n\n      \u003Cdiv class=\"dmp1-value-text\">\n        Orienter\n      \u003C\u002Fdiv>\n\n    \u003C\u002Fdiv>\n\n\n    \u003Cdiv\n      class=\"\n        dmp1-value\n        dmp1-reveal\n        dmp1-delay3\n      \"\n    >\n\n      \u003Cdiv class=\"dmp1-value-number\">\n        04\n      \u003C\u002Fdiv>\n\n      \u003Cdiv class=\"dmp1-value-text\">\n        Accompagner\n      \u003C\u002Fdiv>\n\n    \u003C\u002Fdiv>\n\n\n  \u003C\u002Fdiv>\n\n\n\u003C\u002Fsection>\n\n\n\u003Cscript>\n\n(function(){\n\n  function initDMP1(){\n\n    const section =\n      document.getElementById(\n        \"dmp1Section\"\n      );\n\n    if(!section) return;\n\n\n    if(\n      section.dataset.ready === \"1\"\n    ){\n      return;\n    }\n\n\n    section.dataset.ready = \"1\";\n\n\n    const elements =\n      section.querySelectorAll(\n        \".dmp1-reveal\"\n      );\n\n\n    if(\n      \"IntersectionObserver\"\n      in window\n    ){\n\n      const observer =\n        new IntersectionObserver(\n\n          function(entries){\n\n            entries.forEach(\n              function(entry){\n\n                if(\n                  entry.isIntersecting\n                ){\n\n                  entry.target\n                    .classList\n                    .add(\n                      \"dmp1-visible\"\n                    );\n\n                  observer.unobserve(\n                    entry.target\n                  );\n\n                }\n\n              }\n            );\n\n          },\n\n          {\n            threshold:.12,\n            rootMargin:\n              \"0px 0px -20px 0px\"\n          }\n\n        );\n\n\n      elements.forEach(\n        function(el){\n          observer.observe(el);\n        }\n      );\n\n    }\n\n    else{\n\n      elements.forEach(\n        function(el){\n\n          el.classList.add(\n            \"dmp1-visible\"\n          );\n\n        }\n      );\n\n    }\n\n  }\n\n\n  if(\n    document.readyState ===\n    \"loading\"\n  ){\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initDMP1\n    );\n\n  }\n\n  else{\n    initDMP1();\n  }\n\n\n  document.addEventListener(\n    \"hydrationDone\",\n    initDMP1\n  );\n\n})();\n\n\u003C\u002Fscript>",{"value":224},[],"ccustom-code-Idlhw37eqL",{},{"id":11,"type":19,"child":228,"class":230,"styles":238,"extra":240,"meta":19,"tagName":56,"title":163,"tabletStyles":251,"tabletWrapper":252,"classStr":24,"_id":11},[229],"row-2nAAX7bnwt",{"width":231,"entranceAnimation":232,"animationScale":233,"animationDuration":234,"animationDelay":235,"animationEasing":236,"disableAnimationsOnMobile":237},{"value":24},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"borderWidth":239},{"value":38},{"sticky":241,"visibility":242,"bgImage":244,"allowRowMaxWidth":246,"customClass":247,"elementScreenshot":249},{"value":41},{"value":243},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":245},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":35},{"value":248},[],{"value":250},[],{},{},{"id":229,"type":64,"child":254,"class":256,"styles":264,"extra":266,"tagName":88,"meta":64,"tabletStyles":274,"tabletWrapper":275,"title":91,"classStr":69},[255],"col-l0y8rDemLI",{"alignRow":257,"entranceAnimation":258,"animationScale":259,"animationDuration":260,"animationDelay":261,"animationEasing":262,"disableAnimationsOnMobile":263},{"value":69},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"borderWidth":265},{"value":38},{"visibility":267,"bgImage":269,"rowWidth":271,"customClass":272},{"value":268},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":270},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":84,"unit":85},{"value":273},[],{},{},{"id":255,"type":93,"child":277,"class":279,"styles":287,"extra":289,"tagName":122,"meta":93,"tabletStyles":301,"tabletWrapper":302,"title":125,"noOfColumns":28},[278],"custom-code-7IihbKHFFa",{"entranceAnimation":280,"animationScale":281,"animationDuration":282,"animationDelay":283,"animationEasing":284,"disableAnimationsOnMobile":285,"nestedColumn":286},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"value":48},{"borderWidth":288},{"value":38},{"visibility":290,"bgImage":292,"columnLayout":294,"justifyContentColumnLayout":295,"alignContentColumnLayout":296,"forceColumnLayoutForMobile":297,"customClass":298,"elementVersion":300},{"value":291},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":293},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":112},{"value":114},{"value":116},{"value":35},{"value":299},[],{"value":121},{},{},{"extra":304,"id":278,"meta":136,"tagName":137,"class":313},{"visibility":305,"customCode":307,"customClass":310,"nodeId":312},{"value":306},{"hideMobile":48,"hideDesktop":48,"hideTablet":44},{"value":308},{"rawCustomCode":309},"\u003C!-- =====================================================\n     DR MAHER — DM-P02\n     SON PARCOURS \u002F TIMELINE\n     Funnel Crafts\n===================================================== -->\n\n\u003Cstyle>\n\n.dmp2,\n.dmp2 * {\n  box-sizing:border-box;\n}\n\n.dmp2 {\n  --brown:#482615;\n  --dark:#28150D;\n  --gold:#B97B45;\n  --gold2:#D9A36F;\n  --cream:#FAF7F2;\n  --cream2:#F3EBE3;\n  --text:#2B1B14;\n  --muted:#76675E;\n  --border:rgba(72,38,21,.11);\n\n  position:relative;\n  width:100%;\n  overflow:hidden;\n\n  padding:105px 0;\n\n  background:#fff;\n\n  font-family:\"Manrope\",Arial,sans-serif;\n\n  container-type:inline-size;\n}\n\n\n\u002F* =============================\n   BACKGROUND\n============================= *\u002F\n\n.dmp2::before {\n  content:\"\";\n\n  position:absolute;\n\n  width:480px;\n  height:480px;\n\n  left:-220px;\n  top:120px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(185,123,69,.08),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}
14561\n\n\n\u002F* =============================\n   CONTAINER\n============================= *\u002F\n\n.dmp2-container {\n  position:relative;\n  z-index:2;\n\n  width:min(\n    calc(100% - 48px),\n    1180px\n  );\n\n  margin:0 auto;\n}\n\n\n\u002F* =============================\n   HEAD\n============================= *\u002F\n\n.dmp2-head {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(280px,430px);\n\n  gap:70px;\n\n  align-items:end;\n\n  margin-bottom:70px;\n}\n\n\n.dmp2-eyebrow {\n  display:inline-flex;\n  align-items:center;\n  gap:11px;\n\n  margin-bottom:16px;\n\n  color:var(--gold);\n\n  font-size:9px;\n  font-weight:700;\n\n  letter-spacing:.22em;\n  text-transform:uppercase;\n}\n\n\n.dmp2-eyebrow::before {\n  content:\"\";\n\n  width:32px;\n  height:1px;\n\n  background:var(--gold);\n}\n\n\n.dmp2-title {\n  max-width:690px;\n\n  margin:0;\n\n  color:var(--dark);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:\n    clamp(46px,4.6vw,66px);\n\n  font-weight:600;\n\n  line-height:.98;\n\n  letter-spacing:-.025em;\n}\n\n\n.dmp2-title span {\n  display:block;\n\n  margin-top:6px;\n\n  color:var(--gold);\n}\n\n\n.dmp2-intro {\n  margin:0;\n\n  padding-left:24px;\n\n  border-left:1px solid var(--gold);\n\n  color:var(--muted);\n\n  font-size:13px;\n\n  line-height:1.78;\n}\n\n\n\u002F* =============================\n   MAIN LAYOUT\n============================= *\u002F\n\n.dmp2-main {\n  display:grid;\n\n  grid-template-columns:\n    260px 1fr;\n\n  gap:60px;\n\n  align-items:start;\n}\n\n\n\u002F* =============================\n   LEFT STAT\n============================= *\u002F\n\n.dmp2-stat {\n  position:sticky;\n\n  top:120px;\n\n  padding:32px 28px;\n\n  overflow:hidden;\n\n  border-radius:24px;\n\n  background:var(--brown);\n\n  color:#fff;\n\n  box-shadow:\n    0 22px 55px\n    rgba(40,21,13,.13);\n}\n\n\n.dmp2-stat::after {\n  content:\"\";\n\n  position:absolute;\n\n  width:180px;\n  height:180px;\n\n  right:-90px;\n  bottom:-100px;\n\n  border-radius:50%;\n\n  border:\n    1px solid\n    rgba(217,163,111,.16);\n}\n\n\n.dmp2-stat-small {\n  position:relative;\n  z-index:2;\n\n  color:var(--gold2);\n\n  font-size:8px;\n  font-weight:800;\n\n  letter-spacing:.18em;\n  text-transform:uppercase;\n}\n\n\n.dmp2-stat-number {\n  position:relative;\n  z-index:2;\n\n  margin-top:13px;\n\n  color:#fff;\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:67px;\n\n  font-weight:600;\n\n  line-height:.85;\n}\n\n\n.dmp2-stat-label {\n  position:relative;\n  z-index:2;\n\n  margin-top:11px;\n\n  color:\n    rgba(255,255,255,.67);\n\n  font-size:10px;\n\n  line-height:1.55;\n}\n\n\n.dmp2-stat-divider {\n  position:relative;\n  z-index:2;\n\n  width:45px;\n  height:1px;\n\n  margin:23px 0;\n\n  background:var(--gold2);\n}\n\n\n.dmp2-stat-quote {\n  position:relative;\n  z-index:2;\n\n  margin:0;\n\n  color:#fff;\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:20px;\n\n  line-height:1.25;\n\n  font-weight:600;\n}\n\n\n\u002F* =============================\n   TIMELINE\n============================= *\u002F\n\n.dmp2-timeline {\n  position:relative;\n\n  display:grid;\n\n  gap:20px;\n}\n\n\n\u002F* BASE LINE *\u002F\n\n.dmp2-line {\n  position:absolute;\n\n  left:34px;\n  top:35px;\n  bottom:35px;\n\n  width:1px;\n\n  background:\n    rgba(72,38,21,.13);\n}\n\n\n\u002F* PROGRESS *\u002F\n\n.dmp2-progress {\n  position:absolute;\n\n  left:34px;\n  top:35px;\n\n  width:2px;\n  height:0;\n\n  border-radius:999px;\n\n  background:\n    linear-gradient(\n      to bottom,\n      var(--gold),\n      var(--gold2)\n    );\n\n  box-shadow:\n    0 0 16px\n    rgba(185,123,69,.25);\n\n  transition:\n    height .75s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n\n\u002F* =============================\n   ITEM\n============================= *\u002F\n\n.dmp2-item {\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    70px 1fr;\n\n  gap:24px;\n\n  align-items:start;\n}\n\n\n\u002F* NODE *\u002F\n\n.dmp2-node {\n  position:relative;\n\n  z-index:3;\n\n  width:68px;\n  height:68px;\n\n  border-radius:50%;\n\n  border:\n    1px solid var(--border);\n\n  background:#fff;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  color:var(--gold);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:18px;\n  font-weight:700;\n\n  box-shadow:\n    0 8px 25px\n    rgba(40,21,13,.05);\n\n  transition:\n    background .4s ease,\n    color .4s ease,\n    border-color .4s ease,\n    transform .4s ease,\n    box-shadow .4s ease;\n}\n\n\n.dmp2-item.dmp2-active\n.dmp2-node {\n  background:var(--brown);\n\n  color:#fff;\n\n  border-color:var(--brown);\n\n  transform:scale(1.07);\n\n  box-shadow:\n    0 14px 32px\n    rgba(72,38,21,.18);\n}\n\n\n\u002F* CARD *\u002F\n\n.dmp2-card {\n  position:relative;\n\n  padding:29px 31px;\n\n  overflow:hidden;\n\n  border:\n    1px solid var(--border);\n\n  border-radius:21px;\n\n  background:var(--cream);\n\n  transition:\n    transform .4s ease,\n    background .4s ease,\n    border-color .4s ease,\n    box-shadow .4s ease;\n}\n\n\n.dmp2-card::before {\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n  left:0;\n\n  width:3px;\n  height:0;\n\n  background:var(--gold);\n\n  transition:\n    height .45s ease;\n}\n\n\n.dmp2-item:hover\n.dmp2-card,\n.dmp2-item.dmp2-active\n.dmp2-card {\n  transform:translateX(6px);\n\n  background:#fff;\n\n  border-color:\n    rgba(185,123,69,.27);\n\n  box-shadow:\n    0 18px 45px\n    rgba(40,21,13,.07);\n}\n\n\n.dmp2-item:hover\n.dmp2-card::before,\n.dmp2-item.dmp2-active\n.dmp2-card::before {\n  height:100%;\n}\n\n\n\u002F* TEXT *\u002F\n\n.dmp2-label {\n  margin-bottom:8px;\n\n  color:var(--gold);\n\n  font-size:7.5px;\n  font-weight:800;\n\n  letter-spacing:.17em;\n  text-transform:uppercase;\n}\n\n\n.dmp2-card-title {\n  margin:0;\n\n  color:var(--dark);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:29px;\n\n  font-weight:600;\n\n  line-height:1.03;\n}\n\n\n.dmp2-card-text {\n  max-width:620px;\n\n  margin:13px 0 0;\n\n  color:var(--muted);\n\n  font-size:12.5px;\n\n  line-height:1.72;\n}\n\n\n\u002F* SMALL PRINCIPLE *\u002F\n\n.dmp2-principle {\n  margin-top:18px;\n\n  padding-top:16px;\n\n  border-top:\n    1px solid var(--border);\n\n  display:flex;\n\n  align-items:flex-start;\n\n  gap:8px;\n\n  color:var(--text);\n\n  font-size:10.5px;\n\n  line-height:1.55;\n}\n\n\n.dmp2-check {\n  color:var(--gold);\n  font-weight:800;\n}\n\n\n\u002F* =============================\n   FINAL STATEMENT\n============================= *\u002F\n\n.dmp2-bottom {\n  margin-top:65px;\n\n  padding:42px 40px;\n\n  border-radius:24px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #F3EBE3,\n      #FAF7F2\n    );\n\n  text-align:center;\n\n  border:\n    1px solid var(--border);\n}\n\n\n.dmp2-bottom-small {\n  margin-bottom:9px;\n\n  color:var(--gold);\n\n  font-size:8px;\n  font-weight:800;\n\n  letter-spacing:.18em;\n  text-transform:uppercase;\n}\n\n\n.dmp2-bottom-title {\n  max-width:800px;\n\n  margin:0 auto;\n\n  color:var(--dark);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:\n    clamp(31px,3.2vw,45px);\n\n  font-weight:600;\n\n  line-height:1.06;\n}\n\n\n.dmp2-bottom-title span {\n  color:var(--gold);\n}\n\n\n\u002F* =============================\n   REVEAL\n============================= *\u002F\n\n.dmp2-reveal {\n  opacity:0;\n\n  transform:translateY(28px);\n\n  transition:\n    opacity .75s ease,\n    transform .75s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n\n.dmp2-reveal.dmp2-visible {\n  opacity:1;\n  transform:translateY(0);\n}
14561\n\n\n.dmp2-delay1 {\n  transition-delay:.08s;\n}\n\n.dmp2-delay2 {\n  transition-delay:.16s;\n}\n\n.dmp2-delay3 {\n  transition-delay:.24s;\n}\n\n.dmp2-delay4 {\n  transition-delay:.32s;\n}\n\n\n\u002F* =============================\n   TABLET\n============================= *\u002F\n\n@media(max-width:900px) {\n\n  .dmp2 {\n    padding:85px 0;\n  }\n\n\n  .dmp2-container {\n    width:calc(100% - 34px);\n  }\n\n\n  .dmp2-head {\n    grid-template-columns:1fr;\n\n    gap:25px;\n\n    margin-bottom:55px;\n  }\n\n\n  .dmp2-main {\n    grid-template-columns:1fr;\n\n    gap:40px;\n  }\n\n\n  .dmp2-stat {\n    position:relative;\n\n    top:auto;\n\n    max-width:500px;\n  }\n\n}\n\n\n\u002F* =============================\n   MOBILE\n============================= *\u002F\n\n@media(max-width:620px) {\n\n  .dmp2 {\n    padding:65px 0;\n  }\n\n\n  .dmp2-container {\n    width:calc(100% - 24px);\n  }\n\n\n  .dmp2-title {\n    font-size:41px;\n  }\n\n\n  .dmp2-intro {\n    padding-left:17px;\n\n    font-size:12.5px;\n  }\n\n\n  .dmp2-stat {\n    padding:27px 23px;\n  }\n\n\n  .dmp2-stat-number {\n    font-size:58px;\n  }\n\n\n  .dmp2-line,\n  .dmp2-progress {\n    left:24px;\n  }\n\n\n  .dmp2-item {\n    grid-template-columns:\n      49px 1fr;\n\n    gap:13px;\n  }\n\n\n  .dmp2-node {\n    width:49px;\n    height:49px;\n\n    font-size:14px;\n  }\n\n\n  .dmp2-card {\n    padding:22px 20px;\n  }\n\n\n  .dmp2-card-title {\n    font-size:25px;\n  }\n\n\n  .dmp2-card-text {\n    font-size:12px;\n  }\n\n\n  .dmp2-bottom {\n    margin-top:45px;\n\n    padding:32px 20px;\n  }\n\n\n  .dmp2-bottom-title {\n    font-size:31px;\n  }\n\n}\n\n\n\u002F* GHL BUILDER CONTAINER *\u002F\n\n@container(max-width:620px) {\n\n  .dmp2-container {\n    width:calc(100% - 24px);\n  }\n\n\n  .dmp2-head,\n  .dmp2-main {\n    grid-template-columns:1fr;\n  }\n\n}\n\n\n\u002F* ACCESSIBILITY *\u002F\n\n@media(prefers-reduced-motion:reduce) {\n\n  .dmp2-reveal {\n    opacity:1;\n    transform:none;\n    transition:none;\n  }\n\n\n  .dmp2-progress,\n  .dmp2-node,\n  .dmp2-card {\n    transition:none !important;\n  }\n\n}\n\n\u003C\u002Fstyle>\n\n\n\u003Csection\n  class=\"dmp2\"\n  id=\"parcours\"\n>\n\n  \u003Cdiv\n    class=\"dmp2-container\"\n    id=\"dmp2Section\"\n  >\n\n\n    \u003C!-- ===========================\n         HEADER\n    ============================ -->\n\n    \u003Cdiv class=\"dmp2-head\">\n\n\n      \u003Cdiv\n        class=\"\n          dmp2-reveal\n        \"\n      >\n\n        \u003Cdiv class=\"dmp2-eyebrow\">\n          Son parcours\n        \u003C\u002Fdiv>\n\n\n        \u003Ch2 class=\"dmp2-title\">\n\n          Une expérience\n          construite dans le temps.\n\n          \u003Cspan>\n            Une méthode affinée par la pratique.\n          \u003C\u002Fspan>\n\n        \u003C\u002Fh2>\n\n      \u003C\u002Fdiv>\n\n\n      \u003Cp\n        class=\"\n          dmp2-intro\n          dmp2-reveal\n          dmp2-delay1\n        \"\n      >\n\n        Au fil des années,\n        l’expérience de Dr Maher\n        a progressivement donné naissance\n        à une approche centrée sur\n        l’observation, la compréhension,\n        la transmission de repères\n        et l’accompagnement personnalisé.\n\n      \u003C\u002Fp>\n\n\n    \u003C\u002Fdiv>\n\n\n    \u003C!-- ===========================\n         MAIN\n    ============================ -->\n\n    \u003Cdiv class=\"dmp2-main\">\n\n\n      \u003C!-- STAT -->\n\n      \u003Caside\n        class=\"\n          dmp2-stat\n          dmp2-reveal\n        \"\n      >\n\n        \u003Cdiv class=\"dmp2-stat-small\">\n          Expérience\n        \u003C\u002Fdiv>\n\n\n        \u003Cdiv\n          class=\"dmp2-stat-number\"\n          id=\"dmp2Counter\"\n        >\n          0+\n        \u003C\u002Fdiv>\n\n\n        \u003Cdiv class=\"dmp2-stat-label\">\n\n          années consacrées\n          à l’observation,\n          à l’accompagnement\n          et à la transmission.\n\n        \u003C\u002Fdiv>\n\n\n        \u003Cdiv class=\"dmp2-stat-divider\">\u003C\u002Fdiv>\n\n\n        \u003Cp class=\"dmp2-stat-quote\">\n\n          « L’expérience devient utile\n          lorsqu’elle permet de mieux\n          comprendre chaque nouvelle\n          situation. »\n\n        \u003C\u002Fp>\n\n      \u003C\u002Faside>\n\n\n      \u003C!-- TIMELINE -->\n\n      \u003Cdiv\n        class=\"dmp2-timeline\"\n        id=\"dmp2Timeline\"\n      >\n\n\n        \u003Cdiv class=\"dmp2-line\">\u003C\u002Fdiv>\n\n\n        \u003Cdiv\n          class=\"dmp2-progress\"\n          id=\"dmp2Progress\"\n        >\u003C\u002Fdiv>\n\n\n        \u003C!-- 01 -->\n\n        \u003Carticle\n          class=\"\n            dmp2-item\n            dmp2-reveal\n            dmp2-delay1\n          \"\n          data-step=\"1\"\n        >\n\n          \u003Cdiv class=\"dmp2-node\">\n            01\n          \u003C\u002Fdiv>\n\n\n          \u003Cdiv class=\"dmp2-card\">\n\n            \u003Cdiv class=\"dmp2-label\">\n              Observer\n            \u003C\u002Fdiv>\n\n\n            \u003Ch3 class=\"dmp2-card-title\">\n\n              Comprendre les situations\n              avant de les interpréter.\n\n            \u003C\u002Fh3>\n\n\n            \u003Cp class=\"dmp2-card-text\">\n\n              Chaque personne arrive avec\n              son histoire, son contexte,\n              ses expérience
14561s et ses propres\n              interrogations.\n\n              L’écoute et l’observation constituent\n              donc le point de départ de la démarche.\n\n            \u003C\u002Fp>\n\n\n            \u003Cdiv class=\"dmp2-principle\">\n\n              \u003Cspan class=\"dmp2-check\">\n                ✓\n              \u003C\u002Fspan>\n\n              Éviter de réduire des situations\n              différentes à une seule explication.\n\n            \u003C\u002Fdiv>\n\n          \u003C\u002Fdiv>\n\n        \u003C\u002Farticle>\n\n\n        \u003C!-- 02 -->\n\n        \u003Carticle\n          class=\"\n            dmp2-item\n            dmp2-reveal\n            dmp2-delay2\n          \"\n          data-step=\"2\"\n        >\n\n          \u003Cdiv class=\"dmp2-node\">\n            02\n          \u003C\u002Fdiv>\n\n\n          \u003Cdiv class=\"dmp2-card\">\n\n            \u003Cdiv class=\"dmp2-label\">\n              Structurer\n            \u003C\u002Fdiv>\n\n\n            \u003Ch3 class=\"dmp2-card-title\">\n\n              Transformer l’expérience\n              en méthode.\n\n            \u003C\u002Fh3>\n\n\n            \u003Cp class=\"dmp2-card-text\">\n\n              Avec le temps,\n              les observations et les situations\n              rencontrées permettent de développer\n              des repères plus structurés\n              pour analyser une démarche\n              et mieux orienter la personne.\n\n            \u003C\u002Fp>\n\n\n            \u003Cdiv class=\"dmp2-principle\">\n\n              \u003Cspan class=\"dmp2-check\">\n                ✓\n              \u003C\u002Fspan>\n\n              Passer de réactions isolées\n              à une démarche organisée.\n\n            \u003C\u002Fdiv>\n\n          \u003C\u002Fdiv>\n\n        \u003C\u002Farticle>\n\n\n        \u003C!-- 03 -->\n\n        \u003Carticle\n          class=\"\n            dmp2-item\n            dmp2-reveal\n            dmp2-delay3\n          \"\n          data-step=\"3\"\n        >\n\n          \u003Cdiv class=\"dmp2-node\">\n            03\n          \u003C\u002Fdiv>\n\n\n          \u003Cdiv class=\"dmp2-card\">\n\n            \u003Cdiv class=\"dmp2-label\">\n              Transmettre\n            \u003C\u002Fdiv>\n\n\n            \u003Ch3 class=\"dmp2-card-title\">\n\n              Donner des repères,\n              pas seulement des réponses.\n\n            \u003C\u002Fh3>\n\n\n            \u003Cp class=\"dmp2-card-text\">\n\n              Une partie essentielle\n              de l’approche consiste à expliquer,\n              transmettre et aider la personne\n              à mieux comprendre les principes\n              qui orientent sa propre démarche.\n\n            \u003C\u002Fp>\n\n\n            \u003Cdiv class=\"dmp2-principle\">\n\n              \u003Cspan class=\"dmp2-check\">\n                ✓\n              \u003C\u002Fspan>\n\n              La compréhension permet\n              de développer davantage d’autonomie.\n\n            \u003C\u002Fdiv>\n\n          \u003C\u002Fdiv>\n\n        \u003C\u002Farticle>\n\n\n        \u003C!-- 04 -->\n\n        \u003Carticle\n          class=\"\n            dmp2-item\n            dmp2-reveal\n            dmp2-delay4\n          \"\n          data-step=\"4\"\n        >\n\n          \u003Cdiv class=\"dmp2-node\">\n            04\n          \u003C\u002Fdiv>\n\n\n          \u003Cdiv class=\"dmp2-card\">\n\n            \u003Cdiv class=\"dmp2-label\">\n              Accompagner\n            \u003C\u002Fdiv>\n\n\n            \u003Ch3 class=\"dmp2-card-title\">\n\n              Adapter la démarche\n              à la personne.\n\n            \u003C\u002Fh3>\n\n\n            \u003Cp class=\"dmp2-card-text\">\n\n              L’expérience ne consiste pas\n              à appliquer automatiquement\n              la même réponse à tout le monde,\n              mais à mieux identifier\n              ce qui peut être pertinent\n              pour une situation donnée.\n\n            \u003C\u002Fp>\n\n\n            \u003Cdiv class=\"dmp2-principle\">\n\n              \u003Cspan class=\"dmp2-check\">\n                ✓\n              \u003C\u002Fspan>\n\n              Personnaliser avant\n              d’accompagner.\n\n            \u003C\u002Fdiv>\n\n          \u003C\u002Fdiv>\n\n        \u003C\u002Farticle>\n\n\n      \u003C\u002Fdiv>\n\n\n    \u003C\u002Fdiv>\n\n\n    \u003C!-- FINAL -->\n\n    \u003Cdiv\n      class=\"\n        dmp2-bottom\n        dmp2-reveal\n      \"\n    >\n\n      \u003Cdiv class=\"dmp2-bottom-small\">\n        Aujourd’hui\n      \u003C\u002Fdiv>\n\n\n      \u003Ch3 class=\"dmp2-bottom-title\">\n\n        Une expérience qui ne sert pas\n        à imposer une conclusion,\n\n        \u003Cspan>\n          mais à poser de meilleures questions.\n        \u003C\u002Fspan>\n\n      \u003C\u002Fh3>\n\n    \u003C\u002Fdiv>\n\n\n  \u003C\u002Fdiv>\n\n\u003C\u002Fsection>\n\n\n\u003Cscript>\n\n(function(){\n\n  function initDMP2(){\n\n    const section =\n      document.getElementById(\n        \"dmp2Section\"\n      );\n\n    if(!section) return;\n\n\n    if(\n      section.dataset.ready === \"1\"\n    ){\n      return;\n    }\n\n\n    section.dataset.ready = \"1\";\n\n\n    const reveals =\n      section.querySelectorAll(\n        \".dmp2-reveal\"\n      );\n\n\n    const items =\n      section.querySelectorAll(\n        \".dmp2-item\"\n      );\n\n\n    const progress =\n      document.getElementById(\n        \"dmp2Progress\"\n      );\n\n\n    const timeline =\n      document.getElementById(\n        \"dmp2Timeline\"\n      );\n\n\n    const counter =\n      document.getElementById(\n        \"dmp2Counter\"\n      );
14561\n\n\n    let counterStarted = false;\n\n\n    \u002F* =========================\n       COUNTER\n    ========================= *\u002F\n\n    function startCounter(){\n\n      if(\n        counterStarted ||\n        !counter\n      ){\n        return;\n      }\n\n\n      counterStarted = true;\n\n\n      const target = 25;\n\n      const duration = 1300;\n\n      const start =\n        performance.now();\n\n\n      function animate(now){\n\n        const p =\n          Math.min(\n            (now-start)\u002Fduration,\n            1\n          );\n\n\n        const eased =\n          1-Math.pow(\n            1-p,\n            3\n          );\n\n\n        counter.textContent =\n          Math.round(\n            target*eased\n          ) + \"+\";\n\n\n        if(p\u003C1){\n\n          requestAnimationFrame(\n            animate\n          );\n\n        }\n\n      }\n\n\n      requestAnimationFrame(\n        animate\n      );\n\n    }\n\n\n    \u002F* =========================\n       TIMELINE PROGRESS\n    ========================= *\u002F\n\n    function updateProgress(){\n\n      if(\n        !timeline ||\n        !progress\n      ){\n        return;\n      }\n\n\n      const rect =\n        timeline.getBoundingClientRect();\n\n\n      const viewport =\n        window.innerHeight;\n\n\n      const start =\n        viewport * .72;\n\n\n      const end =\n        viewport * .28;\n\n\n      const total =\n        rect.height -\n        (start-end);\n\n\n      let passed =\n        start -\n        rect.top;\n\n\n      let ratio =\n        passed \u002F total;\n\n\n      ratio =\n        Math.max(\n          0,\n          Math.min(1,ratio)\n        );\n\n\n      const available =\n        timeline.offsetHeight -\n        70;\n\n\n      progress.style.height =\n        (available*ratio) +\n        \"px\";\n\n    }\n\n\n    \u002F* =========================\n       REVEAL\n    ========================= *\u002F\n\n    if(\n      \"IntersectionObserver\"\n      in window\n    ){\n\n      const revealObserver =\n        new IntersectionObserver(\n\n          function(entries){\n\n            entries.forEach(\n              function(entry){\n\n                if(\n                  entry.isIntersecting\n                ){\n\n                  entry.target\n                    .classList\n                    .add(\n                      \"dmp2-visible\"\n                    );\n\n                  revealObserver\n                    .unobserve(\n                      entry.target\n                    );\n\n                }\n\n              }\n            );\n\n          },\n\n          {\n            threshold:.12,\n            rootMargin:\n              \"0px 0px -20px 0px\"\n          }\n\n        );\n\n\n      reveals.forEach(\n        function(el){\n\n          revealObserver.observe(el);\n\n        }\n      );\n\n\n      \u002F* ACTIVE STEPS *\u002F\n\n      const itemObserver =\n        new IntersectionObserver(\n\n          function(entries){\n\n            entries.forEach(\n              function(entry){\n\n                if(\n                  entry.isIntersecting\n                ){\n\n                  entry.target\n                    .classList\n                    .add(\n                      \"dmp2-active\"\n                    );\n\n                }\n\n              }\n            );\n\n          },\n\n          {\n            threshold:.48\n          }\n\n        );\n\n\n      items.forEach(\n        function(item){\n\n          itemObserver.observe(item);\n\n        }\n      );\n\n\n      \u002F* COUNTER *\u002F\n\n      const counterObserver =\n        new IntersectionObserver(\n\n          function(entries){\n\n            if(\n              entries[0]\n              .isIntersecting\n            ){\n\n              startCounter();\n\n              counterObserver.disconnect();\n\n            }\n\n          },\n\n          {\n            threshold:.35\n          }\n\n        );\n\n\n      counterObserver.observe(\n        section\n      );\n\n    }\n\n    else{\n\n      reveals.forEach(\n        function(el){\n\n          el.classList.add(\n            \"dmp2-visible\"\n          );\n\n        }\n      );
14561\n\n\n      items.forEach(\n        function(el){\n\n          el.classList.add(\n            \"dmp2-active\"\n          );\n\n        }\n      );\n\n\n      startCounter();\n\n    }\n\n\n    \u002F* =========================\n       SCROLL\n    ========================= *\u002F\n\n    window.addEventListener(\n      \"scroll\",\n      updateProgress,\n      {passive:true}\n    );\n\n\n    window.addEventListener(\n      \"resize\",\n      updateProgress\n    );\n\n\n    updateProgress();\n\n  }\n\n\n  if(\n    document.readyState ===\n    \"loading\"\n  ){\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initDMP2\n    );\n\n  }\n\n  else{\n\n    initDMP2();\n\n  }\n\n\n  document.addEventListener(\n    \"hydrationDone\",\n    initDMP2\n  );\n\n})();\n\n\u003C\u002Fscript>",{"value":311},[],"ccustom-code-7IihbKHFFa",{},{"id":12,"type":19,"child":315,"class":317,"styles":325,"extra":327,"meta":19,"tagName":56,"title":163,"tabletStyles":338,"tabletWrapper":339,"classStr":24,"_id":12},[316],"row-IvsfEwptxO",{"width":318,"entranceAnimation":319,"animationScale":320,"animationDuration":321,"animationDelay":322,"animationEasing":323,"disableAnimationsOnMobile":324},{"value":24},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"borderWidth":326},{"value":38},{"sticky":328,"visibility":329,"bgImage":331,"allowRowMaxWidth":333,"customClass":334,"elementScreenshot":336},{"value":41},{"value":330},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":332},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":35},{"value":335},[],{"value":337},[],{},{},{"id":316,"type":64,"child":341,"class":343,"styles":351,"extra":353,"tagName":88,"meta":64,"tabletStyles":361,"tabletWrapper":362,"title":91,"classStr":69},[342],"col-P7iVkAeAgE",{"alignRow":344,"entranceAnimation":345,"animationScale":346,"animationDuration":347,"animationDelay":348,"animationEasing":349,"disableAnimationsOnMobile":350},{"value":69},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"borderWidth":352},{"value":38},{"visibility":354,"bgImage":356,"rowWidth":358,"customClass":359},{"value":355},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":357},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":84,"unit":85},{"value":360},[],{},{},{"id":342,"type":93,"child":364,"class":366,"styles":374,"extra":376,"tagName":122,"meta":93,"tabletStyles":388,"tabletWrapper":389,"title":125,"noOfColumns":28},[365],"custom-code-r0AdOfK9rq",{"entranceAnimation":367,"animationScale":368,"animationDuration":369,"animationDelay":370,"animationEasing":371,"disableAnimationsOnMobile":372,"nestedColumn":373},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"value":48},{"borderWidth":375},{"value":38},{"visibility":377,"bgImage":379,"columnLayout":381,"justifyContentColumnLayout":382,"alignContentColumnLayout":383,"forceColumnLayoutForMobile":384,"customClass":385,"elementVersion":387},{"value":378},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":380},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":112},{"value":114},{"value":116},{"value":35},{"value":386},[],{"value":121},{},{},{"extra":391,"id":365,"meta":136,"tagName":137,"class":400},{"visibility":392,"customCode":394,"customClass":397,"nodeId":399},{"value":393},{"hideMobile":48,"hideDesktop":48,"hideTablet":44},{"value":395},{"rawCustomCode":396},"\u003C!-- =====================================================\n     DR MAHER — DM-P03\n     SA PHILOSOPHIE\n     Funnel Crafts\n===================================================== -->\n\n\u003Cstyle>\n\n.dmp3,\n.dmp3 * {\n  box-sizing: border-box;\n}\n\n.dmp3 {\n\n  --brown:#482615;\n  --dark:#28150D;\n  --dark2:#1E0F09;\n\n  --gold:#B97B45;\n  --gold2:#D9A36F;\n\n  --cream:#FAF7F2;\n\n  position:relative;\n\n  width:100%;\n\n  overflow:hidden;\n\n  padding:110px 0;\n\n  background:\n    linear-gradient(\n      145deg,\n      #28150D 0%,\n      #351A0F 55%,\n      #24120B 100%\n    );\n\n  font-family:\"Manrope\",Arial,sans-serif;\n\n  container-type:inline-size;\n}\n\n\n\u002F* =================================\n   BACKGROUND\n================================= *\u002F\n\n.dmp3::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  width:560px;\n  height:560px;\n\n  left:50%;\n  top:50%;\n\n  transform:\n    translate(-50%,-50%);\n\n  border-radius:50%;\n\n  border:\n    1px solid rgba(217,163,111,.09);\n\n  pointer-events:none;\n\n  animation:\n    dmp3Rotate 30s\n    linear infinite;\n}\n\n\n.dmp3::after {\n\n  content:\"\";\n\n  position:absolute;\n\n  width:390px;\n  height:390px;\n\n  left:50%;\n  top:50%;\n\n  transform:\n    translate(-50%,-50%);\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(185,123,69,.13),\n      transparent 68%\n    );\n\n  pointer-events:none;\n\n  animation:\n    dmp3Pulse 5s\n    ease-in-out\n    infinite alternate;\n}\n\n\n@keyframes dmp3Rotate {\n\n  from {\n    transform:\n      translate(-50%,-50%)\n      rotate(0deg);\n  }\n\n  to {\n    transform:\n      translate(-50%,-50%)\n      rotate(360deg);\n  }\n\n}\n\n\n@keyframes dmp3Pulse {\n\n  from {\n    opacity:.65;\n\n    transform:\n      translate(-50%,-50%)\n      scale(.95);\n  }\n\n  to {\n    opacity:1;\n\n    transform:\n      translate(-50%,-50%)\n      scale(1.08);\n  }\n\n}
14561\n\n\n\u002F* =================================\n   CONTAINER\n================================= *\u002F\n\n.dmp3-container {\n\n  position:relative;\n\n  z-index:3;\n\n  width:\n    min(\n      calc(100% - 48px),\n      1180px\n    );\n\n  margin:0 auto;\n}\n\n\n\u002F* =================================\n   HEAD\n================================= *\u002F\n\n.dmp3-head {\n\n  max-width:790px;\n\n  margin:\n    0 auto 75px;\n\n  text-align:center;\n}\n\n\n.dmp3-eyebrow {\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:11px;\n\n  margin-bottom:16px;\n\n  color:var(--gold2);\n\n  font-size:9px;\n\n  font-weight:700;\n\n  letter-spacing:.23em;\n\n  text-transform:uppercase;\n}\n\n\n.dmp3-eyebrow::before,\n.dmp3-eyebrow::after {\n\n  content:\"\";\n\n  width:28px;\n\n  height:1px;\n\n  background:var(--gold2);\n}\n\n\n.dmp3-title {\n\n  margin:0;\n\n  color:#fff;\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:\n    clamp(46px,4.7vw,67px);\n\n  font-weight:600;\n\n  line-height:.98;\n\n  letter-spacing:-.025em;\n}\n\n\n.dmp3-title span {\n\n  color:var(--gold2);\n}\n\n\n.dmp3-intro {\n\n  max-width:650px;\n\n  margin:\n    20px auto 0;\n\n  color:\n    rgba(255,255,255,.60);\n\n  font-size:13px;\n\n  line-height:1.78;\n}\n\n\n\u002F* =================================\n   PHILOSOPHY GRID\n================================= *\u002F\n\n.dmp3-grid {\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(200px,.72fr)\n    minmax(360px,1.15fr)\n    minmax(200px,.72fr);\n\n  align-items:center;\n\n  gap:28px;\n}\n\n\n.dmp3-side {\n\n  display:grid;\n\n  gap:18px;\n}\n\n\n\u002F* =================================\n   PRINCIPLE BUTTON\n================================= *\u002F\n\n.dmp3-principle {\n\n  position:relative;\n\n  width:100%;\n\n  padding:24px 22px;\n\n  border:\n    1px solid rgba(255,255,255,.10);\n\n  border-radius:19px;\n\n  background:\n    rgba(255,255,255,.045);\n\n  color:#fff;\n\n  cursor:pointer;\n\n  text-align:left;\n\n  overflow:hidden;\n\n  backdrop-filter:blur(8px);\n\n  transition:\n    transform .35s ease,\n    border-color .35s ease,\n    background .35s ease,\n    box-shadow .35s ease;\n}\n\n\n.dmp3-principle::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n  left:0;\n\n  width:3px;\n\n  height:0;\n\n  background:\n    linear-gradient(\n      to bottom,\n      var(--gold2),\n      var(--gold)\n    );\n\n  transition:\n    height .4s ease;\n}\n\n\n.dmp3-principle:hover,\n.dmp3-principle.dmp3-active {\n\n  transform:\n    translateY(-5px);\n\n  background:\n    rgba(255,255,255,.085);\n\n  border-color:\n    rgba(217,163,111,.30);\n\n  box-shadow:\n    0 17px 45px\n    rgba(0,0,0,.12);\n}\n\n\n.dmp3-principle:hover::before,\n.dmp3-principle.dmp3-active::before {\n\n  height:100%;\n}\n\n\n\u002F* NUMBER *\u002F\n\n.dmp3-number {\n\n  margin-bottom:14px;\n\n  color:var(--gold2);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:17px;\n\n  font-weight:700;\n}\n\n\n.dmp3-principle-title {\n\n  margin:0;\n\n  color:#fff;\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:25px;\n\n  font-weight:600;\n\n  line-height:1;\n}\n\n\n.dmp3-principle-sub {\n\n  margin-top:7px;\n\n  color:\n    rgba(255,255,255,.46);\n\n  font-size:9.5px;\n\n  line-height:1.5;\n}\n\n\n\u002F* =================================\n   CENTER\n================================= *\u002F\n\n.dmp3-center {\n\n  position:relative;\n\n  min-height:470px;\n\n  padding:50px 42px;\n\n  overflow:hidden;\n\n  border:\n    1px solid rgba(217,163,111,.20);\n\n  border-radius:50%;\n\n  background:\n    rgba(255,255,255,.055);\n\n  backdrop-filter:blur(13px);\n\n  display:flex;\n\n  flex-direction:column;\n\n  align-items:center;\n\n  justify-content:center;\n\n  text-align:center;\n\n  box-shadow:\n    0 30px 90px\n    rgba(0,0,0,.18);\n\n  transition:\n    border-color .4s ease,\n    box-shadow .4s ease;\n}\n\n\n.dmp3-center::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  inset:17px;\n\n  border:\n    1px solid rgba(217,163,111,.08);\n\n  border-radius:50%;\n\n  pointer-events:none;\n}\n\n\n.dmp3-center::after {\n\n  content:\"✦\";\n\n  position:absolute;\n\n  top:36px;\n\n  color:\n    rgba(217,163,111,.28);\n\n  font-size:20px;\n}\n\n\n\u002F* CENTER CONTENT *\u002F\n\n.dmp3-center-label {\n\n  margin-bottom:13px;\n\n  color:var(--gold2);\n\n  font-size:8px;\n\n  font-weight:800;\n\n  letter-spacing:.20em;\n\n  text-transform:uppercase;\n}\n\n\n.dmp3-center-title {\n\n  margin:0;\n\n  max-width:350px;\n\n  color:#fff;\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:\n    clamp(36px,3.4vw,48px);\n\n  font-weight:600;\n\n  line-height:1;\n\n  transition:\n    opacity .25s ease,\n    transform .25s ease;\n}\n\n\n.dmp3-center-text {\n\n  max-width:350px;\n\n  margin:\n    19px auto 0;\n\n  color:\n    rgba(255,255,255,.62);\n\n  font-size:12px;\n\n  line-height:1.72;\n\n  transition:\n    opacity .25s ease,\n    transform .25s ease;\n}\n\n\n.dmp3-center-quote {\n\n  max-width:340px;\n\n  margin-top:24px;\n\n  padding-top:19px;\n\n  border-top:\n    1px solid rgba(255,255,255,.10);\n\n  color:var(--gold2);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:17px;\n\n  font-weight:600;\n\n  line-height:1.25;\n\n  transition:\n    opacity .25s ease,\n    transform .25s ease;\n}
14561\n\n\n\u002F* TRANSITION STATE *\u002F\n\n.dmp3-center.dmp3-changing\n.dmp3-center-title,\n.dmp3-center.dmp3-changing\n.dmp3-center-text,\n.dmp3-center.dmp3-changing\n.dmp3-center-quote {\n\n  opacity:0;\n\n  transform:\n    translateY(8px);\n}\n\n\n\u002F* =================================\n   PROGRESS DOTS\n================================= *\u002F\n\n.dmp3-dots {\n\n  margin-top:55px;\n\n  display:flex;\n\n  justify-content:center;\n\n  gap:8px;\n}\n\n\n.dmp3-dot {\n\n  width:7px;\n  height:7px;\n\n  padding:0;\n\n  border:0;\n\n  border-radius:999px;\n\n  background:\n    rgba(255,255,255,.20);\n\n  cursor:pointer;\n\n  transition:\n    width .35s ease,\n    background .35s ease;\n}\n\n\n.dmp3-dot.dmp3-active {\n\n  width:27px;\n\n  background:var(--gold2);\n}\n\n\n\u002F* =================================\n   BOTTOM\n================================= *\u002F\n\n.dmp3-bottom {\n\n  max-width:850px;\n\n  margin:\n    65px auto 0;\n\n  padding:\n    30px 35px;\n\n  border-top:\n    1px solid rgba(255,255,255,.10);\n\n  border-bottom:\n    1px solid rgba(255,255,255,.10);\n\n  text-align:center;\n}\n\n\n.dmp3-bottom-small {\n\n  margin-bottom:7px;\n\n  color:var(--gold2);\n\n  font-size:8px;\n\n  font-weight:800;\n\n  letter-spacing:.19em;\n\n  text-transform:uppercase;\n}\n\n\n.dmp3-bottom-text {\n\n  margin:0;\n\n  color:#fff;\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:\n    clamp(27px,3vw,40px);\n\n  font-weight:600;\n\n  line-height:1.07;\n}\n\n\n.dmp3-bottom-text span {\n\n  color:var(--gold2);\n}\n\n\n\u002F* =================================\n   REVEAL\n================================= *\u002F\n\n.dmp3-reveal {\n\n  opacity:0;\n\n  transform:\n    translateY(28px);\n\n  transition:\n    opacity .8s ease,\n    transform .8s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n\n.dmp3-reveal.dmp3-visible {\n\n  opacity:1;\n\n  transform:\n    translateY(0);\n}
14561\n\n\n.dmp3-delay1 {\n  transition-delay:.08s;\n}\n\n.dmp3-delay2 {\n  transition-delay:.16s;\n}\n\n.dmp3-delay3 {\n  transition-delay:.24s;\n}\n\n.dmp3-delay4 {\n  transition-delay:.32s;\n}\n\n\n\u002F* =================================\n   TABLET\n================================= *\u002F\n\n@media(max-width:900px) {\n\n  .dmp3 {\n\n    padding:85px 0;\n  }\n\n\n  .dmp3-container {\n\n    width:\n      calc(100% - 34px);\n  }\n\n\n  .dmp3-grid {\n\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n\n  .dmp3-center {\n\n    grid-column:\n      1 \u002F -1;\n\n    grid-row:1;\n\n    width:min(100%,500px);\n\n    min-height:500px;\n\n    margin:\n      0 auto 15px;\n  }\n\n\n  .dmp3-side {\n\n    display:contents;\n  }\n\n}\n\n\n\u002F* =================================\n   MOBILE\n================================= *\u002F\n\n@media(max-width:620px) {\n\n  .dmp3 {\n\n    padding:65px 0;\n  }\n\n\n  .dmp3-container {\n\n    width:\n      calc(100% - 24px);\n  }\n\n\n  .dmp3-head {\n\n    margin-bottom:45px;\n\n    text-align:left;\n  }\n\n\n  .dmp3-eyebrow {\n\n    font-size:8px;\n  }\n\n\n  .dmp3-eyebrow::after {\n\n    display:none;\n  }\n\n\n  .dmp3-title {\n\n    font-size:41px;\n  }\n\n\n  .dmp3-intro {\n\n    margin-left:0;\n\n    font-size:12.5px;\n  }\n\n\n  .dmp3-grid {\n\n    display:flex;\n\n    flex-direction:column;\n  }\n\n\n  .dmp3-center {\n\n    order:1;\n\n    width:100%;\n\n    min-height:390px;\n\n    padding:45px 28px;\n\n    border-radius:28px;\n  }\n\n\n  .dmp3-center::before {\n\n    border-radius:20px;\n  }\n\n\n  .dmp3-center-title {\n\n    font-size:36px;\n  }\n\n\n  .dmp3-side {\n\n    display:grid;\n\n    width:100%;\n\n    gap:11px;\n  }\n\n\n  .dmp3-side:first-child {\n\n    order:2;\n  }\n\n\n  .dmp3-side:last-child {\n\n    order:3;\n  }\n\n\n  .dmp3-principle {\n\n    padding:20px;\n  }\n\n\n  .dmp3-dots {\n\n    margin-top:35px;\n  }\n\n\n  .dmp3-bottom {\n\n    margin-top:45px;\n\n    padding:\n      26px 15px;\n  }\n\n\n  .dmp3-bottom-text {\n\n    font-size:30px;\n  }\n\n}\n\n\n\u002F* =================================\n   GHL BUILDER CONTAINER\n================================= *\u002F\n\n@container(max-width:620px) {\n\n  .dmp3-container {\n\n    width:\n      calc(100% - 24px);\n  }\n\n\n  .dmp3-grid {\n\n    display:flex;\n\n    flex-direction:column;\n  }\n\n\n  .dmp3-center {\n\n    order:1;\n\n    width:100%;\n\n    border-radius:28px;\n  }\n\n\n  .dmp3-center::before {\n\n    border-radius:20px;\n  }\n\n\n  .dmp3-side {\n\n    width:100%;\n  }\n\n\n  .dmp3-side:first-child {\n\n    order:2;\n  }\n\n\n  .dmp3-side:last-child {\n\n    order:3;\n  }\n\n}\n\n\n\u002F* =================================\n   ACCESSIBILITY\n================================= *\u002F\n\n@media(prefers-reduced-motion:reduce) {\n\n  .dmp3-reveal {\n\n    opacity:1;\n\n    transform:none;\n\n    transition:none;\n  }\n\n\n  .dmp3::before,\n  .dmp3::after {\n\n    animation:none;\n  }\n\n\n  .dmp3-principle,\n  .dmp3-center-title,\n  .dmp3-center-text,\n  .dmp3-center-quote {\n\n    transition:none !important;\n  }\n\n}\n\n\u003C\u002Fstyle>\n\n\n\u003Csection\n  class=\"dmp3\"\n  id=\"dmp3Section\"\n>\n\n  \u003Cdiv class=\"dmp3-container\">\n\n\n    \u003C!-- ==============================\n         HEAD\n    =============================== -->\n\n    \u003Cheader\n      class=\"\n        dmp3-head\n        dmp3-reveal\n      \"\n    >\n\n      \u003Cdiv class=\"dmp3-eyebrow\">\n        Sa philosophie\n      \u003C\u002Fdiv>\n\n\n      \u003Ch2 class=\"dmp3-title\">\n\n        Accompagner une personne,\n        ce n’est pas lui imposer\n\n        \u003Cspan>\n          une réponse toute faite.\n        \u003C\u002Fspan>\n\n      \u003C\u002Fh2>\n\n\n      \u003Cp class=\"dmp3-intro\">\n\n        La philosophie de Dr Maher repose\n        sur quatre principes qui structurent\n        la relation d’accompagnement :\n        écouter ce que la personne vit,\n        chercher à mieux comprendre,\n        orienter avec discernement\n        puis accompagner avec méthode.\n\n      \u003C\u002Fp>\n\n    \u003C\u002Fheader>\n\n\n    \u003C!-- ==============================\n         INTERACTIVE GRID\n    =============================== -->\n\n    \u003Cdiv class=\"dmp3-grid\">\n\n\n      \u003C!-- LEFT -->\n\n      \u003Cdiv class=\"dmp3-side\">\n\n\n        \u003Cbutton\n          type=\"button\"\n          class=\"\n            dmp3-principle\n            dmp3-active\n            dmp3-reveal\n            dmp3-delay1\n          \"\n          data-index=\"0\"\n        >\n\n          \u003Cdiv class=\"dmp3-number\">\n            01\n          \u003C\u002Fdiv>\n\n          \u003Ch3 class=\"dmp3-principle-title\">
14561\n            Écouter\n          \u003C\u002Fh3>\n\n          \u003Cdiv class=\"dmp3-principle-sub\">\n            Comprendre le parcours avant tout.\n          \u003C\u002Fdiv>\n\n        \u003C\u002Fbutton>\n\n\n        \u003Cbutton\n          type=\"button\"\n          class=\"\n            dmp3-principle\n            dmp3-reveal\n            dmp3-delay2\n          \"\n          data-index=\"1\"\n        >\n\n          \u003Cdiv class=\"dmp3-number\">\n            02\n          \u003C\u002Fdiv>\n\n          \u003Ch3 class=\"dmp3-principle-title\">\n            Comprendre\n          \u003C\u002Fh3>\n\n          \u003Cdiv class=\"dmp3-principle-sub\">\n            Mettre de l’ordre dans les informations.\n          \u003C\u002Fdiv>\n\n        \u003C\u002Fbutton>\n\n\n      \u003C\u002Fdiv>\n\n\n      \u003C!-- CENTER -->\n\n      \u003Cdiv\n        class=\"\n          dmp3-center\n          dmp3-reveal\n          dmp3-delay2\n        \"\n        id=\"dmp3Center\"\n      >\n\n        \u003Cdiv\n          class=\"dmp3-center-label\"\n          id=\"dmp3Label\"\n        >\n          Principe 01\n        \u003C\u002Fdiv>\n\n\n        \u003Ch3\n          class=\"dmp3-center-title\"\n          id=\"dmp3Title\"\n        >\n          Écouter avant de conclure.\n        \u003C\u002Fh3>\n\n\n        \u003Cp\n          class=\"dmp3-center-text\"\n          id=\"dmp3Text\"\n        >\n\n          Chaque personne arrive avec\n          une histoire différente.\n          L’écoute permet de comprendre\n          le contexte, les expériences\n          précédentes et les questions\n          qui restent encore ouvertes.\n\n        \u003C\u002Fp>\n\n\n        \u003Cdiv\n          class=\"dmp3-center-quote\"\n          id=\"dmp3Quote\"\n        >\n\n          « Le point de départ n’est pas\n          la réponse. C’est la personne. »\n\n        \u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n\n\n      \u003C!-- RIGHT -->\n\n      \u003Cdiv class=\"dmp3-side\">\n\n\n        \u003Cbutton\n          type=\"button\"\n          class=\"\n            dmp3-principle\n            dmp3-reveal\n            dmp3-delay3\n          \"\n          data-index=\"2\"\n        >\n\n          \u003Cdiv class=\"dmp3-number\">\n            03\n          \u003C\u002Fdiv>\n\n          \u003Ch3 class=\"dmp3-principle-title\">\n            Orienter\n          \u003C\u002Fh3>\n\n          \u003Cdiv class=\"dmp3-principle-sub\">\n            Identifier la prochaine étape pertinente.\n          \u003C\u002Fdiv>\n\n        \u003C\u002Fbutton>\n\n\n        \u003Cbutton\n          type=\"button\"\n          class=\"\n            dmp3-principle\n            dmp3-reveal\n            dmp3-delay4\n          \"\n          data-index=\"3\"\n        >\n\n          \u003Cdiv class=\"dmp3-number\">\n            04\n          \u003C\u002Fdiv>\n\n          \u003Ch3 class=\"dmp3-principle-title\">\n            Accompagner\n          \u003C\u002Fh3>\n\n          \u003Cdiv class=\"dmp3-principle-sub\">\n            Transformer les repères en pratique.\n          \u003C\u002Fdiv>\n\n        \u003C\u002Fbutton>\n\n\n      \u003C\u002Fdiv>\n\n\n    \u003C\u002Fdiv>\n\n\n    \u003C!-- DOTS -->\n\n    \u003Cdiv\n      class=\"\n        dmp3-dots\n        dmp3-reveal\n      \"\n    >\n\n      \u003Cbutton\n        type=\"button\"\n        class=\"\n          dmp3-dot\n          dmp3-active\n        \"\n        data-index=\"0\"\n        aria-label=\"Écouter\"\n      >\u003C\u002Fbutton>\n\n      \u003Cbutton\n        type=\"button\"\n        class=\"dmp3-dot\"\n        data-index=\"1\"\n        aria-label=\"Comprendre\"\n      >\u003C\u002Fbutton>\n\n      \u003Cbutton\n        type=\"button\"\n        class=\"dmp3-dot\"\n        data-index=\"2\"\n        aria-label=\"Orienter\"\n      >\u003C\u002Fbutton>\n\n      \u003Cbutton\n        type=\"button\"\n        class=\"dmp3-dot\"\n        data-index=\"3\"\n        aria-label=\"Accompagner\"\n      >\u003C\u002Fbutton>\n\n    \u003C\u002Fdiv>\n\n\n    \u003C!-- FINAL -->\n\n    \u003Cdiv\n      class=\"\n        dmp3-bottom\n        dmp3-reveal\n      \"\n    >\n\n      \u003Cdiv class=\"dmp3-bottom-small\">\n        La philosophie en une phrase\n      \u003C\u002Fdiv>\n\n\n      \u003Cp class=\"dmp3-bottom-text\">\n\n        Comprendre avant d’orienter.\n\n        \u003Cspan>\n          Personnaliser avant d’accompagner.\n        \u003C\u002Fspan>\n\n      \u003C\u002Fp>\n\n    \u003C\u002Fdiv>\n\n\n  \u003C\u002Fdiv>\n\n\u003C\u002Fsection>\n\n\n\u003Cscript>\n\n(function(){\n\n  function initDMP3(){\n\n    const section =\n      document.getElementById(\n        \"dmp3Section\"\n      );\n\n    if(!section) return;\n\n\n    if(\n      section.dataset.ready === \"1\"\n    ){\n      return;\n    }\n\n\n    section.dataset.ready = \"1\";\n\n\n    \u002F* =================================\n       DATA\n    ================================= *\u002F\n\n    const data = [\n\n      {\n        label:\"Principe 01\",\n\n        title:\n          \"Écouter avant de conclure.\",\n\n        text:\n          \"Chaque personne arrive avec une histoire différente. L’écoute permet de comprendre le contexte, les expérience
14561s précédentes et les questions qui restent encore ouvertes.\",\n\n        quote:\n          \"« Le point de départ n’est pas la réponse. C’est la personne. »\"\n      },\n\n      {\n        label:\"Principe 02\",\n\n        title:\n          \"Comprendre avant d’interpréter.\",\n\n        text:\n          \"Comprendre consiste à remettre les éléments dans leur contexte, distinguer les faits des interprétations et construire progressivement des repères plus cohérents.\",\n\n        quote:\n          \"« Plus de clarté permet souvent de prendre de meilleures décisions. »\"\n      },\n\n      {\n        label:\"Principe 03\",\n\n        title:\n          \"Orienter avec discernement.\",\n\n        text:\n          \"Une orientation utile ne consiste pas à proposer automatiquement la même démarche à tout le monde, mais à identifier la prochaine étape qui paraît la plus pertinente selon la situation.\",\n\n        quote:\n          \"« Une bonne orientation évite parfois beaucoup de démarches inutiles. »\"\n      },\n\n      {\n        label:\"Principe 04\",\n\n        title:\n          \"Accompagner vers plus d’autonomie.\",\n\n        text:\n          \"L’accompagnement vise à aider la personne à mettre en pratique les repères transmis, à mieux comprendre sa propre démarche et à développer progressivement davantage d’autonomie.\",\n\n        quote:\n          \"« Accompagner ne signifie pas créer une dépendance, mais transmettre des repères. »\"\n      }\n\n    ];\n\n\n    const principles =\n      section.querySelectorAll(\n        \".dmp3-principle\"\n      );\n\n\n    const dots =\n      section.querySelectorAll(\n        \".dmp3-dot\"\n      );\n\n\n    const center =\n      document.getElementById(\n        \"dmp3Center\"\n      );\n\n\n    const label =\n      document.getElementById(\n        \"dmp3Label\"\n      );\n\n\n    const title =\n      document.getElementById(\n        \"dmp3Title\"\n      );\n\n\n    const text =\n      document.getElementById(\n        \"dmp3Text\"\n      );\n\n\n    const quote =\n      document.getElementById(\n        \"dmp3Quote\"\n      );\n\n\n    let current = 0;\n\n    let timer = null;\n\n\n    \u002F* =================================\n       CHANGE PRINCIPLE\n    ================================= *\u002F\n\n    function setPrinciple(index){\n\n      index =\n        Number(index);\n\n\n      if(\n        index \u003C 0 ||\n        index >= data.length\n      ){\n        return;\n      }\n\n\n      current = index;\n\n\n      principles.forEach(\n        function(el){\n\n          el.classList.toggle(\n            \"dmp3-active\",\n            Number(\n              el.dataset.index\n            ) === index\n          );\n\n        }\n      );\n\n\n      dots.forEach(\n        function(el){\n\n          el.classList.toggle(\n            \"dmp3-active\",\n            Number(\n              el.dataset.index\n            ) === index\n          );\n\n        }\n      );\n\n\n      center.classList.add(\n        \"dmp3-changing\"\n      );\n\n\n      setTimeout(\n        function(){\n\n          label.textContent =\n            data[index].label;\n\n\n          title.textContent =\n            data[index].title;\n\n\n          text.textContent =\n            data[index].text;\n\n\n          quote.textContent =\n            data[index].quote;\n\n\n          center.classList.remove(\n            \"dmp3-changing\"\n          );\n\n        },\n\n        210\n      );\n\n    }\n\n\n    \u002F* =================================\n       AUTO ROTATION\n    ================================= *\u002F\n\n    function startAuto(){\n\n      if(\n        window.matchMedia(\n          \"(prefers-reduced-motion: reduce)\"\n        ).matches\n      ){\n        return;\n      }\n\n\n      clearInterval(timer);\n\n\n      timer =\n        setInterval(\n          function(){\n\n            const next =\n              (current + 1)\n              % data.length;\n\n\n            setPrinciple(next);\n\n          },\n\n          4800\n        );\n\n    }\n\n\n    function resetAuto(){\n\n      clearInterval(timer);\n\n      startAuto();\n\n    }\n\n\n    \u002F* =================================\n       CLICK + HOVER\n    ================================= *\u002F\n\n    principles.forEac
14561h(\n      function(el){\n\n        el.addEventListener(\n          \"click\",\n          function(){\n\n            setPrinciple(\n              el.dataset.index\n            );\n\n            resetAuto();\n\n          }\n        );\n\n\n        el.addEventListener(\n          \"mouseenter\",\n          function(){\n\n            setPrinciple(\n              el.dataset.index\n            );\n\n          }\n        );\n\n      }\n    );\n\n\n    dots.forEach(\n      function(el){\n\n        el.addEventListener(\n          \"click\",\n          function(){\n\n            setPrinciple(\n              el.dataset.index\n            );\n\n            resetAuto();\n\n          }\n        );\n\n      }\n    );\n\n\n    \u002F* =================================\n       PAUSE WHEN NOT VISIBLE\n    ================================= *\u002F\n\n    if(\n      \"IntersectionObserver\"\n      in window\n    ){\n\n      const autoObserver =\n        new IntersectionObserver(\n\n          function(entries){\n\n            entries.forEach(\n              function(entry){\n\n                if(\n                  entry.isIntersecting\n                ){\n\n                  startAuto();\n\n                }\n\n                else{\n\n                  clearInterval(timer);\n\n                }\n\n              }\n            );\n\n          },\n\n          {\n            threshold:.25\n          }\n\n        );\n\n\n      autoObserver.observe(section);\n\n    }\n\n    else{\n\n      startAuto();\n\n    }\n\n\n    \u002F* =================================\n       REVEAL\n    ================================= *\u002F\n\n    const reveals =\n      section.querySelectorAll(\n        \".dmp3-reveal\"\n      );\n\n\n    if(\n      \"IntersectionObserver\"\n      in window\n    ){\n\n      const revealObserver =\n        new IntersectionObserver(\n\n          function(entries){\n\n            entries.forEach(\n              function(entry){\n\n                if(\n                  entry.isIntersecting\n                ){\n\n                  entry.target\n                    .classList\n                    .add(\n                      \"dmp3-visible\"\n                    );\n\n\n                  revealObserver\n                    .unobserve(\n                      entry.target\n                    );\n\n                }\n\n              }\n            );\n\n          },\n\n          {\n            threshold:.12,\n\n            rootMargin:\n              \"0px 0px -20px 0px\"\n          }\n\n        );\n\n\n      reveals.forEach(\n        function(el){\n\n          revealObserver.observe(el);\n\n        }\n      );\n\n    }\n\n    else{\n\n      reveals.forEach(\n        function(el){\n\n          el.classList.add(\n            \"dmp3-visible\"\n          );\n\n        }\n      );\n\n    }\n\n  }\n\n\n  if(\n    document.readyState ===\n    \"loading\"\n  ){\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initDMP3\n    );\n\n  }\n\n  else{\n\n    initDMP3();\n\n  }\n\n\n  document.addEventListener(\n    \"hydrationDone\",\n    initDMP3\n  );\n\n})();\n\n\u003C\u002Fscript>",{"value":398},[],"ccustom-code-r0AdOfK9rq",{},{"id":13,"type":19,"child":402,"class":404,"styles":412,"extra":414,"meta":19,"tagName":56,"title":163,"tabletStyles":425,"tabletWrapper":426,"classStr":24,"_id":13},[403],"row-ZUHmuErlA4",{"width":405,"entranceAnimation":406,"animationScale":407,"animationDuration":408,"animationDelay":409,"animationEasing":410,"disableAnimationsOnMobile":411},{"value":24},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"borderWidth":413},{"value":38},{"sticky":415,"visibility":416,"bgImage":418,"allowRowMaxWidth":420,"customClass":421,"elementScreenshot":423},{"value":41},{"value":417},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":419},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":35},{"value":422},[],{"value":424},[],{},{},{"id":403,"type":64,"child":428,"class":430,"styles":438,"extra":440,"tagName":88,"meta":64,"tabletStyles":448,"tabletWrapper":449,"title":91,"classStr":69},[429],"col-kDHQ6-CQdo",{"alignRow":431,"entranceAnimation":432,"animationScale":433,"animationDuration":434,"animationDelay":435,"animationEasing":436,"disableAnimationsOnMobile":437},{"value":69},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"borderWidth":439},{"value":38},{"visibility":441,"bgImage":443,"rowWidth":445,"customClass":446},{"value":442},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":444},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":84,"unit":85},{"value":447},[],{},{},{"id":429,"type":93,"child":451,"class":453,"styles":461,"extra":463,"tagName":122,"meta":93,"tabletStyles":475,"tabletWrapper":476,"title":125,"noOfColumns":28},[452],"custom-code-f-GVXNiJmk",{"entranceAnimation":454,"animationScale":455,"animationDuration":456,"animationDelay":457,"animationEasing":458,"disableAnimationsOnMobile":459,"nestedColumn":460},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"value":48},{"borderWidth":462},{"value":38},{"visibility":464,"bgImage":466,"columnLayout":468,"justifyContentColumnLayout":469,"alignContentColumnLayout":470,"forceColumnLayoutForMobile":471,"customClass":472,"elementVersion":474},{"value":465},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":467},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":112},{"value":114},{"value":116},{"value":35},{"value":473},[],{"value":121},{},{},{"extra":478,"id":452,"meta":136,"tagName":137,"class":487},{"visibility":479,"customCode":481,"customClass":484,"nodeId":486},{"value":480},{"hideMobile":48,"hideDesktop":48,"hideTablet":44},{"value":482},{"rawCustomCode":483},"\u003C!-- =====================================================\n     DR MAHER — DM-P04\n     SA MÉTHODE EN PRATIQUE\n     Funnel Crafts\n===================================================== -->\n\n\u003Cstyle>\n\n.dmp4,\n.dmp4 * {\n  box-sizing:border-box;\n}\n\n.dmp4 {\n  --brown:#482615;\n  --dark:#28150D;\n  --gold:#B97B45;\n  --gold2:#D9A36F;\n\n  --cream:#FAF7F2;\n  --cream2:#F3EBE3;\n\n  --text:#2B1B14;\n  --muted:#76675E;\n\n  --border:rgba(72,38,21,.11);\n\n  position:relative;\n\n  width:100%;\n\n  overflow:hidden;\n\n  padding:110px 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      #FFFFFF 0%,\n      #FAF7F2 100%\n    );\n\n  font-family:\"Manrope\",Arial,sans-serif;\n\n  container-type:inline-size;\n}\n\n\n\u002F* =================================\n   BACKGROUND\n================================= *\u002F\n\n.dmp4::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  width:520px;\n  height:520px;\n\n  right:-250px;\n  top:160px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(185,123,69,.08),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}
14561\n\n\n\u002F* =================================\n   CONTAINER\n================================= *\u002F\n\n.dmp4-container {\n\n  position:relative;\n\n  z-index:2;\n\n  width:\n    min(\n      calc(100% - 48px),\n      1120px\n    );\n\n  margin:0 auto;\n}\n\n\n\u002F* =================================\n   HEADER\n================================= *\u002F\n\n.dmp4-head {\n\n  max-width:800px;\n\n  margin:\n    0 auto 80px;\n\n  text-align:center;\n}\n\n\n.dmp4-eyebrow {\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:11px;\n\n  margin-bottom:16px;\n\n  color:var(--gold);\n\n  font-size:9px;\n\n  font-weight:700;\n\n  letter-spacing:.22em;\n\n  text-transform:uppercase;\n}\n\n\n.dmp4-eyebrow::before,\n.dmp4-eyebrow::after {\n\n  content:\"\";\n\n  width:29px;\n\n  height:1px;\n\n  background:var(--gold);\n}\n\n\n.dmp4-title {\n\n  margin:0;\n\n  color:var(--dark);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:\n    clamp(46px,4.6vw,66px);\n\n  font-weight:600;\n\n  line-height:.98;\n\n  letter-spacing:-.025em;\n}\n\n\n.dmp4-title span {\n\n  color:var(--gold);\n}\n\n\n.dmp4-intro {\n\n  max-width:650px;\n\n  margin:\n    21px auto 0;\n\n  color:var(--muted);\n\n  font-size:13.5px;\n\n  line-height:1.78;\n}\n\n\n\u002F* =================================\n   JOURNEY\n================================= *\u002F\n\n.dmp4-journey {\n\n  position:relative;\n\n  max-width:1000px;\n\n  margin:0 auto;\n}\n\n\n\u002F* CENTER LINE *\u002F\n\n.dmp4-line {\n\n  position:absolute;\n\n  left:50%;\n\n  top:40px;\n  bottom:40px;\n\n  width:1px;\n\n  transform:\n    translateX(-50%);\n\n  background:\n    rgba(72,38,21,.13);\n}\n\n\n\u002F* PROGRESS LINE *\u002F\n\n.dmp4-progress {\n\n  position:absolute;\n\n  left:50%;\n\n  top:40px;\n\n  width:3px;\n\n  height:0;\n\n  transform:\n    translateX(-50%);\n\n  border-radius:999px;\n\n  background:\n    linear-gradient(\n      to bottom,\n      var(--gold),\n      var(--gold2)\n    );\n\n  box-shadow:\n    0 0 18px\n    rgba(185,123,69,.25);\n\n  transition:\n    height .25s linear;\n}\n\n\n\u002F* =================================\n   STEP ROW\n================================= *\u002F\n\n.dmp4-step {\n\n  position:relative;\n\n  min-height:260px;\n\n  display:grid;\n\n  grid-template-columns:\n    1fr 90px 1fr;\n\n  align-items:center;\n}\n\n\n\u002F* alternate *\u002F\n\n.dmp4-step:nth-child(odd)\n.dmp4-card {\n\n  grid-column:1;\n\n}\n\n\n.dmp4-step:nth-child(even)\n.dmp4-card {\n\n  grid-column:3;\n\n}\n\n\n.dmp4-step:nth-child(odd)\n.dmp4-card {\n\n  text-align:right;\n}\n\n\n.dmp4-step:nth-child(even)\n.dmp4-card {\n\n  text-align:left;\n}\n\n\n\u002F* =================================\n   NODE\n================================= *\u002F\n\n.dmp4-node {\n\n  position:absolute;\n\n  left:50%;\n\n  top:50%;\n\n  z-index:4;\n\n  width:70px;\n  height:70px;\n\n  transform:\n    translate(-50%,-50%);\n\n  border:\n    1px solid var(--border);\n\n  border-radius:50%;\n\n  background:#fff;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  color:var(--gold);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:19px;\n\n  font-weight:700;\n\n  box-shadow:\n    0 9px 28px\n    rgba(40,21,13,.06);\n\n  transition:\n    background .4s ease,\n    color .4s ease,\n    border-color .4s ease,\n    transform .4s ease,\n    box-shadow .4s ease;\n}\n\n\n.dmp4-step.dmp4-active\n.dmp4-node {\n\n  background:var(--brown);\n\n  color:#fff;\n\n  border-color:var(--brown);\n\n  transform:\n    translate(-50%,-50%)\n    scale(1.09);\n\n  box-shadow:\n    0 14px 36px\n    rgba(72,38,21,.20);\n}\n\n\n\u002F* halo *\u002F\n\n.dmp4-node::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  inset:-8px;\n\n  border-radius:50%;\n\n  border:\n    1px solid transparent;\n\n  transition:\n    border-color .4s ease,\n    transform .4s ease;\n}\n\n\n.dmp4-step.dmp4-active\n.dmp4-node::before {\n\n  border-color:\n    rgba(185,123,69,.25);\n\n  transform:scale(1.05);\n}
14561\n\n\n\u002F* =================================\n   CARD\n================================= *\u002F\n\n.dmp4-card {\n\n  position:relative;\n\n  padding:30px;\n\n  overflow:hidden;\n\n  border:\n    1px solid var(--border);\n\n  border-radius:22px;\n\n  background:\n    rgba(255,255,255,.85);\n\n  box-shadow:\n    0 10px 35px\n    rgba(40,21,13,.04);\n\n  transition:\n    transform .4s ease,\n    border-color .4s ease,\n    box-shadow .4s ease,\n    background .4s ease;\n}\n\n\n.dmp4-step:nth-child(odd)\n.dmp4-card::after {\n\n  content:\"\";\n\n  position:absolute;\n\n  right:-9px;\n  top:50%;\n\n  width:18px;\n  height:18px;\n\n  transform:\n    translateY(-50%)\n    rotate(45deg);\n\n  background:#fff;\n\n  border-top:\n    1px solid var(--border);\n\n  border-right:\n    1px solid var(--border);\n}\n\n\n.dmp4-step:nth-child(even)\n.dmp4-card::after {\n\n  content:\"\";\n\n  position:absolute;\n\n  left:-9px;\n  top:50%;\n\n  width:18px;\n  height:18px;\n\n  transform:\n    translateY(-50%)\n    rotate(45deg);\n\n  background:#fff;\n\n  border-left:\n    1px solid var(--border);\n\n  border-bottom:\n    1px solid var(--border);\n}\n\n\n.dmp4-step.dmp4-active\n.dmp4-card,\n.dmp4-card:hover {\n\n  transform:\n    translateY(-6px);\n\n  background:#fff;\n\n  border-color:\n    rgba(185,123,69,.28);\n\n  box-shadow:\n    0 22px 55px\n    rgba(40,21,13,.08);\n}\n\n\n\u002F* GOLD LINE *\u002F\n\n.dmp4-card::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n\n  width:0;\n  height:3px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--gold),\n      var(--gold2)\n    );\n\n  transition:\n    width .55s ease;\n}\n\n\n.dmp4-step:nth-child(odd)\n.dmp4-card::before {\n\n  right:0;\n}\n\n\n.dmp4-step:nth-child(even)\n.dmp4-card::before {\n\n  left:0;\n}\n\n\n.dmp4-step.dmp4-active\n.dmp4-card::before {\n\n  width:100%;\n}\n\n\n\u002F* =================================\n   CONTENT\n================================= *\u002F\n\n.dmp4-label {\n\n  margin-bottom:9px;\n\n  color:var(--gold);\n\n  font-size:7.5px;\n\n  font-weight:800;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n}\n\n\n.dmp4-card-title {\n\n  margin:0;\n\n  color:var(--dark);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:30px;\n\n  font-weight:600;\n\n  line-height:1.02;\n}\n\n\n.dmp4-card-text {\n\n  margin:13px 0 0;\n\n  color:var(--muted);\n\n  font-size:12px;\n\n  line-height:1.72;\n}\n\n\n\u002F* RESULT *\u002F\n\n.dmp4-result {\n\n  margin-top:17px;\n\n  padding-top:15px;\n\n  border-top:\n    1px solid var(--border);\n\n  color:var(--text);\n\n  font-size:10px;\n\n  line-height:1.55;\n}\n\n\n.dmp4-result strong {\n\n  color:var(--gold);\n\n  font-weight:800;\n}\n\n\n\u002F* =================================\n   FINAL BLOCK\n================================= *\u002F\n\n.dmp4-final {\n\n  max-width:850px;\n\n  margin:\n    75px auto 0;\n\n  padding:\n    42px 45px;\n\n  overflow:hidden;\n\n  border-radius:25px;\n\n  background:var(--brown);\n\n  text-align:center;\n\n  position:relative;\n}\n\n\n.dmp4-final::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  width:260px;\n  height:260px;\n\n  top:-160px;\n  right:-100px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(217,163,111,.18),\n      transparent 70%\n    );\n}\n\n\n.dmp4-final-small {\n\n  position:relative;\n\n  z-index:2;\n\n  margin-bottom:8px;\n\n  color:var(--gold2);\n\n  font-size:8px;\n\n  font-weight:800;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n}\n\n\n.dmp4-final-title {\n\n  position:relative;\n\n  z-index:2;\n\n  max-width:720px;\n\n  margin:0 auto;\n\n  color:#fff;\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:\n    clamp(31px,3.2vw,44px);\n\n  font-weight:600;\n\n  line-height:1.06;\n}\n\n\n.dmp4-final-title span {\n\n  color:var(--gold2);\n}\n\n\n\u002F* =================================\n   REVEAL\n================================= *\u002F\n\n.dmp4-reveal {\n\n  opacity:0;\n\n  transform:\n    translateY(28px);\n\n  transition:\n    opacity .75s ease,\n    transform .75s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n\n.dmp4-reveal.dmp4-visible {\n\n  opacity:1;\n\n  transform:\n    translateY(0);\n}
14561\n\n\n.dmp4-delay1 {\n  transition-delay:.08s;\n}\n\n.dmp4-delay2 {\n  transition-delay:.16s;\n}\n\n.dmp4-delay3 {\n  transition-delay:.24s;\n}\n\n.dmp4-delay4 {\n  transition-delay:.32s;\n}\n\n.dmp4-delay5 {\n  transition-delay:.40s;\n}\n\n\n\u002F* =================================\n   TABLET\n================================= *\u002F\n\n@media(max-width:850px) {\n\n  .dmp4 {\n\n    padding:85px 0;\n  }\n\n\n  .dmp4-container {\n\n    width:\n      calc(100% - 34px);\n  }\n\n\n  .dmp4-head {\n\n    margin-bottom:55px;\n  }\n\n\n  .dmp4-line,\n  .dmp4-progress {\n\n    left:34px;\n  }\n\n\n  .dmp4-step {\n\n    min-height:auto;\n\n    grid-template-columns:\n      70px 1fr;\n\n    padding-bottom:25px;\n  }\n\n\n  .dmp4-step:nth-child(odd)\n  .dmp4-card,\n  .dmp4-step:nth-child(even)\n  .dmp4-card {\n\n    grid-column:2;\n\n    text-align:left;\n  }\n\n\n  .dmp4-node {\n\n    left:34px;\n\n    top:38px;\n\n    width:58px;\n    height:58px;\n  }\n\n\n  .dmp4-step:nth-child(odd)\n  .dmp4-card::after {\n\n    left:-8px;\n    right:auto;\n\n    top:38px;\n\n    border:none;\n\n    border-left:\n      1px solid var(--border);\n\n    border-bottom:\n      1px solid var(--border);\n  }\n\n\n  .dmp4-step:nth-child(even)\n  .dmp4-card::after {\n\n    top:38px;\n  }\n\n}\n\n\n\u002F* =================================\n   MOBILE\n================================= *\u002F\n\n@media(max-width:620px) {\n\n  .dmp4 {\n\n    padding:65px 0;\n  }\n\n\n  .dmp4-container {\n\n    width:\n      calc(100% - 24px);\n  }\n\n\n  .dmp4-head {\n\n    margin-bottom:45px;\n\n    text-align:left;\n  }\n\n\n  .dmp4-eyebrow {\n\n    font-size:8px;\n  }\n\n\n  .dmp4-eyebrow::after {\n\n    display:none;\n  }\n\n\n  .dmp4-title {\n\n    font-size:41px;\n  }\n\n\n  .dmp4-intro {\n\n    margin-left:0;\n\n    font-size:12.5px;\n  }\n\n\n  .dmp4-line,\n  .dmp4-progress {\n\n    left:25px;\n  }\n\n\n  .dmp4-step {\n\n    grid-template-columns:\n      51px 1fr;\n\n    gap:12px;\n\n    padding-bottom:18px;\n  }\n\n\n  .dmp4-node {\n\n    left:25px;\n\n    width:48px;\n    height:48px;\n\n    font-size:14px;\n  }\n\n\n  .dmp4-card {\n\n    padding:22px 19px;\n\n    border-radius:18px;\n  }\n\n\n  .dmp4-card-title {\n\n    font-size:25px;\n  }\n\n\n  .dmp4-card-text {\n\n    font-size:11.5px;\n  }\n\n\n  .dmp4-final {\n\n    margin-top:45px;\n\n    padding:\n      32px 21px;\n  }\n\n\n  .dmp4-final-title {\n\n    font-size:30px;\n  }\n\n}\n\n\n\u002F* =================================\n   GHL MOBILE BUILDER\n================================= *\u002F\n\n@container(max-width:620px) {\n\n  .dmp4-container {\n\n    width:\n      calc(100% - 24px);\n  }\n\n\n  .dmp4-head {\n\n    text-align:left;\n  }\n\n\n  .dmp4-line,\n  .dmp4-progress {\n\n    left:25px;\n  }\n\n\n  .dmp4-step {\n\n    grid-template-columns:\n      51px 1fr;\n\n    min-height:auto;\n\n    padding-bottom:18px;\n  }\n\n\n  .dmp4-step:nth-child(odd)\n  .dmp4-card,\n  .dmp4-step:nth-child(even)\n  .dmp4-card {\n\n    grid-column:2;\n\n    text-align:left;\n  }\n\n\n  .dmp4-node {\n\n    left:25px;\n\n    width:48px;\n    height:48px;\n  }\n\n}\n\n\n\u002F* =================================\n   REDUCED MOTION\n================================= *\u002F\n\n@media(prefers-reduced-motion:reduce) {\n\n  .dmp4-reveal {\n\n    opacity:1;\n\n    transform:none;\n\n    transition:none;\n  }\n\n\n  .dmp4-progress,\n  .dmp4-node,\n  .dmp4-card {\n\n    transition:none !important;\n  }\n\n}\n\n\u003C\u002Fstyle>\n\n\n\u003Csection\n  class=\"dmp4\"\n  id=\"dmp4Section\"\n>\n\n  \u003Cdiv class=\"dmp4-container\">\n\n\n    \u003C!-- =============================\n         HEADER\n    ============================== -->\n\n    \u003Cheader\n      class=\"\n        dmp4-head\n        dmp4-reveal\n      \"\n    >\n\n      \u003Cdiv class=\"dmp4-eyebrow\">\n        Sa méthode en pratique\n      \u003C\u002Fdiv>\n\n\n      \u003Ch2 class=\"dmp4-title\">\n\n        Une démarche qui avance\n\n        \u003Cspan>\n          étape par étape.\n        \u003C\u002Fspan>\n\n      \u003C\u002Fh2>\n\n\n      \u003Cp class=\"dmp4-intro\">\n\n        L’accompagnement ne commence pas\n        par une solution imposée.\n\n        Il suit une progression qui permet\n        d’abord de comprendre la situation,\n        puis de définir une direction\n        et d’accompagner sa mise en pratique.\n\n      \u003C\u002Fp>\n\n    \u003C\u002Fheader>\n\n\n    \u003C!-- =============================\n         JOURNEY\n    ============================== -->\n\n    \u003Cdiv\n      class=\"dmp4-journey\"\n      id=\"dmp4Journey\"\n    >\n\n\n      \u003Cdiv class=\"dmp4-line\">\u003C\u002Fdiv>\n\n\n      \u003Cdiv\n        class=\"dmp4-progress\"\n        id=\"dmp4Progress\"\n      >\u003C\u002Fdiv>\n\n\n      \u003C!-- =================================\n           01\n      ================================== -->\n\n      \u003Carticle\n        class=\"\n          dmp4-step\n          dmp4-reveal\n          dmp4-delay1\n        \"\n      >\n\n        \u003Cdiv class=\"dmp4-node\">\n          01\n        \u003C\u002Fdiv>\n\n\n        \u003Cdiv class=\"dmp4-card\">\n\n          \u003Cdiv class=\"dmp4-label\">\n            Premier échange\n          \u003C\u002Fdiv>\n\n\n          \u003Ch3 class=\"dmp4-card-title\">\n\n            Comprendre ce qui\n            vous amène aujourd’hui.\n\n          \u003C\u002Fh3>\n\n\n          \u003Cp class=\"dmp4-card-text\">
14561\n\n            La première étape consiste\n            à écouter votre situation,\n            votre parcours,\n            les difficultés rencontrées\n            et les démarches que vous\n            avez peut-être déjà entreprises.\n\n          \u003C\u002Fp>\n\n\n          \u003Cdiv class=\"dmp4-result\">\n\n            \u003Cstrong>Objectif :\u003C\u002Fstrong>\n\n            disposer d’une vision plus complète\n            du contexte avant d’aller plus loin.\n\n          \u003C\u002Fdiv>\n\n        \u003C\u002Fdiv>\n\n      \u003C\u002Farticle>\n\n\n      \u003C!-- =================================\n           02\n      ================================== -->\n\n      \u003Carticle\n        class=\"\n          dmp4-step\n          dmp4-reveal\n          dmp4-delay2\n        \"\n      >\n\n        \u003Cdiv class=\"dmp4-node\">\n          02\n        \u003C\u002Fdiv>\n\n\n        \u003Cdiv class=\"dmp4-card\">\n\n          \u003Cdiv class=\"dmp4-label\">\n            Observation\n          \u003C\u002Fdiv>\n\n\n          \u003Ch3 class=\"dmp4-card-title\">\n\n            Mettre de l’ordre\n            dans les informations.\n\n          \u003C\u002Fh3>\n\n\n          \u003Cp class=\"dmp4-card-text\">\n\n            Il s’agit ensuite d’observer\n            les différents éléments\n            de votre situation,\n            d’identifier ce qui est clair\n            et ce qui mérite encore\n            d’être approfondi.\n\n          \u003C\u002Fp>\n\n\n          \u003Cdiv class=\"dmp4-result\">\n\n            \u003Cstrong>Objectif :\u003C\u002Fstrong>\n\n            réduire la confusion\n            et construire des repères\n            plus compréhensibles.\n\n          \u003C\u002Fdiv>\n\n        \u003C\u002Fdiv>\n\n      \u003C\u002Farticle>\n\n\n      \u003C!-- =================================\n           03\n      ================================== -->\n\n      \u003Carticle\n        class=\"\n          dmp4-step\n          dmp4-reveal\n          dmp4-delay3\n        \"\n      >\n\n        \u003Cdiv class=\"dmp4-node\">\n          03\n        \u003C\u002Fdiv>\n\n\n        \u003Cdiv class=\"dmp4-card\">\n\n          \u003Cdiv class=\"dmp4-label\">\n            Orientation\n          \u003C\u002Fdiv>\n\n\n          \u003Ch3 class=\"dmp4-card-title\">\n\n            Identifier la prochaine\n            étape pertinente.\n\n          \u003C\u002Fh3>\n\n\n          \u003Cp class=\"dmp4-card-text\">\n\n            Une fois les éléments\n            mieux compris,\n            l’objectif est d’identifier\n            la suite qui semble\n            la plus adaptée à votre besoin,\n            plutôt que de multiplier\n            les démarches au hasard.\n\n          \u003C\u002Fp>\n\n\n          \u003Cdiv class=\"dmp4-result\">\n\n            \u003Cstrong>Objectif :\u003C\u002Fstrong>\n\n            savoir dans quelle direction\n            avancer.\n\n          \u003C\u002Fdiv>\n\n        \u003C\u002Fdiv>\n\n      \u003C\u002Farticle>\n\n\n      \u003C!-- =================================\n           04\n      ================================== -->\n\n      \u003Carticle\n        class=\"\n          dmp4-step\n          dmp4-reveal\n          dmp4-delay4\n        \"\n      >\n\n        \u003Cdiv class=\"dmp4-node\">\n          04\n        \u003C\u002Fdiv>\n\n\n        \u003Cdiv class=\"dmp4-card\">\n\n          \u003Cdiv class=\"dmp4-label\">\n            Accompagnement\n          \u003C\u002Fdiv>\n\n\n          \u003Ch3 class=\"dmp4-card-title\">\n\n            Passer des repères\n            à la pratique.\n\n          \u003C\u002Fh3>\n\n\n          \u003Cp class=\"dmp4-card-text\">\n\n            Lorsque cela est pertinent,\n            un cadre d’accompagnement\n            peut permettre de mettre\n            en pratique les recommandations,\n            d’observer l’évolution\n            et d’ajuster progressivement\n            la démarche.\n\n          \u003C\u002Fp>\n\n\n          \u003Cdiv class=\"dmp4-result\">\n\n            \u003Cstrong>Objectif :\u003C\u002Fstrong>\n\n            avancer avec davantage\n            de méthode et de continuité.\n\n          \u003C\u002Fdiv>\n\n        \u003C\u002Fdiv>\n\n      \u003C\u002Farticle>\n\n\n      \u003C!-- =================================\n           05\n      ================================== -->\n\n      \u003Carticle\n        class=\"\n          dmp4-step\n          dmp4-reveal\n          dmp4-delay5\n        \"\n      >\n\n        \u003Cdiv class=\"dmp4-node\">\n          05\n        \u003C\u002Fdiv>\n\n\n        \u003Cdiv class=\"dmp4-card\">\n\n          \u003Cdiv class=\"dmp4-label\">\n            Autonomie\n          \u003C\u002Fdiv>\n\n\n          \u003Ch3 class=\"dmp4-card-title\">\n\n            Comprendre suffisamment\n            pour avancer plus sereinement.\n\n          \u003C\u002Fh3>\n\n\n          \u003Cp class=\"dmp4-card-text\">\n\n            L’accompagnement ne vise pas\n            à rendre une personne\n            dépen
14561dante d’un praticien.\n\n            Il cherche aussi à transmettre\n            des repères qui permettent\n            progressivement de mieux\n            comprendre sa propre démarche.\n\n          \u003C\u002Fp>\n\n\n          \u003Cdiv class=\"dmp4-result\">\n\n            \u003Cstrong>Objectif :\u003C\u002Fstrong>\n\n            développer davantage\n            de compréhension et d’autonomie.\n\n          \u003C\u002Fdiv>\n\n        \u003C\u002Fdiv>\n\n      \u003C\u002Farticle>\n\n\n    \u003C\u002Fdiv>\n\n\n    \u003C!-- =============================\n         FINAL\n    ============================== -->\n\n    \u003Cdiv\n      class=\"\n        dmp4-final\n        dmp4-reveal\n      \"\n    >\n\n      \u003Cdiv class=\"dmp4-final-small\">\n        L’idée essentielle\n      \u003C\u002Fdiv>\n\n\n      \u003Ch3 class=\"dmp4-final-title\">\n\n        L’accompagnement n’est pas\n        une succession de réponses.\n\n        \u003Cspan>\n          C’est une progression vers\n          davantage de clarté et d’autonomie.\n        \u003C\u002Fspan>\n\n      \u003C\u002Fh3>\n\n    \u003C\u002Fdiv>\n\n\n  \u003C\u002Fdiv>\n\n\u003C\u002Fsection>\n\n\n\u003Cscript>\n\n(function(){\n\n\n  function initDMP4(){\n\n\n    const section =\n      document.getElementById(\n        \"dmp4Section\"\n      );\n\n\n    if(!section) return;\n\n\n    if(\n      section.dataset.ready === \"1\"\n    ){\n      return;\n    }\n\n\n    section.dataset.ready = \"1\";\n\n\n    const journey =\n      document.getElementById(\n        \"dmp4Journey\"\n      );\n\n\n    const progress =\n      document.getElementById(\n        \"dmp4Progress\"\n      );\n\n\n    const steps =\n      section.querySelectorAll(\n        \".dmp4-step\"\n      );\n\n\n    const reveals =\n      section.querySelectorAll(\n        \".dmp4-reveal\"\n      );\n\n\n    \u002F* =================================\n       REVEAL\n    ================================= *\u002F\n\n    if(\n      \"IntersectionObserver\"\n      in window\n    ){\n\n\n      const revealObserver =\n        new IntersectionObserver(\n\n          function(entries){\n\n            entries.forEach(\n              function(entry){\n\n                if(\n                  entry.isIntersecting\n                ){\n\n                  entry.target\n                    .classList\n                    .add(\n                      \"dmp4-visible\"\n                    );\n\n\n                  revealObserver\n                    .unobserve(\n                      entry.target\n                    );\n\n                }\n\n              }\n            );\n\n          },\n\n          {\n            threshold:.12,\n\n            rootMargin:\n              \"0px 0px -25px 0px\"\n          }\n\n        );\n\n\n      reveals.forEach(\n        function(el){\n\n          revealObserver.observe(el);\n\n        }\n      );\n\n\n      \u002F* =================================\n         ACTIVE STEPS\n      ================================= *\u002F\n\n      const stepObserver =\n        new IntersectionObserver(\n\n          function(entries){\n\n            entries.forEach(\n              function(entry){\n\n                if(\n                  entry.isIntersecting\n                ){\n\n                  entry.target\n                    .classList\n                    .add(\n                      \"dmp4-active\"\n                    );\n\n                }\n\n              }\n            );\n\n          },\n\n          {\n            threshold:.5\n          }\n\n        );\n\n\n      steps.forEach(\n        function(step){\n\n          stepObserver.observe(step);\n\n        }\n      );\n\n    }\n\n\n    else{\n\n\n      reveals.forEach(\n        function(el){\n\n          el.classList.add(\n            \"dmp4-visible\"\n          );\n\n        }\n      );\n\n\n      steps.forEach(\n        function(step){\n\n          step.classList.add(\n            \"dmp4-active\"\n          );\n\n        }\n      );\n\n    }\n\n\n    \u002F* =================================\n       SCROLL PROGRESS\n    ================================= *\u002F\n\n    function updateProgress(){\n\n\n      if(\n        !journey ||\n        !progress\n      ){\n        return;\n      }\n\n\n      const rect =\n        journey.getBoundingClientRect();
14561\n\n\n      const viewportHeight =\n        window.innerHeight;\n\n\n      \u002F*\n       Start filling when\n       journey reaches ~70% viewport.\n      *\u002F\n\n      const startPoint =\n        viewportHeight * .70;\n\n\n      \u002F*\n       Finish near 30%\n       of viewport.\n      *\u002F\n\n      const finishPoint =\n        viewportHeight * .30;\n\n\n      const totalDistance =\n        rect.height -\n        (startPoint - finishPoint);\n\n\n      const travelled =\n        startPoint -\n        rect.top;\n\n\n      let ratio =\n        travelled \u002F\n        totalDistance;\n\n\n      ratio =\n        Math.max(\n          0,\n          Math.min(\n            1,\n            ratio\n          )\n        );\n\n\n      const lineHeight =\n        journey.offsetHeight -\n        80;\n\n\n      progress.style.height =\n        (\n          lineHeight *\n          ratio\n        ) + \"px\";\n\n    }\n\n\n    window.addEventListener(\n      \"scroll\",\n      updateProgress,\n      {\n        passive:true\n      }\n    );\n\n\n    window.addEventListener(\n      \"resize\",\n      updateProgress\n    );\n\n\n    updateProgress();\n\n  }\n\n\n  if(\n    document.readyState === \"loading\"\n  ){\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initDMP4\n    );\n\n  }\n\n  else{\n\n    initDMP4();\n\n  }\n\n\n  document.addEventListener(\n    \"hydrationDone\",\n    initDMP4\n  );\n\n\n})();\n\n\u003C\u002Fscript>",{"value":485},[],"ccustom-code-f-GVXNiJmk",{},{"id":14,"type":19,"child":489,"class":491,"styles":499,"extra":501,"meta":19,"tagName":56,"title":163,"tabletStyles":512,"tabletWrapper":513,"classStr":24,"_id":14},[490],"row-4Y79dRM2J_",{"width":492,"entranceAnimation":493,"animationScale":494,"animationDuration":495,"animationDelay":496,"animationEasing":497,"disableAnimationsOnMobile":498},{"value":24},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"borderWidth":500},{"value":38},{"sticky":502,"visibility":503,"bgImage":505,"allowRowMaxWidth":507,"customClass":508,"elementScreenshot":510},{"value":41},{"value":504},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":506},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":35},{"value":509},[],{"value":511},[],{},{},{"id":490,"type":64,"child":515,"class":517,"styles":525,"extra":527,"tagName":88,"meta":64,"tabletStyles":535,"tabletWrapper":536,"title":91,"classStr":69},[516],"col-PslqJ4l4_F",{"alignRow":518,"entranceAnimation":519,"animationScale":520,"animationDuration":521,"animationDelay":522,"animationEasing":523,"disableAnimationsOnMobile":524},{"value":69},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"borderWidth":526},{"value":38},{"visibility":528,"bgImage":530,"rowWidth":532,"customClass":533},{"value":529},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":531},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":84,"unit":85},{"value":534},[],{},{},{"id":516,"type":93,"child":538,"class":540,"styles":548,"extra":550,"tagName":122,"meta":93,"tabletStyles":562,"tabletWrapper":563,"title":125,"noOfColumns":28},[539],"custom-code-oJUMm9KV-b",{"entranceAnimation":541,"animationScale":542,"animationDuration":543,"animationDelay":544,"animationEasing":545,"disableAnimationsOnMobile":546,"nestedColumn":547},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"value":48},{"borderWidth":549},{"value":38},{"visibility":551,"bgImage":553,"columnLayout":555,"justifyContentColumnLayout":556,"alignContentColumnLayout":557,"forceColumnLayoutForMobile":558,"customClass":559,"elementVersion":561},{"value":552},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":554},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":112},{"value":114},{"value":116},{"value":35},{"value":560},[],{"value":121},{},{},{"extra":565,"id":539,"meta":136,"tagName":137,"class":574},{"visibility":566,"customCode":568,"customClass":571,"nodeId":573},{"value":567},{"hideMobile":48,"hideDesktop":48,"hideTablet":44},{"value":569},{"rawCustomCode":570},"\u003C!-- =====================================================\n     DR MAHER — DM-P05\n     CE QUI DISTINGUE L'APPROCHE\n     Funnel Crafts\n===================================================== -->\n\n\u003Cstyle>\n\n.dmp5,\n.dmp5 * {\n  box-sizing:border-box;\n}\n\n.dmp5 {\n  --brown:#482615;\n  --dark:#28150D;\n  --gold:#B97B45;\n  --gold2:#D9A36F;\n\n  --cream:#FAF7F2;\n  --cream2:#F4ECE3;\n\n  --text:#2B1B14;\n  --muted:#76675E;\n\n  --border:rgba(72,38,21,.11);\n\n  position:relative;\n  width:100%;\n  overflow:hidden;\n\n  padding:110px 0;\n\n  background:#FAF7F2;\n\n  font-family:\"Manrope\",Arial,sans-serif;\n\n  container-type:inline-size;\n}\n\n\n\u002F* BACKGROUND *\u002F\n\n.dmp5::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  width:520px;\n  height:520px;\n\n  left:-260px;\n  top:-200px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(185,123,69,.09),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\u002F* CONTAINER *\u002F\n\n.dmp5-container {\n\n  position:relative;\n  z-index:2;\n\n  width:min(\n    calc(100% - 48px),\n    1180px\n  );\n\n  margin:0 auto;\n}\n\n\n\u002F* =================================\n   HEADER\n================================= *\u002F\n\n.dmp5-head {\n\n  max-width:810px;\n\n  margin:0 auto 65px;\n\n  text-align:center;\n}\n\n\n.dmp5-eyebrow {\n\n  display:inline-flex;\n  align-items:center;\n  gap:11px;\n\n  margin-bottom:16px;\n\n  color:var(--gold);\n\n  font-size:9px;\n  font-weight:700;\n\n  letter-spacing:.22em;\n  text-transform:uppercase;\n}\n\n\n.dmp5-eyebrow::before,\n.dmp5-eyebrow::after {\n\n  content:\"\";\n\n  width:28px;\n  height:1px;\n\n  background:var(--gold);\n}\n\n\n.dmp5-title {\n\n  margin:0;\n\n  color:var(--dark);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:clamp(\n    46px,\n    4.6vw,\n    66px\n  );\n\n  font-weight:600;\n\n  line-height:.98;\n\n  letter-spacing:-.025em;\n}\n\n\n.dmp5-title span {\n  color:var(--gold);\n}\n\n\n.dmp5-intro {\n\n  max-width:670px;\n\n  margin:21px auto 0;\n\n  color:var(--muted);\n\n  font-size:13.5px;\n\n  line-height:1.78;\n}
14561\n\n\n\u002F* =================================\n   COMPARISON HEADERS\n================================= *\u002F\n\n.dmp5-columns-head {\n\n  display:grid;\n\n  grid-template-columns:\n    1fr 70px 1fr;\n\n  align-items:center;\n\n  margin-bottom:20px;\n}\n\n\n.dmp5-column-title {\n\n  padding:0 20px;\n\n  text-align:center;\n}\n\n\n.dmp5-column-small {\n\n  margin-bottom:6px;\n\n  color:var(--gold);\n\n  font-size:7.5px;\n\n  font-weight:800;\n\n  letter-spacing:.17em;\n\n  text-transform:uppercase;\n}\n\n\n.dmp5-column-title h3 {\n\n  margin:0;\n\n  color:var(--dark);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:28px;\n\n  font-weight:600;\n}\n\n\n.dmp5-versus {\n\n  width:42px;\n  height:42px;\n\n  margin:0 auto;\n\n  border-radius:50%;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  background:var(--brown);\n\n  color:#fff;\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:13px;\n\n  font-weight:700;\n}\n\n\n\u002F* =================================\n   ROWS\n================================= *\u002F\n\n.dmp5-list {\n\n  display:grid;\n\n  gap:13px;\n}\n\n\n.dmp5-row {\n\n  display:grid;\n\n  grid-template-columns:\n    1fr 70px 1fr;\n\n  align-items:stretch;\n}\n\n\n\u002F* CARD *\u002F\n\n.dmp5-card {\n\n  position:relative;\n\n  min-height:170px;\n\n  padding:27px;\n\n  overflow:hidden;\n\n  border:1px solid var(--border);\n\n  border-radius:20px;\n\n  background:#fff;\n\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease,\n    border-color .4s ease,\n    background .4s ease;\n}\n\n\n.dmp5-card:hover {\n\n  transform:translateY(-5px);\n\n  box-shadow:\n    0 18px 45px\n    rgba(40,21,13,.07);\n}\n\n\n\u002F* LEFT *\u002F\n\n.dmp5-card-left {\n\n  background:\n    rgba(255,255,255,.62);\n}\n\n\n.dmp5-card-left::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  top:0;\n\n  width:3px;\n  height:0;\n\n  background:\n    rgba(72,38,21,.25);\n\n  transition:\n    height .5s ease;\n}\n\n\n\u002F* RIGHT *\u002F\n\n.dmp5-card-right {\n\n  background:#fff;\n}\n\n\n.dmp5-card-right::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  right:0;\n  top:0;\n\n  width:3px;\n  height:0;\n\n  background:\n    linear-gradient(\n      to bottom,\n      var(--gold),\n      var(--gold2)\n    );\n\n  transition:\n    height .5s ease;\n}\n\n\n.dmp5-row.dmp5-active\n.dmp5-card::before {\n\n  height:100%;\n}\n\n\n.dmp5-row.dmp5-active\n.dmp5-card-right {\n\n  border-color:\n    rgba(185,123,69,.28);\n\n  box-shadow:\n    0 16px 40px\n    rgba(40,21,13,.055);\n}\n\n\n\u002F* CONTENT *\u002F\n\n.dmp5-icon {\n\n  width:36px;\n  height:36px;\n\n  margin-bottom:16px;\n\n  border-radius:50%;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  background:var(--cream2);\n\n  color:var(--gold);\n\n  font-size:12px;\n\n  font-weight:800;\n\n  transition:\n    background .35s ease,\n    color .35s ease,\n    transform .35s ease;\n}\n\n\n.dmp5-row.dmp5-active\n.dmp5-card-right\n.dmp5-icon {\n\n  background:var(--brown);\n\n  color:#fff;\n\n  transform:scale(1.05);\n}\n\n\n.dmp5-card-label {\n\n  margin-bottom:6px;\n\n  color:var(--gold);\n\n  font-size:7px;\n\n  font-weight:800;\n\n  letter-spacing:.16em;\n\n  text-transform:uppercase;\n}\n\n\n.dmp5-card-title {\n\n  margin:0;\n\n  color:var(--dark);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:25px;\n\n  font-weight:600;\n\n  line-height:1.05;\n}\n\n\n.dmp5-card-text {\n\n  margin:10px 0 0;\n\n  color:var(--muted);\n\n  font-size:11.5px;\n\n  line-height:1.65;\n}\n\n\n\u002F* CONNECTOR *\u002F\n\n.dmp5-connector {\n\n  position:relative;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n}\n\n\n.dmp5-connector::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  right:0;\n  top:50%;\n\n  height:1px;\n\n  background:\n    rgba(72,38,21,.12);\n}\n\n\n.dmp5-arrow {\n\n  position:relative;\n\n  z-index:2;\n\n  width:34px;\n  height:34px;\n\n  border-radius:50%;\n\n  border:\n    1px solid var(--border);\n\n  background:var(--cream);\n\n  color:var(--gold);\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  font-size:13px;\n\n  transform:scale(.8);\n\n  opacity:.55;\n\n  transition:\n    transform .5s ease,\n    opacity .5s ease,\n    background .5s ease,\n    color .5s ease;\n}\n\n\n.dmp5-row.dmp5-active\n.dmp5-arrow {\n\n  transform:scale(1);\n\n  opacity:1;\n\n  background:var(--gold);\n\n  color:#fff;\n}\n\n\n\u002F* =================================\n   PRINCIPLE BOX\n================================= *\u002F\n\n.dmp5-principle {\n\n  position:relative;\n\n  margin-top:65px;\n\n  padding:43px;\n\n  overflow:hidden;\n\n  border-radius:26px;\n\n  background:var(--brown);\n\n  display:grid;\n\n  grid-template-columns:\n    auto 1fr;\n\n  gap:24px;\n\n  align-items:center;\n}\n\n\n.dmp5-principle::after {\n\n  content:\"\";\n\n  position:absolute;\n\n  width:280px;\n  height:280px;\n\n  right:-130px;\n  top:-150px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(217,163,111,.18),\n      transparent 70%\n    );\n}\n\n\n.dmp5-principle-icon {\n\n  position:relative;\n  z-index:2;
14561\n\n  width:65px;\n  height:65px;\n\n  border-radius:50%;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  background:\n    rgba(255,255,255,.09);\n\n  color:var(--gold2);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:24px;\n\n  font-weight:600;\n}\n\n\n.dmp5-principle-content {\n\n  position:relative;\n  z-index:2;\n}\n\n\n.dmp5-principle-small {\n\n  margin-bottom:7px;\n\n  color:var(--gold2);\n\n  font-size:8px;\n\n  font-weight:800;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n}\n\n\n.dmp5-principle-title {\n\n  max-width:800px;\n\n  margin:0;\n\n  color:#fff;\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:clamp(\n    30px,\n    3vw,\n    42px\n  );\n\n  font-weight:600;\n\n  line-height:1.06;\n}\n\n\n.dmp5-principle-title span {\n  color:var(--gold2);\n}\n\n\n\u002F* =================================\n   REVEAL\n================================= *\u002F\n\n.dmp5-reveal {\n\n  opacity:0;\n\n  transform:translateY(28px);\n\n  transition:\n    opacity .75s ease,\n    transform .75s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n\n.dmp5-reveal.dmp5-visible {\n\n  opacity:1;\n\n  transform:translateY(0);\n}
14561\n\n\n.dmp5-delay1 {\n  transition-delay:.08s;\n}\n\n.dmp5-delay2 {\n  transition-delay:.16s;\n}\n\n.dmp5-delay3 {\n  transition-delay:.24s;\n}\n\n.dmp5-delay4 {\n  transition-delay:.32s;\n}\n\n\n\u002F* =================================\n   MOBILE\n================================= *\u002F\n\n@media(max-width:760px) {\n\n  .dmp5 {\n    padding:70px 0;\n  }\n\n\n  .dmp5-container {\n\n    width:\n      calc(100% - 24px);\n  }\n\n\n  .dmp5-head {\n\n    margin-bottom:45px;\n\n    text-align:left;\n  }\n\n\n  .dmp5-eyebrow {\n    font-size:8px;\n  }\n\n\n  .dmp5-eyebrow::after {\n    display:none;\n  }\n\n\n  .dmp5-title {\n    font-size:41px;\n  }\n\n\n  .dmp5-intro {\n\n    margin-left:0;\n\n    font-size:12.5px;\n  }\n\n\n  .dmp5-columns-head {\n    display:none;\n  }\n\n\n  .dmp5-row {\n\n    grid-template-columns:1fr;\n\n    gap:10px;\n\n    margin-bottom:25px;\n  }\n\n\n  .dmp5-connector {\n\n    min-height:38px;\n\n    transform:rotate(90deg);\n  }\n\n\n  .dmp5-connector::before {\n\n    left:25%;\n    right:25%;\n  }\n\n\n  .dmp5-card {\n\n    min-height:auto;\n\n    padding:23px 21px;\n  }\n\n\n  .dmp5-card-left::after {\n\n    content:\"Ce que nous cherchons à éviter\";\n\n    display:block;\n\n    margin-top:16px;\n\n    color:rgba(72,38,21,.45);\n\n    font-size:7px;\n\n    font-weight:800;\n\n    letter-spacing:.12em;\n\n    text-transform:uppercase;\n  }\n\n\n  .dmp5-card-right::after {\n\n    content:\"La manière dont nous préférons avancer\";\n\n    display:block;\n\n    margin-top:16px;\n\n    color:var(--gold);\n\n    font-size:7px;\n\n    font-weight:800;\n\n    letter-spacing:.12em;\n\n    text-transform:uppercase;\n  }\n\n\n  .dmp5-principle {\n\n    margin-top:45px;\n\n    padding:30px 23px;\n\n    grid-template-columns:1fr;\n\n    gap:17px;\n  }\n\n\n  .dmp5-principle-icon {\n\n    width:54px;\n    height:54px;\n  }\n\n\n  .dmp5-principle-title {\n\n    font-size:30px;\n  }\n\n}\n\n\n\u002F* GHL BUILDER *\u002F\n\n@container(max-width:760px) {\n\n  .dmp5-container {\n    width:calc(100% - 24px);\n  }\n\n  .dmp5-columns-head {\n    display:none;\n  }\n\n  .dmp5-row {\n    grid-template-columns:1fr;\n    gap:10px;\n    margin-bottom:25px;\n  }\n\n  .dmp5-connector {\n    min-height:38px;\n    transform:rotate(90deg);\n  }\n\n}\n\n\n\u002F* ACCESSIBILITY *\u002F\n\n@media(prefers-reduced-motion:reduce) {\n\n  .dmp5-reveal {\n\n    opacity:1;\n\n    transform:none;\n\n    transition:none;\n  }\n\n}\n\n\u003C\u002Fstyle>\n\n\n\u003Csection\n  class=\"dmp5\"\n  id=\"dmp5Section\"\n>\n\n  \u003Cdiv class=\"dmp5-container\">\n\n\n    \u003C!-- HEADER -->\n\n    \u003Cheader\n      class=\"\n        dmp5-head\n        dmp5-reveal\n      \"\n    >\n\n      \u003Cdiv class=\"dmp5-eyebrow\">\n        Ce qui distingue l’approche\n      \u003C\u002Fdiv>\n\n\n      \u003Ch2 class=\"dmp5-title\">\n\n        Moins de conclusions\n        précipitées.\n\n        \u003Cspan>\n          Plus de compréhension.\n        \u003C\u002Fspan>\n\n      \u003C\u002Fh2>\n\n\n      \u003Cp class=\"dmp5-intro\">\n\n        L’objectif n’est pas de compliquer\n        davantage votre démarche,\n        mais d’éviter certains automatismes\n        qui peuvent ajouter de la confusion\n        lorsque votre situation mérite\n        d’abord d’être mieux comprise.\n\n      \u003C\u002Fp>\n\n    \u003C\u002Fheader>\n\n\n    \u003C!-- COLUMN TITLES -->\n\n    \u003Cdiv\n      class=\"\n        dmp5-columns-head\n        dmp5-reveal\n      \"\n    >\n\n      \u003Cdiv class=\"dmp5-column-title\">\n\n        \u003Cdiv class=\"dmp5-column-small\">\n          Ce que nous cherchons à éviter\n        \u003C\u002Fdiv>\n\n        \u003Ch3>\n          Avancer trop vite\n        \u003C\u002Fh3>\n\n      \u003C\u002Fdiv>\n\n\n      \u003Cdiv class=\"dmp5-versus\">\n        →\n      \u003C\u002Fdiv>\n\n\n      \u003Cdiv class=\"dmp5-column-title\">\n\n        \u003Cdiv class=\"dmp5-column-small\">\n          L’approche privilégiée\n        \u003C\u002Fdiv>\n\n        \u003Ch3>\n          Avancer avec méthode\n        \u003C\u002Fh3>\n\n      \u003C\u002Fdiv>\n\n    \u003C\u002Fdiv>\n\n\n    \u003C!-- ROWS -->\n\n    \u003Cdiv class=\"dmp5-list\">\n\n\n      \u003C!-- ROW 01 -->\n\n      \u003Cdiv\n        class=\"\n          dmp5-row\n          dmp5-reveal\n          dmp5-delay1\n        \"\n      >\n\n        \u003Cdiv\n          class=\"\n            dmp5-card\n            dmp5-card-left\n          \"\n        >\n\n          \u003Cdiv class=\"dmp5-icon\">\n            01\n          \u003C\u002Fdiv>\n\n          \u003Cdiv class=\"dmp5-card-label\">\n            Réflexe à éviter\n          \u003C\u002Fdiv>\n\n          \u003Ch3 class=\"dmp5-card-title\">\n\n            Commencer par\n            une conclusion.\n\n          \u003C\u002Fh3>\n\n          \u003Cp class=\"dmp5-card-text\">\n\n            Chercher immédiatement\n            à donner un nom ou une explication\n            définitive à ce que la personne vit.\n\n          \u003C\u002Fp>\n\n        \u003C\u002Fdiv>\n\n\n        \u003Cdiv class=\"dmp5-connector\">\n\n          \u003Cdiv class=\"dmp5-arrow\">\n            →\n          \u003C\u002Fdiv>\n\n        \u003C\u002Fdiv>\n\n\n        \u003Cdiv\n          class=\"\n            dmp5-card\n            dmp5-card-right\n          \"\n        >\n\n          \u003Cdiv class=\"dmp5-icon\">\n            ✓\n          \u003C\u002Fdiv>\n\n          \u003Cdiv class=\"dmp5-card-label\">\n            Notre priorité\n          \u003C\u002Fdiv>\n\n          \u003Ch3 class=\"dmp5-card-title\">\n\n            Commencer par\n            écouter et observer.\n\n          \u003C\u002Fh3>\n\n          \u003Cp class=\"dmp5-card-text\">\n\n            Comprendre le parcours,\n            les circonstances et les éléments\n            disponibles avant de déterminer\n            quelle direction semble pertinente.\n\n          \u003C\u002Fp>\n\n        \u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n\n\n      \u003C!-- ROW 02 -->\n\n      \u003Cdiv\n        class=\"\n          dmp5-row\n          dmp5-reveal\n          dmp5-delay2\
14561n        \"\n      >\n\n        \u003Cdiv\n          class=\"\n            dmp5-card\n            dmp5-card-left\n          \"\n        >\n\n          \u003Cdiv class=\"dmp5-icon\">\n            02\n          \u003C\u002Fdiv>\n\n          \u003Cdiv class=\"dmp5-card-label\">\n            Réflexe à éviter\n          \u003C\u002Fdiv>\n\n          \u003Ch3 class=\"dmp5-card-title\">\n\n            Appliquer la même réponse\n            à toutes les situations.\n\n          \u003C\u002Fh3>\n\n          \u003Cp class=\"dmp5-card-text\">\n\n            Considérer que deux personnes\n            présentant des difficultés similaires\n            doivent nécessairement suivre\n            exactement la même démarche.\n\n          \u003C\u002Fp>\n\n        \u003C\u002Fdiv>\n\n\n        \u003Cdiv class=\"dmp5-connector\">\n\n          \u003Cdiv class=\"dmp5-arrow\">\n            →\n          \u003C\u002Fdiv>\n\n        \u003C\u002Fdiv>\n\n\n        \u003Cdiv\n          class=\"\n            dmp5-card\n            dmp5-card-right\n          \"\n        >\n\n          \u003Cdiv class=\"dmp5-icon\">\n            ✓\n          \u003C\u002Fdiv>\n\n          \u003Cdiv class=\"dmp5-card-label\">\n            Notre priorité\n          \u003C\u002Fdiv>\n\n          \u003Ch3 class=\"dmp5-card-title\">\n\n            Tenir compte\n            du contexte individuel.\n\n          \u003C\u002Fh3>\n\n          \u003Cp class=\"dmp5-card-text\">\n\n            Examiner la situation dans\n            son contexte afin d’orienter\n            la personne vers une démarche\n            plus cohérente avec son besoin.\n\n          \u003C\u002Fp>\n\n        \u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n\n\n      \u003C!-- ROW 03 -->\n\n      \u003Cdiv\n        class=\"\n          dmp5-row\n          dmp5-reveal\n          dmp5-delay3\n        \"\n      >\n\n        \u003Cdiv\n          class=\"\n            dmp5-card\n            dmp5-card-left\n          \"\n        >\n\n          \u003Cdiv class=\"dmp5-icon\">\n            03\n          \u003C\u002Fdiv>\n\n          \u003Cdiv class=\"dmp5-card-label\">\n            Réflexe à éviter\n          \u003C\u002Fdiv>\n\n          \u003Ch3 class=\"dmp5-card-title\">\n\n            Multiplier les démarches\n            sans direction claire.\n\n          \u003C\u002Fh3>\n\n          \u003Cp class=\"dmp5-card-text\">\n\n            Passer d’une approche à une autre\n            sans savoir ce que l’on cherche\n            précisément à observer\n            ou à comprendre.\n\n          \u003C\u002Fp>\n\n        \u003C\u002Fdiv>\n\n\n        \u003Cdiv class=\"dmp5-connector\">\n\n          \u003Cdiv class=\"dmp5-arrow\">\n            →\n          \u003C\u002Fdiv>\n\n        \u003C\u002Fdiv>\n\n\n        \u003Cdiv\n          class=\"\n            dmp5-card\n            dmp5-card-right\n          \"\n        >\n\n          \u003Cdiv class=\"dmp5-icon\">\n            ✓\n          \u003C\u002Fdiv>\n\n          \u003Cdiv class=\"dmp5-card-label\">\n            Notre priorité\n          \u003C\u002Fdiv>\n\n          \u003Ch3 class=\"dmp5-card-title\">\n\n            Donner une prochaine\n            étape identifiable.\n\n          \u003C\u002Fh3>\n\n          \u003Cp class=\"dmp5-card-text\">\n\n            Transformer la confusion\n            en une direction plus lisible,\n            avec une étape à la fois\n            plutôt qu’une accumulation\n            de solutions.\n\n          \u003C\u002Fp>\n\n        \u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n\n\n      \u003C!-- ROW 04 -->\n\n      \u003Cdiv\n        class=\"\n          dmp5-row\n          dmp5-reveal\n          dmp5-delay4\n        \"\n      >\n\n        \u003Cdiv\n          class=\"\n            dmp5-card\n            dmp5-card-left\n          \"\n        >\n\n          \u003Cdiv class=\"dmp5-icon\">\n            04\n          \u003C\u002Fdiv>\n\n          \u003Cdiv class=\"dmp5-card-label\">\n            Réflexe à éviter\n          \u003C\u002Fdiv>\n\n          \u003Ch3 class=\"dmp5-card-title\">\n\n            Créer une dépendance\n            à l’accompagnement.\n\n          \u003C\u002Fh3>\n\n          \u003Cp class=\"dmp5-card-text\">\n\n            Donner l’impression que la personne\n            ne peut avancer qu’en restant\n            constamment dépen
14561dante\n            d’un intervenant.\n\n          \u003C\u002Fp>\n\n        \u003C\u002Fdiv>\n\n\n        \u003Cdiv class=\"dmp5-connector\">\n\n          \u003Cdiv class=\"dmp5-arrow\">\n            →\n          \u003C\u002Fdiv>\n\n        \u003C\u002Fdiv>\n\n\n        \u003Cdiv\n          class=\"\n            dmp5-card\n            dmp5-card-right\n          \"\n        >\n\n          \u003Cdiv class=\"dmp5-icon\">\n            ✓\n          \u003C\u002Fdiv>\n\n          \u003Cdiv class=\"dmp5-card-label\">\n            Notre priorité\n          \u003C\u002Fdiv>\n\n          \u003Ch3 class=\"dmp5-card-title\">\n\n            Transmettre des repères\n            et développer l’autonomie.\n\n          \u003C\u002Fh3>\n\n          \u003Cp class=\"dmp5-card-text\">\n\n            Aider progressivement la personne\n            à mieux comprendre sa démarche,\n            ses pratiques et les repères\n            qui peuvent lui être utiles.\n\n          \u003C\u002Fp>\n\n        \u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n\n\n    \u003C\u002Fdiv>\n\n\n    \u003C!-- PRINCIPLE -->\n\n    \u003Cdiv\n      class=\"\n        dmp5-principle\n        dmp5-reveal\n      \"\n    >\n\n      \u003Cdiv class=\"dmp5-principle-icon\">\n        ✦\n      \u003C\u002Fdiv>\n\n\n      \u003Cdiv class=\"dmp5-principle-content\">\n\n        \u003Cdiv class=\"dmp5-principle-small\">\n          Le principe\n        \u003C\u002Fdiv>\n\n\n        \u003Ch3 class=\"dmp5-principle-title\">\n\n          L’expérience ne sert pas à\n          conclure plus vite.\n\n          \u003Cspan>\n            Elle sert à observer plus justement.\n          \u003C\u002Fspan>\n\n        \u003C\u002Fh3>\n\n      \u003C\u002Fdiv>\n\n    \u003C\u002Fdiv>\n\n\n  \u003C\u002Fdiv>\n\n\u003C\u002Fsection>\n\n\n\u003Cscript>\n\n(function(){\n\n  function initDMP5(){\n\n    const section =\n      document.getElementById(\n        \"dmp5Section\"\n      );\n\n    if(!section) return;\n\n\n    if(\n      section.dataset.ready === \"1\"\n    ){\n      return;\n    }\n\n\n    section.dataset.ready=\"1\";\n\n\n    const reveals =\n      section.querySelectorAll(\n        \".dmp5-reveal\"\n      );\n\n\n    const rows =\n      section.querySelectorAll(\n        \".dmp5-row\"\n      );\n\n\n    if(\n      \"IntersectionObserver\"\n      in window\n    ){\n\n      \u002F* REVEAL *\u002F\n\n      const revealObserver =\n        new IntersectionObserver(\n\n          function(entries){\n\n            entries.forEach(\n              function(entry){\n\n                if(\n                  entry.isIntersecting\n                ){\n\n                  entry.target\n                    .classList\n                    .add(\n                      \"dmp5-visible\"\n                    );\n\n\n                  revealObserver\n                    .unobserve(\n                      entry.target\n                    );\n\n                }\n\n              }\n            );\n\n          },\n\n          {\n            threshold:.12,\n\n            rootMargin:\n              \"0px 0px -20px 0px\"\n          }\n\n        );\n\n\n      reveals.forEach(\n        function(el){\n\n          revealObserver.observe(el);\n\n        }\n      );\n\n\n      \u002F* ACTIVATE COMPARISON *\u002F\n\n      const rowObserver =\n        new IntersectionObserver(\n\n          function(entries){\n\n            entries.forEach(\n              function(entry){\n\n                if(\n                  entry.isIntersecting\n                ){\n\n                  setTimeout(\n                    function(){\n\n                      entry.target\n                        .classList\n                        .add(\n                          \"dmp5-active\"\n                        );\n\n                    },\n                    150\n                  );\n\n                }\n\n              }\n            );\n\n          },\n\n          {\n            threshold:.45\n          }\n\n        );\n\n\n      rows.forEach(\n        function(row){\n\n          rowObserver.observe(row);\n\n        }\n      );\n\n    }
14561\n\n\n    else{\n\n      reveals.forEach(\n        function(el){\n\n          el.classList.add(\n            \"dmp5-visible\"\n          );\n\n        }\n      );\n\n\n      rows.forEach(\n        function(row){\n\n          row.classList.add(\n            \"dmp5-active\"\n          );\n\n        }\n      );\n\n    }\n\n  }\n\n\n  if(\n    document.readyState===\"loading\"\n  ){\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initDMP5\n    );\n\n  }\n\n  else{\n\n    initDMP5();\n\n  }\n\n\n  document.addEventListener(\n    \"hydrationDone\",\n    initDMP5\n  );\n\n})();\n\n\u003C\u002Fscript>",{"value":572},[],"ccustom-code-oJUMm9KV-b",{},{"id":15,"type":19,"child":576,"class":578,"styles":586,"extra":588,"meta":19,"tagName":56,"title":163,"tabletStyles":599,"tabletWrapper":600,"classStr":24,"_id":15},[577],"row-FBSJfXZWBU",{"width":579,"entranceAnimation":580,"animationScale":581,"animationDuration":582,"animationDelay":583,"animationEasing":584,"disableAnimationsOnMobile":585},{"value":24},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"borderWidth":587},{"value":38},{"sticky":589,"visibility":590,"bgImage":592,"allowRowMaxWidth":594,"customClass":595,"elementScreenshot":597},{"value":41},{"value":591},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":593},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":35},{"value":596},[],{"value":598},[],{},{},{"id":577,"type":64,"child":602,"class":604,"styles":612,"extra":614,"tagName":88,"meta":64,"tabletStyles":622,"tabletWrapper":623,"title":91,"classStr":69},[603],"col-RDui6zWvnu",{"alignRow":605,"entranceAnimation":606,"animationScale":607,"animationDuration":608,"animationDelay":609,"animationEasing":610,"disableAnimationsOnMobile":611},{"value":69},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"borderWidth":613},{"value":38},{"visibility":615,"bgImage":617,"rowWidth":619,"customClass":620},{"value":616},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":618},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":84,"unit":85},{"value":621},[],{},{},{"id":603,"type":93,"child":625,"class":627,"styles":635,"extra":637,"tagName":122,"meta":93,"tabletStyles":649,"tabletWrapper":650,"title":125,"noOfColumns":28},[626],"custom-code-Z_tb2DP8LH",{"entranceAnimation":628,"animationScale":629,"animationDuration":630,"animationDelay":631,"animationEasing":632,"disableAnimationsOnMobile":633,"nestedColumn":634},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"value":48},{"borderWidth":636},{"value":38},{"visibility":638,"bgImage":640,"columnLayout":642,"justifyContentColumnLayout":643,"alignContentColumnLayout":644,"forceColumnLayoutForMobile":645,"customClass":646,"elementVersion":648},{"value":639},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":641},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":112},{"value":114},{"value":116},{"value":35},{"value":647},[],{"value":121},{},{},{"extra":652,"id":626,"meta":136,"tagName":137,"class":661},{"visibility":653,"customCode":655,"customClass":658,"nodeId":660},{"value":654},{"hideMobile":48,"hideDesktop":48,"hideTablet":44},{"value":656},{"rawCustomCode":657},"\u003C!-- =====================================================\n     DR MAHER — DM-P06\n     CONFIANCE & PREUVES\n     Funnel Crafts\n===================================================== -->\n\n\u003Cstyle>\n\n.dmp6,\n.dmp6 * {\n  box-sizing:border-box;\n}\n\n.dmp6 {\n  --brown:#482615;\n  --dark:#28150D;\n  --gold:#B97B45;\n  --gold2:#D9A36F;\n\n  --cream:#FAF7F2;\n  --cream2:#F4ECE3;\n\n  --text:#2B1B14;\n  --muted:#76675E;\n\n  --border:rgba(72,38,21,.11);\n\n  position:relative;\n  width:100%;\n  overflow:hidden;\n\n  padding:110px 0;\n\n  background:#fff;\n\n  font-family:\"Manrope\",Arial,sans-serif;\n\n  container-type:inline-size;\n}\n\n\n\u002F* BACKGROUND *\u002F\n\n.dmp6::before {\n  content:\"\";\n\n  position:absolute;\n\n  width:500px;\n  height:500px;\n\n  right:-220px;\n  top:-180px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(185,123,69,.08),\n      transparent 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\u002F* CONTAINER *\u002F\n\n.dmp6-container {\n  position:relative;\n  z-index:2;\n\n  width:min(\n    calc(100% - 48px),\n    1180px\n  );\n\n  margin:0 auto;\n}\n\n\n\u002F* =================================\n   HEADER\n================================= *\u002F\n\n.dmp6-head {\n  max-width:800px;\n\n  margin:0 auto 60px;\n\n  text-align:center;\n}\n\n\n.dmp6-eyebrow {\n  display:inline-flex;\n  align-items:center;\n  gap:11px;\n\n  margin-bottom:16px;\n\n  color:var(--gold);\n\n  font-size:9px;\n  font-weight:700;\n\n  letter-spacing:.22em;\n  text-transform:uppercase;\n}
14561\n\n\n.dmp6-eyebrow::before,\n.dmp6-eyebrow::after {\n  content:\"\";\n\n  width:28px;\n  height:1px;\n\n  background:var(--gold);\n}\n\n\n.dmp6-title {\n  margin:0;\n\n  color:var(--dark);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:clamp(\n    46px,\n    4.6vw,\n    65px\n  );\n\n  font-weight:600;\n\n  line-height:.98;\n\n  letter-spacing:-.025em;\n}\n\n\n.dmp6-title span {\n  color:var(--gold);\n}\n\n\n.dmp6-intro {\n  max-width:650px;\n\n  margin:20px auto 0;\n\n  color:var(--muted);\n\n  font-size:13px;\n  line-height:1.75;\n}\n\n\n\u002F* =================================\n   TOP GRID\n================================= *\u002F\n\n.dmp6-top {\n  display:grid;\n\n  grid-template-columns:\n    330px 1fr;\n\n  gap:20px;\n\n  align-items:stretch;\n}\n\n\n\u002F* =================================\n   TRUST CARD\n================================= *\u002F\n\n.dmp6-trust {\n  position:relative;\n\n  min-height:480px;\n\n  padding:38px 32px;\n\n  overflow:hidden;\n\n  border-radius:27px;\n\n  background:\n    linear-gradient(\n      145deg,\n      var(--brown),\n      var(--dark)\n    );\n\n  color:#fff;\n\n  display:flex;\n  flex-direction:column;\n\n  justify-content:space-between;\n\n  box-shadow:\n    0 25px 65px\n    rgba(40,21,13,.14);\n}\n\n\n.dmp6-trust::before {\n  content:\"\";\n\n  position:absolute;\n\n  width:260px;\n  height:260px;\n\n  right:-120px;\n  top:-130px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(217,163,111,.22),\n      transparent 70%\n    );\n\n  animation:\n    dmp6Glow 6s\n    ease-in-out\n    infinite alternate;\n}\n\n\n@keyframes dmp6Glow {\n\n  from {\n    transform:translate(0,0);\n  }\n\n  to {\n    transform:translate(-35px,30px);\n  }\n\n}\n\n\n.dmp6-trust-label {\n  position:relative;\n  z-index:2;\n\n  color:var(--gold2);\n\n  font-size:8px;\n  font-weight:800;\n\n  letter-spacing:.18em;\n  text-transform:uppercase;\n}\n\n\n.dmp6-counter {\n  position:relative;\n  z-index:2;\n\n  margin-top:20px;\n\n  color:#fff;\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:82px;\n  font-weight:600;\n\n  line-height:.82;\n}\n\n\n.dmp6-counter-label {\n  position:relative;\n  z-index:2;\n\n  max-width:190px;\n\n  margin-top:15px;\n\n  color:\n    rgba(255,255,255,.65);\n\n  font-size:11px;\n\n  line-height:1.55;\n}\n\n\n\u002F* PILLARS *\u002F\n\n.dmp6-mini-list {\n  position:relative;\n  z-index:2;\n\n  margin-top:35px;\n\n  padding-top:25px;\n\n  border-top:\n    1px solid rgba(255,255,255,.10);\n\n  display:grid;\n\n  gap:12px;\n}\n\n\n.dmp6-mini {\n  display:flex;\n  align-items:center;\n  gap:10px;\n\n  color:\n    rgba(255,255,255,.74);\n\n  font-size:10px;\n\n  transition:\n    transform .3s ease,\n    color .3s ease;\n}\n\n\n.dmp6-mini:hover {\n  transform:translateX(5px);\n  color:#fff;\n}\n\n\n.dmp6-mini-dot {\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:var(--gold2);\n\n  box-shadow:\n    0 0 0 5px\n    rgba(217,163,111,.08);\n}\n\n\n\u002F* =================================\n   VIDEOS\n================================= *\u002F\n\n.dmp6-videos {\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  gap:15px;\n}\n\n\n.dmp6-video-card {\n  position:relative;\n\n  overflow:hidden;\n\n  border:\n    1px solid var(--border);\n\n  border-radius:23px;\n\n  background:var(--cream);\n\n  box-shadow:\n    0 12px 35px\n    rgba(40,21,13,.05);\n\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease,\n    border-color .4s ease;\n}\n\n\n.dmp6-video-card:hover {\n  transform:translateY(-7px);\n\n  border-color:\n    rgba(185,123,69,.28);\n\n  box-shadow:\n    0 25px 60px\n    rgba(40,21,13,.10);\n}\n\n\n.dmp6-video-frame {\n  position:relative;\n\n  width:100%;\n\n  aspect-ratio:9 \u002F 12;\n\n  overflow:hidden;\n\n  background:#21120C;\n}\n\n\n.dmp6-video {\n  width:100%;\n  height:100%;\n\n  display:block;\n\n  object-fit:cover;\n\n  background:#21120C;\n}\n\n\n.dmp6-video-frame::after {\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  pointer-events:none;\n\n  box-shadow:\n    inset 0 -80px 80px\n    rgba(0,0,0,.12);\n}\n\n\n.dmp6-video-info {\n  padding:20px;\n}\n\n\n.dmp6-video-label {\n  margin-bottom:6px;\n\n  color:var(--gold);
14561\n\n  font-size:7px;\n  font-weight:800;\n\n  letter-spacing:.16em;\n  text-transform:uppercase;\n}\n\n\n.dmp6-video-title {\n  margin:0;\n\n  color:var(--dark);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:22px;\n  font-weight:600;\n\n  line-height:1.08;\n}\n\n\n\u002F* =================================\n   WHATSAPP BLOCK\n================================= *\u002F\n\n.dmp6-messages {\n  margin-top:20px;\n\n  padding:40px;\n\n  border-radius:27px;\n\n  background:var(--cream);\n\n  border:1px solid var(--border);\n}\n\n\n.dmp6-messages-head {\n  display:flex;\n\n  align-items:end;\n\n  justify-content:space-between;\n\n  gap:30px;\n\n  margin-bottom:25px;\n}\n\n\n.dmp6-messages-small {\n  color:var(--gold);\n\n  font-size:8px;\n  font-weight:800;\n\n  letter-spacing:.18em;\n  text-transform:uppercase;\n}\n\n\n.dmp6-messages-title {\n  margin:6px 0 0;\n\n  color:var(--dark);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:34px;\n  font-weight:600;\n\n  line-height:1;\n}\n\n\n.dmp6-messages-note {\n  max-width:320px;\n\n  color:var(--muted);\n\n  font-size:10px;\n  line-height:1.6;\n\n  text-align:right;\n}\n\n\n.dmp6-images {\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap:12px;\n}\n\n\n.dmp6-image-card {\n  position:relative;\n\n  min-height:280px;\n\n  padding:7px;\n\n  overflow:hidden;\n\n  border:\n    1px solid var(--border);\n\n  border-radius:17px;\n\n  background:#fff;\n\n  cursor:zoom-in;\n\n  transition:\n    transform .35s ease,\n    box-shadow .35s ease,\n    border-color .35s ease;\n}\n\n\n.dmp6-image-card:hover {\n  transform:translateY(-6px);\n\n  border-color:\n    rgba(185,123,69,.30);\n\n  box-shadow:\n    0 18px 45px\n    rgba(40,21,13,.08);\n}\n\n\n.dmp6-image {\n  width:100%;\n  height:100%;\n\n  min-height:266px;\n\n  display:block;\n\n  object-fit:cover;\n  object-position:top center;\n\n  border-radius:11px;\n}\n\n\n.dmp6-zoom {\n  position:absolute;\n\n  right:16px;\n  bottom:16px;\n\n  width:35px;\n  height:35px;\n\n  border-radius:50%;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  background:\n    rgba(40,21,13,.87);\n\n  color:#fff;\n\n  font-size:14px;\n\n  opacity:0;\n\n  transform:scale(.8);\n\n  transition:\n    opacity .25s ease,\n    transform .25s ease;\n}\n\n\n.dmp6-image-card:hover\n.dmp6-zoom {\n  opacity:1;\n  transform:scale(1);\n}\n\n\n\u002F* =================================\n   TRANSPARENCY\n================================= *\u002F\n\n.dmp6-note {\n  margin-top:22px;\n\n  padding:20px 22px;\n\n  border-left:\n    2px solid var(--gold);\n\n  background:\n    rgba(185,123,69,.05);\n\n  color:var(--muted);\n\n  font-size:10.5px;\n\n  line-height:1.65;\n}\n\n\n.dmp6-note strong {\n  color:var(--dark);\n}\n\n\n\u002F* =================================\n   LIGHTBOX\n================================= *\u002F\n\n.dmp6-lightbox {\n  position:fixed;\n\n  inset:0;\n\n  z-index:999999;\n\n  padding:25px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  background:\n    rgba(25,12,7,.90);\n\n  backdrop-filter:blur(12px);\n\n  opacity:0;\n\n  visibility:hidden;\n\n  transition:\n    opacity .28s ease,\n    visibility .28s ease;\n}\n\n\n.dmp6-lightbox.dmp6-open {\n  opacity:1;\n  visibility:visible;\n}\n\n\n.dmp6-lightbox-inner {\n  position:relative;\n\n  width:min(100%,700px);\n\n  max-height:90vh;\n}\n\n\n.dmp6-lightbox-image {\n  display:block;\n\n  max-width:100%;\n  max-height:88vh;\n\n  margin:auto;\n\n  object-fit:contain;\n\n  border-radius:16px;\n\n  box-shadow:\n    0 30px 80px\n    rgba(0,0,0,.40);\n}\n\n\n.dmp6-close {\n  position:absolute;\n\n  right:-12px;\n  top:-12px;\n\n  width:43px;\n  height:43px;\n\n  padding:0;\n\n  border:0;\n\n  border-radius:50%;\n\n  background:#fff;\n\n  color:var(--dark);\n\n  font-size:21px;\n\n  cursor:pointer;\n\n  box-shadow:\n    0 10px 30px\n    rgba(0,0,0,.20);\n\n  transition:\n    transform .25s ease;\n}\n\n\n.dmp6-close:hover {\n  transform:rotate(90deg);\n}\n\n\n\u002F* =================================\n   REVEAL\n================================= *\u002F\n\n.dmp6-reveal {\n  opacity:0;\n\n  transform:translateY(28px);\n\n  transition:\n    opacity .75s ease,\n    transform .75s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n\n.dmp6-reveal.dmp6-visible {\n  opacity:1;\n  transform:translateY(0);\n}
14561\n\n\n.dmp6-delay1 {\n  transition-delay:.08s;\n}\n\n.dmp6-delay2 {\n  transition-delay:.16s;\n}\n\n.dmp6-delay3 {\n  transition-delay:.24s;\n}\n\n\n\u002F* =================================\n   TABLET\n================================= *\u002F\n\n@media(max-width:900px) {\n\n  .dmp6 {\n    padding:85px 0;\n  }\n\n\n  .dmp6-container {\n    width:calc(100% - 34px);\n  }\n\n\n  .dmp6-top {\n    grid-template-columns:1fr;\n  }\n\n\n  .dmp6-trust {\n    min-height:auto;\n  }\n\n\n  .dmp6-images {\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n}\n\n\n\u002F* =================================\n   MOBILE\n================================= *\u002F\n\n@media(max-width:620px) {\n\n  .dmp6 {\n    padding:65px 0;\n  }\n\n\n  .dmp6-container {\n    width:calc(100% - 24px);\n  }\n\n\n  .dmp6-head {\n    text-align:left;\n    margin-bottom:42px;\n  }\n\n\n  .dmp6-eyebrow {\n    font-size:8px;\n  }\n\n\n  .dmp6-eyebrow::after {\n    display:none;\n  }\n\n\n  .dmp6-title {\n    font-size:41px;\n  }\n\n\n  .dmp6-intro {\n    margin-left:0;\n\n    font-size:12.5px;\n  }\n\n\n  .dmp6-videos {\n    grid-template-columns:1fr;\n  }\n\n\n  .dmp6-video-frame {\n    aspect-ratio:4 \u002F 3;\n  }\n\n\n  .dmp6-messages {\n    padding:27px 18px;\n  }\n\n\n  .dmp6-messages-head {\n    flex-direction:column;\n\n    align-items:flex-start;\n\n    gap:10px;\n  }\n\n\n  .dmp6-messages-note {\n    text-align:left;\n  }\n\n\n  .dmp6-images {\n    grid-template-columns:1fr;\n  }\n\n\n  .dmp6-image-card {\n    min-height:auto;\n  }\n\n\n  .dmp6-image {\n    min-height:0;\n\n    height:auto;\n\n    max-height:520px;\n\n    object-fit:contain;\n  }\n\n\n  .dmp6-zoom {\n    opacity:1;\n    transform:scale(1);\n  }\n\n}\n\n\n\u002F* GHL BUILDER *\u002F\n\n@container(max-width:620px) {\n\n  .dmp6-container {\n    width:calc(100% - 24px);\n  }\n\n\n  .dmp6-top,\n  .dmp6-videos,\n  .dmp6-images {\n    grid-template-columns:1fr;\n  }\n\n}\n\n\n\u002F* ACCESSIBILITY *\u002F\n\n@media(prefers-reduced-motion:reduce) {\n\n  .dmp6-reveal {\n    opacity:1;\n    transform:none;\n    transition:none;\n  }\n\n\n  .dmp6-trust::before {\n    animation:none;\n  }\n\n}\n\n\u003C\u002Fstyle>\n\n\n\u003Csection\n  class=\"dmp6\"\n  id=\"dmp6Section\"\n>\n\n  \u003Cdiv class=\"dmp6-container\">\n\n\n    \u003C!-- HEADER -->\n\n    \u003Cheader\n      class=\"\n        dmp6-head\n        dmp6-reveal\n      \"\n    >\n\n      \u003Cdiv class=\"dmp6-eyebrow\">\n        Confiance & expériences\n      \u003C\u002Fdiv>\n\n\n      \u003Ch2 class=\"dmp6-title\">\n\n        Une confiance qui se construit\n\n        \u003Cspan>\n          dans le temps.\n        \u003C\u002Fspan>\n\n      \u003C\u002Fh2>\n\n\n      \u003Cp class=\"dmp6-intro\">\n\n        L’expérience ne se résume pas\n        à un nombre d’années.\n\n        Elle se construit aussi à travers\n        les échanges, les parcours rencontrés\n        et les retours de personnes\n        qui ont choisi de partager\n        leur propre expérience.\n\n      \u003C\u002Fp>\n\n    \u003C\u002Fheader>\n\n\n    \u003C!-- TOP -->\n\n    \u003Cdiv class=\"dmp6-top\">\n\n\n      \u003C!-- TRUST -->\n\n      \u003Caside\n        class=\"\n          dmp6-trust\n          dmp6-reveal\n          dmp6-delay1\n        \"\n      >\n\n        \u003Cdiv>\n\n          \u003Cdiv class=\"dmp6-trust-label\">\n            Une expérience dans le temps\n          \u003C\u002Fdiv>\n\n\n          \u003Cdiv\n            class=\"dmp6-counter\"\n            id=\"dmp6Counter\"\n          >\n            0+\n          \u003C\u002Fdiv>\n\n\n          \u003Cdiv class=\"dmp6-counter-label\">\n\n            années consacrées\n            à l’accompagnement,\n            à l’observation\n            et à la transmission.\n\n          \u003C\u002Fdiv>\n\n        \u003C\u002Fdiv>\n\n\n        \u003Cdiv class=\"dmp6-mini-list\">\n\n          \u003Cdiv class=\"dmp6-mini\">\n\n            \u003Cspan class=\"dmp6-mini-dot\">\u003C\u002Fspan>\n\n            Écouter avant de conclure\n\n          \u003C\u002Fdiv>\n\n\n          \u003Cdiv class=\"dmp6-mini\">\n\n            \u003Cspan class=\"dmp6-mini-dot\">\u003C\u002Fspan>\n\n            Comprendre avant d’orienter\n\n          \u003C\u002Fdiv>\n\n\n          \u003Cdiv class=\"dmp6-mini\">\n\n            \u003Cspan class=\"dmp6-mini-dot\">\u003C\u002Fspan>\n\n            Personnaliser l’accompagnement\n\n          \u003C\u002Fdiv>\n\n\n          \u003Cdiv class=\"dmp6-mini\">\n\n            \u003Cspan class=\"dmp6-mini-dot\">\u003C\u002Fspan>\n\n            Favoriser davantage d’autonomie\n\n          \u003C\u002Fdiv>\n\n        \u003C\u002Fdiv>\n\n      \u003C\u002Faside>\n\n\n      \u003C!-- VIDEOS -->\n\n      \u003Cdiv class=\"dmp6-videos\">\n\n\n        \u003C!-- VIDEO 01 -->\n\n        \u003Carticle\n          class=\"\n            dmp6-video-card\n            dmp6-reveal\n            dmp6-delay2\
14561n          \"\n        >\n\n          \u003Cdiv class=\"dmp6-video-frame\">\n\n            \u003Cvideo\n              class=\"dmp6-video\"\n              controls\n              playsinline\n              preload=\"metadata\"\n            >\n\n              \u003Csource\n                src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F2WEaZWamD6KwM7dlA587\u002Fmedia\u002F6a7e390bc0662ee5c42949bb.mp4\"\n                type=\"video\u002Fmp4\"\n              >\n\n            \u003C\u002Fvideo>\n\n          \u003C\u002Fdiv>\n\n\n          \u003Cdiv class=\"dmp6-video-info\">\n\n            \u003Cdiv class=\"dmp6-video-label\">\n              Témoignage\n            \u003C\u002Fdiv>\n\n            \u003Ch3 class=\"dmp6-video-title\">\n\n              Une expérience racontée\n              directement par la personne.\n\n            \u003C\u002Fh3>\n\n          \u003C\u002Fdiv>\n\n        \u003C\u002Farticle>\n\n\n        \u003C!-- VIDEO 02 -->\n\n        \u003Carticle\n          class=\"\n            dmp6-video-card\n            dmp6-reveal\n            dmp6-delay3\n          \"\n        >\n\n          \u003Cdiv class=\"dmp6-video-frame\">\n\n            \u003Cvideo\n              class=\"dmp6-video\"\n              controls\n              playsinline\n              preload=\"metadata\"\n            >\n\n              \u003Csource\n                src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F2WEaZWamD6KwM7dlA587\u002Fmedia\u002F6a7e3895c0662ee5c426f4a0.mp4\"\n                type=\"video\u002Fmp4\"\n              >\n\n            \u003C\u002Fvideo>\n\n          \u003C\u002Fdiv>\n\n\n          \u003Cdiv class=\"dmp6-video-info\">\n\n            \u003Cdiv class=\"dmp6-video-label\">\n              Témoignage\n            \u003C\u002Fdiv>\n\n            \u003Ch3 class=\"dmp6-video-title\">\n\n              Un autre parcours,\n              partagé avec ses propres mots.\n\n            \u003C\u002Fh3>\n\n          \u003C\u002Fdiv>\n\n        \u003C\u002Farticle>\n\n\n      \u003C\u002Fdiv>\n\n    \u003C\u002Fdiv>\n\n\n    \u003C!-- WHATSAPP -->\n\n    \u003Cdiv\n      class=\"\n        dmp6-messages\n        dmp6-reveal\n      \"\n    >\n\n      \u003Cdiv class=\"dmp6-messages-head\">\n\n        \u003Cdiv>\n\n          \u003Cdiv class=\"dmp6-messages-small\">\n            Messages reçus\n          \u003C\u002Fdiv>\n\n\n          \u003Ch3 class=\"dmp6-messages-title\">\n\n            Des retours partagés\n            après leur expérience.\n\n          \u003C\u002Fh3>\n\n        \u003C\u002Fdiv>\n\n\n        \u003Cdiv class=\"dmp6-messages-note\">\n\n          Cliquez sur une capture\n          pour la consulter en grand.\n\n        \u003C\u002Fdiv>\n\n      \u003C\u002Fdiv>\n\n\n      \u003Cdiv class=\"dmp6-images\">\n\n\n        \u003C!-- IMAGE 01 -->\n\n        \u003Cdiv\n          class=\"dmp6-image-card\"\n          data-image=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F2WEaZWamD6KwM7dlA587\u002Fmedia\u002F6a80726499074f5ef647147b.png\"\n        >\n\n          \u003Cimg\n            src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F2WEaZWamD6KwM7dlA587\u002Fmedia\u002F6a80726499074f5ef647147b.png\"\n            class=\"dmp6-image\"\n            alt=\"Témoignage reçu par Dr Maher\"\n            loading=\"lazy\"\n          >\n\n          \u003Cspan class=\"dmp6-zoom\">\n            +\n          \u003C\u002Fspan>\n\n        \u003C\u002Fdiv>\n\n\n        \u003C!-- IMAGE 02 -->\n\n        \u003Cdiv\n          class=\"dmp6-image-card\"\n          data-image=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F2WEaZWamD6KwM7dlA587\u002Fmedia\u002F6a807263cf50f900f228a457.png\"\n        >\n\n          \u003Cimg\n            src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F2WEaZWamD6KwM7dlA587\u002Fmedia\u002F6a807263cf50f900f228a457.png\"\n            class=\"dmp6-image\"\n            alt=\"Témoignage reçu par Dr Maher\"\n            loading=\"lazy\"\n          >\n\n          \u003Cspan class=\"dmp6-zoom\">\n            +\n          \u003C\u002Fspan>\n\n        \u003C\u002Fdiv>\n\n\n        \u003C!-- IMAGE 03 -->\n\n        \u003Cdiv\n          class=\"dmp6-image-card\"\n          data-image=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F2WEaZWamD6KwM7dlA587\u002Fmedia\u002F6a80726399074f5ef6471439.png\"\n        >\n\n          \u003Cimg\n            src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F2WEaZWamD6KwM7dlA587\u002Fmedia\u002F6a80726399074f5ef6471439.png\"\n            class=\"dmp6-image\"\n            alt=\"Témoignage reçu par Dr Maher\"\n            loading=\"lazy\"\n          >\n\n          \u003Cspan class=\"dmp6-zoom\">\n            +\n          \u003C\u002Fspan>\n\n        \u003C\u002Fdiv>\n\n\n      \u003C\u002Fdiv>\n\n    \u003C\u002Fdiv>\n\n\n    \u003C!-- NOTE -->\n\n    \u003Cdiv\n      class=\"\n        dmp6-note\n        dmp6-reveal\n      \"\n    >\n\n      \u003Cstrong>\n        À propos de ces témoignages :\n      \u003C\u002Fstrong>
14561\n\n      ils reflètent des expériences individuelles.\n      Chaque situation et chaque parcours restent\n      différents ; ils ne constituent donc pas\n      une garantie de résultat identique.\n\n    \u003C\u002Fdiv>\n\n\n  \u003C\u002Fdiv>\n\n\u003C\u002Fsection>\n\n\n\u003C!-- LIGHTBOX -->\n\n\u003Cdiv\n  class=\"dmp6-lightbox\"\n  id=\"dmp6Lightbox\"\n  aria-hidden=\"true\"\n>\n\n  \u003Cdiv class=\"dmp6-lightbox-inner\">\n\n    \u003Cbutton\n      type=\"button\"\n      class=\"dmp6-close\"\n      id=\"dmp6Close\"\n      aria-label=\"Fermer\"\n    >\n      ×\n    \u003C\u002Fbutton>\n\n\n    \u003Cimg\n      src=\"\"\n      id=\"dmp6LightboxImage\"\n      class=\"dmp6-lightbox-image\"\n      alt=\"Témoignage\"\n    >\n\n  \u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\n\n\n\u003Cscript>\n\n(function(){\n\n  function initDMP6(){\n\n    const section =\n      document.getElementById(\n        \"dmp6Section\"\n      );\n\n    if(!section) return;\n\n\n    if(\n      section.dataset.ready === \"1\"\n    ){\n      return;\n    }\n\n\n    section.dataset.ready = \"1\";\n\n\n    \u002F* =================================\n       REVEAL\n    ================================= *\u002F\n\n    const reveals =\n      section.querySelectorAll(\n        \".dmp6-reveal\"\n      );\n\n\n    if(\n      \"IntersectionObserver\" in window\n    ){\n\n      const observer =\n        new IntersectionObserver(\n\n          function(entries){\n\n            entries.forEach(\n              function(entry){\n\n                if(\n                  entry.isIntersecting\n                ){\n\n                  entry.target\n                    .classList\n                    .add(\n                      \"dmp6-visible\"\n                    );\n\n\n                  observer\n                    .unobserve(\n                      entry.target\n                    );\n\n                }\n\n              }\n            );\n\n          },\n\n          {\n            threshold:.12,\n            rootMargin:\n              \"0px 0px -20px 0px\"\n          }\n\n        );\n\n\n      reveals.forEach(\n        function(el){\n\n          observer.observe(el);\n\n        }\n      );\n\n    }\n\n    else{\n\n      reveals.forEach(\n        function(el){\n\n          el.classList.add(\n            \"dmp6-visible\"\n          );\n\n        }\n      );\n\n    }\n\n\n    \u002F* =================================\n       COUNTER\n    ================================= *\u002F\n\n    const counter =\n      document.getElementById(\n        \"dmp6Counter\"\n      );\n\n\n    let counterStarted=false;\n\n\n    function startCounter(){\n\n      if(\n        counterStarted ||\n        !counter\n      ){\n        return;\n      }\n\n\n      counterStarted=true;\n\n\n      const target=25;\n\n      const duration=1300;\n\n      const start=\n        performance.now();\n\n\n      function animate(now){\n\n        const p=\n          Math.min(\n            (now-start)\u002Fduration,\n            1\n          );\n\n\n        const eased=\n          1-Math.pow(\n            1-p,\n            3\n          );\n\n\n        counter.textContent=\n          Math.round(\n            target*eased\n          ) + \"+\";\n\n\n        if(p\u003C1){\n\n          requestAnimationFrame(\n            animate\n          );\n\n        }\n\n      }\n\n\n      requestAnimationFrame(\n        animate\n      );\n\n    }\n\n\n    if(\n      \"IntersectionObserver\" in window\n    ){\n\n      const counterObserver=\n        new IntersectionObserver(\n\n          function(entries){\n\n            if(\n              entries[0]\n              .isIntersecting\n            ){\n\n              startCounter();\n\n              counterObserver.disconnect();\n\n            }\n\n          },\n\n          {\n            threshold:.3\n          }\n\n        );\n\n\n      counterObserver.observe(section);\n\n    }\n\n    else{\n\n      startCounter();\n\n    }\n\n\n    \u002F* =================================\n       ONE VIDEO AT A TIME\n    ================================= *\u002F\n\n    const videos=\n      section.querySelectorAll(\n        \".dmp6-video\"\n      );\n\n\n    videos.forEach(\n      function(video){\n\n        video.addEventListener(\n          \"play\",\n          function(){\n\n            videos.forEach(\n              function(other){\n\n                if(\n                  other !== video\n                ){\n\n                  other.pause();\n\n                }\n\n              }\n            );\n\n          }\n        );\n\n      }\n    );\n\n\n    \u002F* =================================\n       LIGHTBOX\n    ================================= *\u002F\n\n    const cards=\n      section.querySelectorAll(\n        \".dmp6-image-card\"\n      );\n\n\n    const lightbox=\n      document.getElementById(\n        \"dmp6Lightbox\"\n      );\n\n\n    const lightboxImage=\n      document.getElementById(\n        \"dmp6LightboxImage\"\n      );\n\n\n    const close=\n      document.getElementById(\n        \"dmp6Close\"\n      );\n\n\n    function openLightbox(src){\n\n      if(\n        !lightbox ||\n        !lightboxImage\n      ){\n        return;\n      }\n\n\n      lightboxImage.src=src;\n\n\n      lightbox\n        .classList\n        .add(\n          \"dmp6-open\"\n        );\n\n\n      lightbox.setAttribute(\n        \"aria-hidden\",\n        \"fal
14561se\"\n      );\n\n\n      document.body.style.overflow=\n        \"hidden\";\n\n    }\n\n\n    function closeLightbox(){\n\n      if(!lightbox) return;\n\n\n      lightbox\n        .classList\n        .remove(\n          \"dmp6-open\"\n        );\n\n\n      lightbox.setAttribute(\n        \"aria-hidden\",\n        \"true\"\n      );\n\n\n      document.body.style.overflow=\"\";\n\n    }\n\n\n    cards.forEach(\n      function(card){\n\n        card.addEventListener(\n          \"click\",\n          function(){\n\n            openLightbox(\n              card.dataset.image\n            );\n\n          }\n        );\n\n      }\n    );\n\n\n    if(close){\n\n      close.addEventListener(\n        \"click\",\n        closeLightbox\n      );\n\n    }\n\n\n    if(lightbox){\n\n      lightbox.addEventListener(\n        \"click\",\n        function(e){\n\n          if(\n            e.target === lightbox\n          ){\n\n            closeLightbox();\n\n          }\n\n        }\n      );\n\n    }\n\n\n    document.addEventListener(\n      \"keydown\",\n      function(e){\n\n        if(\n          e.key === \"Escape\"\n        ){\n\n          closeLightbox();\n\n        }\n\n      }\n    );\n\n  }\n\n\n  if(\n    document.readyState ===\n    \"loading\"\n  ){\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initDMP6\n    );\n\n  }\n\n  else{\n\n    initDMP6();\n\n  }\n\n\n  document.addEventListener(\n    \"hydrationDone\",\n    initDMP6\n  );\n\n})();\n\n\u003C\u002Fscript>",{"value":659},[],"ccustom-code-Z_tb2DP8LH",{},{"id":16,"type":19,"child":663,"class":665,"styles":673,"extra":675,"meta":19,"tagName":56,"title":163,"tabletStyles":686,"tabletWrapper":687,"classStr":24,"_id":16},[664],"row-GkFZJ42V3A",{"width":666,"entranceAnimation":667,"animationScale":668,"animationDuration":669,"animationDelay":670,"animationEasing":671,"disableAnimationsOnMobile":672},{"value":24},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"borderWidth":674},{"value":38},{"sticky":676,"visibility":677,"bgImage":679,"allowRowMaxWidth":681,"customClass":682,"elementScreenshot":684},{"value":41},{"value":678},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":680},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":35},{"value":683},[],{"value":685},[],{},{},{"id":664,"type":64,"child":689,"class":691,"styles":699,"extra":701,"tagName":88,"meta":64,"tabletStyles":709,"tabletWrapper":710,"title":91,"classStr":69},[690],"col-RgO08oDYVg",{"alignRow":692,"entranceAnimation":693,"animationScale":694,"animationDuration":695,"animationDelay":696,"animationEasing":697,"disableAnimationsOnMobile":698},{"value":69},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"borderWidth":700},{"value":38},{"visibility":702,"bgImage":704,"rowWidth":706,"customClass":707},{"value":703},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":705},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":84,"unit":85},{"value":708},[],{},{},{"id":690,"type":93,"child":712,"class":714,"styles":722,"extra":724,"tagName":122,"meta":93,"tabletStyles":736,"tabletWrapper":737,"title":125,"noOfColumns":28},[713],"custom-code-Pecpx06PpF",{"entranceAnimation":715,"animationScale":716,"animationDuration":717,"animationDelay":718,"animationEasing":719,"disableAnimationsOnMobile":720,"nestedColumn":721},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"value":48},{"borderWidth":723},{"value":38},{"visibility":725,"bgImage":727,"columnLayout":729,"justifyContentColumnLayout":730,"alignContentColumnLayout":731,"forceColumnLayoutForMobile":732,"customClass":733,"elementVersion":735},{"value":726},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":728},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":112},{"value":114},{"value":116},{"value":35},{"value":734},[],{"value":121},{},{},{"extra":739,"id":713,"meta":136,"tagName":137,"class":748},{"visibility":740,"customCode":742,"customClass":745,"nodeId":747},{"value":741},{"hideMobile":48,"hideDesktop":48,"hideTablet":44},{"value":743},{"rawCustomCode":744},"\u003C!-- =====================================================\n     DR MAHER — DM-P07\n     FINAL CTA \u002F PAGE DR MAHER\n     Funnel Crafts\n===================================================== -->\n\n\u003Cstyle>\n\n.dmp7,\n.dmp7 * {\n  box-sizing:border-box;\n}\n\n.dmp7 {\n  --brown:#482615;\n  --dark:#28150D;\n  --dark2:#1E0F09;\n\n  --gold:#B97B45;\n  --gold2:#D9A36F;\n\n  --cream:#FAF7F2;\n\n  position:relative;\n  width:100%;\n  overflow:hidden;\n\n  padding:105px 0;\n\n  background:\n    linear-gradient(\n      140deg,\n      #28150D 0%,\n      #3A1D10 55%,\n      #211009 100%\n    );\n\n  font-family:\"Manrope\",Arial,sans-serif;\n\n  container-type:inline-size;\n}\n\n\n\u002F* =================================\n   BACKGROUND\n================================= *\u002F\n\n.dmp7::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  width:600px;\n  height:600px;\n\n  right:-250px;\n  top:-300px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(185,123,69,.22),\n      transparent 68%\n    );\n\n  animation:\n    dmp7Glow 8s\n    ease-in-out infinite alternate;\n\n  pointer-events:none;\n}\n\n\n.dmp7::after {\n\n  content:\"\";\n\n  position:absolute;\n\n  width:430px;\n  height:430px;\n\n  left:-220px;\n  bottom:-260px;\n\n  border-radius:50%;\n\n  border:\n    1px solid rgba(217,163,111,.08);\n\n  pointer-events:none;\n}\n\n\n@keyframes dmp7Glow {\n\n  from {\n    transform:\n      translate(0,0)\n      scale(1);\n  }
14561\n\n  to {\n    transform:\n      translate(-40px,40px)\n      scale(1.12);\n  }\n\n}\n\n\n\u002F* =================================\n   CONTAINER\n================================= *\u002F\n\n.dmp7-container {\n\n  position:relative;\n  z-index:2;\n\n  width:min(\n    calc(100% - 48px),\n    1100px\n  );\n\n  margin:0 auto;\n}\n\n\n\u002F* =================================\n   CARD\n================================= *\u002F\n\n.dmp7-card {\n\n  position:relative;\n\n  overflow:hidden;\n\n  padding:\n    65px 70px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.11);\n\n  border-radius:30px;\n\n  background:\n    rgba(255,255,255,.055);\n\n  backdrop-filter:\n    blur(12px);\n\n  text-align:center;\n\n  box-shadow:\n    0 30px 90px\n    rgba(0,0,0,.14);\n}\n\n\n\u002F* ring *\u002F\n\n.dmp7-ring {\n\n  position:absolute;\n\n  width:360px;\n  height:360px;\n\n  right:-170px;\n  top:50%;\n\n  transform:\n    translateY(-50%);\n\n  border:\n    1px solid\n    rgba(217,163,111,.10);\n\n  border-radius:50%;\n\n  pointer-events:none;\n\n  animation:\n    dmp7Rotate 25s linear infinite;\n}\n\n\n.dmp7-ring::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  inset:55px;\n\n  border:\n    1px solid\n    rgba(217,163,111,.08);\n\n  border-radius:50%;\n}\n\n\n@keyframes dmp7Rotate {\n\n  from {\n    transform:\n      translateY(-50%)\n      rotate(0);\n  }\n\n  to {\n    transform:\n      translateY(-50%)\n      rotate(360deg);\n  }\n\n}\n\n\n\u002F* =================================\n   CONTENT\n================================= *\u002F\n\n.dmp7-content {\n\n  position:relative;\n  z-index:3;\n\n  max-width:820px;\n\n  margin:0 auto;\n}\n\n\n.dmp7-eyebrow {\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:11px;\n\n  margin-bottom:17px;\n\n  color:var(--gold2);\n\n  font-size:8.5px;\n\n  font-weight:700;\n\n  letter-spacing:.22em;\n\n  text-transform:uppercase;\n}\n\n\n.dmp7-eyebrow::before,\n.dmp7-eyebrow::after {\n\n  content:\"\";\n\n  width:28px;\n  height:1px;\n\n  background:var(--gold2);\n}\n\n\n.dmp7-title {\n\n  max-width:790px;\n\n  margin:0 auto;\n\n  color:#fff;\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:\n    clamp(47px,5vw,70px);\n\n  font-weight:600;\n\n  line-height:.96;\n\n  letter-spacing:-.03em;\n}\n\n\n.dmp7-title span {\n\n  display:block;\n\n  margin-top:8px;\n\n  color:var(--gold2);\n}\n\n\n.dmp7-text {\n\n  max-width:650px;\n\n  margin:\n    24px auto 0;\n\n  color:\n    rgba(255,255,255,.62);\n\n  font-size:13.5px;\n\n  line-height:1.8;\n}\n\n\n\u002F* =================================\n   STEPS\n================================= *\u002F\n\n.dmp7-steps {\n\n  max-width:720px;\n\n  margin:\n    34px auto 0;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap:10px;\n}\n\n\n.dmp7-step {\n\n  padding:16px 13px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.09);\n\n  border-radius:14px;\n\n  background:\n    rgba(255,255,255,.035);\n\n  transition:\n    transform .3s ease,\n    background .3s ease,\n    border-color .3s ease;\n}\n\n\n.dmp7-step:hover {\n\n  transform:\n    translateY(-4px);\n\n  background:\n    rgba(255,255,255,.075);\n\n  border-color:\n    rgba(217,163,111,.22);\n}\n\n\n.dmp7-step-number {\n\n  margin-bottom:5px;\n\n  color:var(--gold2);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:17px;\n\n  font-weight:700;\n}\n\n\n.dmp7-step-text {\n\n  color:\n    rgba(255,255,255,.68);\n\n  font-size:9.5px;\n\n  line-height:1.45;\n}\n\n\n\u002F* =================================\n   BUTTONS\n================================= *\u002F\n\n.dmp7-actions {\n\n  margin-top:34px;\n\n  display:flex;\n\n  justify-content:center;\n\n  flex-wrap:wrap;\n\n  gap:12px;\n}\n\n\n.dmp7-btn {\n\n  min-height:53px;\n\n  padding:\n    0 24px;\n\n  border-radius:999px;\n\n  display:inline-flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:10px;\n\n  font-size:11px;\n\n  font-weight:700;\n\n  text-decoration:none !important;\n\n  transition:\n    transform .3s ease,\n    background .3s ease,\n    box-shadow .3s ease,\n    border-color .3s ease;\n}\n\n\n.dmp7-primary {\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:var(--gold);\n\n  border:\n    1px solid var(--gold);\n\n  color:#fff !important;\n\n  box-shadow:\n    0 15px 35px\n    rgba(0,0,0,.18);\n}\n\n\n\u002F* shine *\u002F\n\n.dmp7-primary::before {\n\n  content:\"\";\n\n  position:absolute;
14561\n\n  width:65px;\n  height:160%;\n\n  top:-30%;\n  left:-100px;\n\n  transform:\n    rotate(20deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.32),\n      transparent\n    );\n\n  transition:\n    left .65s ease;\n}\n\n\n.dmp7-primary:hover {\n\n  transform:\n    translateY(-3px);\n\n  background:var(--gold2);\n\n  border-color:var(--gold2);\n\n  box-shadow:\n    0 20px 45px\n    rgba(0,0,0,.23);\n}\n\n\n.dmp7-primary:hover::before {\n\n  left:120%;\n}\n\n\n.dmp7-secondary {\n\n  background:\n    rgba(255,255,255,.025);\n\n  border:\n    1px solid\n    rgba(255,255,255,.16);\n\n  color:\n    rgba(255,255,255,.82)\n    !important;\n}\n\n\n.dmp7-secondary:hover {\n\n  transform:\n    translateY(-3px);\n\n  background:\n    rgba(255,255,255,.08);\n\n  border-color:\n    rgba(255,255,255,.25);\n\n  color:#fff !important;\n}\n\n\n\u002F* =================================\n   TRUST\n================================= *\u002F\n\n.dmp7-trust {\n\n  max-width:700px;\n\n  margin:\n    25px auto 0;\n\n  display:flex;\n\n  justify-content:center;\n\n  flex-wrap:wrap;\n\n  gap:\n    9px 18px;\n}\n\n\n.dmp7-trust-item {\n\n  display:flex;\n\n  align-items:center;\n\n  gap:6px;\n\n  color:\n    rgba(255,255,255,.43);\n\n  font-size:8.5px;\n\n  font-weight:600;\n}\n\n\n.dmp7-check {\n\n  width:16px;\n  height:16px;\n\n  border-radius:50%;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  background:\n    rgba(217,163,111,.11);\n\n  color:var(--gold2);\n\n  font-size:7px;\n}\n\n\n\u002F* =================================\n   DISCLAIMER\n================================= *\u002F\n\n.dmp7-note {\n\n  max-width:720px;\n\n  margin:\n    30px auto 0;\n\n  padding-top:20px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.08);\n\n  color:\n    rgba(255,255,255,.36);\n\n  font-size:8.5px;\n\n  line-height:1.6;\n}\n\n\n\u002F* =================================\n   REVEAL\n================================= *\u002F\n\n.dmp7-reveal {\n\n  opacity:0;\n\n  transform:\n    translateY(28px);\n\n  transition:\n    opacity .8s ease,\n    transform .8s\n    cubic-bezier(.2,.7,.3,1);\n}\n\n\n.dmp7-reveal.dmp7-visible {\n\n  opacity:1;\n\n  transform:\n    translateY(0);\n}
14561\n\n\n.dmp7-delay1 {\n  transition-delay:.08s;\n}\n\n.dmp7-delay2 {\n  transition-delay:.18s;\n}\n\n.dmp7-delay3 {\n  transition-delay:.28s;\n}\n\n\n\u002F* =================================\n   MOBILE\n================================= *\u002F\n\n@media(max-width:700px) {\n\n  .dmp7 {\n\n    padding:70px 0;\n  }\n\n\n  .dmp7-container {\n\n    width:\n      calc(100% - 24px);\n  }\n\n\n  .dmp7-card {\n\n    padding:\n      45px 23px;\n\n    border-radius:24px;\n  }\n\n\n  .dmp7-title {\n\n    font-size:43px;\n  }\n\n\n  .dmp7-text {\n\n    font-size:12.5px;\n  }\n\n\n  .dmp7-steps {\n\n    grid-template-columns:1fr;\n\n    gap:8px;\n  }\n\n\n  .dmp7-step {\n\n    display:grid;\n\n    grid-template-columns:\n      30px 1fr;\n\n    align-items:center;\n\n    gap:9px;\n\n    text-align:left;\n  }\n\n\n  .dmp7-step-number {\n\n    margin:0;\n  }\n\n\n  .dmp7-actions {\n\n    display:grid;\n\n    grid-template-columns:1fr;\n  }\n\n\n  .dmp7-btn {\n\n    width:100%;\n  }\n\n\n  .dmp7-trust {\n\n    display:grid;\n\n    gap:8px;\n\n    text-align:left;\n  }\n\n\n  .dmp7-ring {\n\n    width:280px;\n    height:280px;\n\n    right:-190px;\n  }\n\n}\n\n\n\u002F* GHL BUILDER *\u002F\n\n@container(max-width:700px) {\n\n  .dmp7-container {\n\n    width:\n      calc(100% - 24px);\n  }\n\n\n  .dmp7-card {\n\n    padding:\n      45px 23px;\n  }\n\n\n  .dmp7-steps {\n\n    grid-template-columns:1fr;\n  }\n\n\n  .dmp7-actions {\n\n    display:grid;\n\n    grid-template-columns:1fr;\n  }\n\n\n  .dmp7-btn {\n\n    width:100%;\n  }\n\n}\n\n\n\u002F* ACCESSIBILITY *\u002F\n\n@media(prefers-reduced-motion:reduce) {\n\n  .dmp7-reveal {\n\n    opacity:1;\n\n    transform:none;\n\n    transition:none;\n  }\n\n\n  .dmp7::before,\n  .dmp7-ring {\n\n    animation:none;\n  }\n\n\n  .dmp7-primary::before {\n\n    display:none;\n  }\n\n}\n\n\u003C\u002Fstyle>\n\n\n\u003Csection\n  class=\"dmp7\"\n  id=\"dmp7Section\"\n>\n\n  \u003Cdiv class=\"dmp7-container\">\n\n\n    \u003Cdiv\n      class=\"\n        dmp7-card\n        dmp7-reveal\n      \"\n    >\n\n      \u003Cdiv class=\"dmp7-ring\">\u003C\u002Fdiv>\n\n\n      \u003Cdiv class=\"dmp7-content\">\n\n\n        \u003C!-- EYEBROW -->\n\n        \u003Cdiv\n          class=\"\n            dmp7-reveal\n            dmp7-delay1\n          \"\n        >\n\n          \u003Cdiv class=\"dmp7-eyebrow\">\n            Votre prochaine étape\n          \u003C\u002Fdiv>\n\n\n          \u003Ch2 class=\"dmp7-title\">\n\n            Vous n’avez pas besoin\n            d’avoir toutes les réponses\n\n            \u003Cspan>\n              pour commencer.\n            \u003C\u002Fspan>\n\n          \u003C\u002Fh2>\n\n\n          \u003Cp class=\"dmp7-text\">\n\n            Si vous souhaitez savoir\n            quelle démarche pourrait être\n            la plus adaptée à votre situation,\n            commencez simplement par nous\n            expliquer ce que vous vivez\n            et les questions auxquelles\n            vous cherchez aujourd’hui\n            une réponse plus claire.\n\n          \u003C\u002Fp>\n\n        \u003C\u002Fdiv>\n\n\n        \u003C!-- STEPS -->\n\n        \u003Cdiv\n          class=\"\n            dmp7-steps\n            dmp7-reveal\n            dmp7-delay2\n          \"\n        >\n\n          \u003Cdiv class=\"dmp7-step\">\n\n            \u003Cdiv class=\"dmp7-step-number\">\n              01\n            \u003C\u002Fdiv>\n\n            \u003Cdiv class=\"dmp7-step-text\">\n              Présentez votre situation\n            \u003C\u002Fdiv>\n\n          \u003C\u002Fdiv>\n\n\n          \u003Cdiv class=\"dmp7-step\">\n\n            \u003Cdiv class=\"dmp7-step-number\">\n              02\n            \u003C\u002Fdiv>\n\n            \u003Cdiv class=\"dmp7-step-text\">\n              Obtenez davantage de repères\n            \u003C\u002Fdiv>\n\n          \u003C\u002Fdiv>\n\n\n          \u003Cdiv class=\"dmp7-step\">\n\n            \u003Cdiv class=\"dmp7-step-number\">\n              03\n            \u003C\u002Fdiv>\n\n            \u003Cdiv class=\"dmp7-step-text\">\n              Identifiez votre prochaine étape\n            \u003C\u002Fdiv>\n\n          \u003C\u002Fdiv>\n\n        \u003C\u002Fdiv>\n\n\n        \u003C!-- ACTIONS -->\n\n        \u003Cdiv\n          class=\"\n            dmp7-actions\n            dmp7-reveal\n            dmp7-delay3\n          \"\n        >\n\n          \u003Ca\n            href=\"\u002Fconsultation-orientation#reservation\"\n            class=\"\n              dmp7-btn\n              dmp7-primary\n            \"\n          >\n\n            Commencer ma démarche\n\n            \u003Cspan>→\u003C\u002Fspan>\n\n          \u003C\u002Fa>\n\n\n          \u003Ca\n            href=\"\u002Fapproche\"\n            class=\"\n              dmp7-btn\n              dmp7-secondary\n            \"\n          >\n\n            Découvrir l’approche\n\n          \u003C\u002Fa>\n\n        \u003C\u002Fdiv>\n\n\n        \u003C!-- TRUST -->\n\n        \u003Cdiv\n          class=\"\n            dmp7-trust\n            dmp7-reveal\n          \"\n        >\n\n          \u003Cdiv class=\"dmp7-trust-item\">\n\n            \u003Cspan class=\"dmp7-check\">\n              ✓\n            \u003C\u002Fspan>
14561\n\n            Une première étape claire\n\n          \u003C\u002Fdiv>\n\n\n          \u003Cdiv class=\"dmp7-trust-item\">\n\n            \u003Cspan class=\"dmp7-check\">\n              ✓\n            \u003C\u002Fspan>\n\n            Pas de solution imposée à l’avance\n\n          \u003C\u002Fdiv>\n\n\n          \u003Cdiv class=\"dmp7-trust-item\">\n\n            \u003Cspan class=\"dmp7-check\">\n              ✓\n            \u003C\u002Fspan>\n\n            Une orientation selon votre besoin\n\n          \u003C\u002Fdiv>\n\n        \u003C\u002Fdiv>\n\n\n        \u003C!-- NOTE -->\n\n        \u003Cdiv\n          class=\"\n            dmp7-note\n            dmp7-reveal\n          \"\n        >\n\n          L’accompagnement spirituel proposé\n          ne remplace pas une consultation,\n          un diagnostic ou un suivi médical\n          ou psychologique lorsqu’ils sont nécessaires.\n\n        \u003C\u002Fdiv>\n\n\n      \u003C\u002Fdiv>\n\n\n    \u003C\u002Fdiv>\n\n\n  \u003C\u002Fdiv>\n\n\u003C\u002Fsection>\n\n\n\u003Cscript>\n\n(function(){\n\n  function initDMP7(){\n\n    const section =\n      document.getElementById(\n        \"dmp7Section\"\n      );\n\n    if(!section) return;\n\n\n    if(\n      section.dataset.ready === \"1\"\n    ){\n      return;\n    }\n\n\n    section.dataset.ready=\"1\";\n\n\n    const elements =\n      section.querySelectorAll(\n        \".dmp7-reveal\"\n      );\n\n\n    if(\n      \"IntersectionObserver\"\n      in window\n    ){\n\n      const observer =\n        new IntersectionObserver(\n\n          function(entries){\n\n            entries.forEach(\n              function(entry){\n\n                if(\n                  entry.isIntersecting\n                ){\n\n                  entry.target\n                    .classList\n                    .add(\n                      \"dmp7-visible\"\n                    );\n\n\n                  observer\n                    .unobserve(\n                      entry.target\n                    );\n\n                }\n\n              }\n            );\n\n          },\n\n          {\n            threshold:.12,\n\n            rootMargin:\n              \"0px 0px -20px 0px\"\n          }\n\n        );\n\n\n      elements.forEach(\n        function(el){\n\n          observer.observe(el);\n\n        }\n      );\n\n    }\n\n    else{\n\n      elements.forEach(\n        function(el){\n\n          el.classList.add(\n            \"dmp7-visible\"\n          );\n\n        }\n      );\n\n    }\n\n  }\n\n\n  if(\n    document.readyState ===\n    \"loading\"\n  ){\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initDMP7\n    );\n\n  }\n\n  else{\n\n    initDMP7();\n\n  }\n\n\n  document.addEventListener(\n    \"hydrationDone\",\n    initDMP7\n  );\n\n})();\n\n\u003C\u002Fscript>",{"value":746},[],"ccustom-code-Pecpx06PpF",{},{"id":17,"type":19,"child":750,"class":752,"styles":760,"extra":762,"meta":19,"tagName":56,"title":773,"tabletStyles":774,"tabletWrapper":775,"classStr":24,"_id":17,"prebuiltSectionTemplate":776},[751],"row-9lv0FjQbx4",{"width":753,"entranceAnimation":754,"animationScale":755,"animationDuration":756,"animationDelay":757,"animationEasing":758,"disableAnimationsOnMobile":759},{"value":24},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"borderWidth":761},{"value":38},{"sticky":763,"visibility":764,"bgImage":766,"allowRowMaxWidth":768,"customClass":769,"elementScreenshot":771},{"value":41},{"value":765},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":767},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":35},{"value":770},[],{"value":772},[],"golbal dm-13 — footer",{},{},{"_id":777,"name":773,"prebuiltSectionTemplateType":62,"deleted":44},"6a82205686a1e154ca6d12be",{"id":751,"type":64,"child":779,"class":781,"styles":789,"extra":791,"tagName":88,"meta":64,"tabletStyles":799,"tabletWrapper":800,"title":91,"classStr":69},[780],"col-sOGCtOJgGX",{"alignRow":782,"entranceAnimation":783,"animationScale":784,"animationDuration":785,"animationDelay":786,"animationEasing":787,"disableAnimationsOnMobile":788},{"value":69},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"borderWidth":790},{"value":38},{"visibility":792,"bgImage":794,"rowWidth":796,"customClass":797},{"value":793},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":795},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":84,"unit":85},{"value":798},[],{},{},{"id":780,"type":93,"child":802,"class":804,"styles":812,"extra":814,"tagName":122,"meta":93,"tabletStyles":826,"tabletWrapper":827,"title":125,"noOfColumns":28},[803],"custom-code-XgObksslhG",{"entranceAnimation":805,"animationScale":806,"animationDuration":807,"animationDelay":808,"animationEasing":809,"disableAnimationsOnMobile":810,"nestedColumn":811},{"value":26},{"value":28},{"value":28},{"value":31},{"value":33},{"value":35},{"value":48},{"borderWidth":813},{"value":38},{"visibility":815,"bgImage":817,"columnLayout":819,"justifyContentColumnLayout":820,"alignContentColumnLayout":821,"forceColumnLayoutForMobile":822,"customClass":823,"elementVersion":825},{"value":816},{"hideDesktop":44,"hideTablet":44,"hideMobile":44},{"value":818},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":112},{"value":114},{"value":116},{"value":35},{"value":824},[],{"value":121},{},{},{"extra":829,"id":803,"meta":136,"tagName":137,"class":838},{"visibility":830,"customCode":832,"customClass":835,"nodeId":837},{"value":831},{"hideMobile":48,"hideDesktop":48,"hideTablet":44},{"value":833},{"rawCustomCode":834},"\u003C!-- =========================================================\n     DR MAHER — DM-13 GLOBAL FOOTER V4\n     FINAL NAV + LEGAL LINKS + MOBILE\n========================================================= -->\n\n\u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Ffonts.googleapis.com\">\n\u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Ffonts.gstatic.
14561com\" crossorigin>\n\u003Clink\n  href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap\"\n  rel=\"stylesheet\"\n>\n\n\u003Cstyle>\n\n.dm13,\n.dm13 *{\n  box-sizing:border-box;\n}\n\n.dm13{\n  --dark:#1C0E08;\n  --dark2:#28150D;\n  --brown:#482615;\n  --gold:#B97B45;\n  --gold2:#D9A36F;\n  --cream:#FAF7F2;\n\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n\n  position:relative;\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 8% 5%,\n      rgba(185,123,69,.12),\n      transparent 24%\n    ),\n    linear-gradient(\n      145deg,\n      #160B07,\n      #28150D\n    );\n\n  color:#fff;\n\n  font-family:\"Manrope\",Arial,sans-serif;\n}\n\n\n\u002F* DECORATION *\u002F\n\n.dm13::before{\n  content:\"\";\n\n  position:absolute;\n\n  width:420px;\n  height:420px;\n\n  right:-220px;\n  top:-220px;\n\n  border-radius:50%;\n\n  border:\n    1px solid rgba(217,163,111,.07);\n\n  pointer-events:none;\n}\n\n.dm13::after{\n  content:\"\";\n\n  position:absolute;\n\n  width:250px;\n  height:250px;\n\n  right:-120px;\n  top:-120px;\n\n  border-radius:50%;\n\n  border:\n    1px solid rgba(217,163,111,.08);\n\n  pointer-events:none;\n}\n\n\n\n\u002F* =====================================================\n   MAIN\n===================================================== *\u002F\n\n.dm13-main{\n  position:relative;\n  z-index:2;\n\n  width:min(\n    calc(100% - 40px),\n    1180px\n  );\n\n  margin:0 auto;\n\n  padding:\n    75px 0 55px;\n\n  display:grid;\n\n  grid-template-columns:\n    1.35fr .8fr .9fr .9fr;\n\n  gap:55px;\n}\n\n\n\n\u002F* =====================================================\n   BRAND\n===================================================== *\u002F\n\n.dm13-brand{\n  max-width:340px;\n}\n\n.dm13-logo-link{\n  display:inline-flex;\n\n  text-decoration:none!important;\n}\n\n.dm13-logo{\n  display:block;\n\n  width:145px;\n  height:auto;\n\n  filter:\n    brightness(0)\n    invert(1);\n\n  opacity:.94;\n}\n\n.dm13-brand-text{\n  max-width:320px;\n\n  margin-top:23px;\n\n  color:\n    rgba(255,255,255,.57);\n\n  font-size:10px;\n\n  line-height:1.8;\n}\n\n.dm13-brand-text strong{\n  color:#fff;\n\n  font-weight:700;\n}\n\n\n\u002F* CTA *\u002F\n\n.dm13-cta{\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:9px;\n\n  min-height:45px;\n\n  margin-top:25px;\n\n  padding:0 18px;\n\n  border-radius:999px;\n\n  background:var(--gold);\n\n  color:#fff!important;\n\n  text-decoration:none!important;\n\n  font-size:9px;\n\n  font-weight:750;\n\n  transition:\n    transform .3s ease,\n    background .3s ease;\n}\n\n.dm13-cta:hover{\n  transform:translateY(-2px);\n\n  background:var(--gold2);\n}\n\n\n\n\u002F* =====================================================\n   COLUMNS\n===================================================== *\u002F\n\n.dm13-col-title{\n  margin-bottom:19px;\n\n  color:var(--gold2);\n\n  font-size:7px;\n\n  font-weight:800;\n\n  letter-spacing:.16em;\n\n  text-transform:uppercase;\n}\n\n.dm13-links{\n  display:flex;\n\n  flex-direction:column;\n\n  align-items:flex-start;\n\n  gap:11px;\n}\n\n.dm13-link{\n  position:relative;\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:7px;\n\n  color:\n    rgba(255,255,255,.68)!important;\n\n  text-decoration:none!important;\n\n  font-size:9px;\n\n  font-weight:550;\n\n  line-height:1.45;\n\n  transition:\n    color .25s ease,\n    transform .25s ease;\n}\n\n.dm13-link::before{\n  content:\"\";\n\n  width:0;\n  height:1px;\n\n  background:var(--gold);\n\n  transition:width .25s ease;\n}\n\n.dm13-link:hover{\n  color:#fff!important;\n\n  transform:translateX(3px);\n}\n\n.dm13-link:hover::before{\n  width:11px;\n}\n\n\n\n\u002F* =====================================================\n   CONTACT\n===================================================== *\u002F\n\n.dm13-contact{\n  margin-top:23px;\n\n  padding-top:20px;\n\n  border-top:\n    1px solid rgba(255,255,255,.08);\n}\n\n.dm13-contact-label{\n  color:\n    rgba(255,255,255,.38);\n\n  font-size:6.5px;\n\n  font-weight:700;\n\n  letter-spacing:.12em;\n\n  text-transform:uppercase;\n}\n\n.dm13-email{\n  display:inline-block;\n\n  margin-top:6px;\n\n  color:var(--gold2)!important;\n\n  text-decoration:none!important;\n\n  font-size:9px;\n\n  font-weight:700;\n}\n\n\n\n\u002F* =====================================================\n   BOTTOM\n===================================================== *\u002F\n\n.dm13-bottom{\n  position:relative;\n  z-index:2;\n\n  width:min(\n    calc(100% - 40px),\n    1180px\n  );\n\n  margin:0 auto;\n\n  padding:\n    20px 0 24px;\n\n  border-top:\n    1px solid rgba(255,255,255,.08);\n\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.dm13-copy{\n  color:\n    rgba(255,255,255,.38);\n\n  font-size:7.5px;\n\n  line-height:1.5;\n}\n\n.dm13-bottom-links{\n  display:flex;\n\n  align-items:center;\n\n  flex-wrap:wrap;\n\n  gap:\n    7px 15px;\n}\n\n.dm13-bottom-link{\n  color:\n    rgba(255,255,255,.43)!important;\n\n  text-decoration:none!important;
14561\n\n  font-size:7px;\n\n  transition:color .25s ease;\n}\n\n.dm13-bottom-link:hover{\n  color:var(--gold2)!important;\n}\n\n\n\n\u002F* =====================================================\n   DISCLAIMER\n===================================================== *\u002F\n\n.dm13-disclaimer{\n  position:relative;\n  z-index:2;\n\n  width:min(\n    calc(100% - 40px),\n    1180px\n  );\n\n  margin:0 auto;\n\n  padding:\n    18px 20px;\n\n  border-top:\n    1px solid rgba(255,255,255,.07);\n\n  text-align:center;\n\n  color:\n    rgba(255,255,255,.34);\n\n  font-size:6.8px;\n\n  line-height:1.7;\n}\n\n.dm13-disclaimer a{\n  color:\n    rgba(217,163,111,.70)!important;\n\n  text-decoration:none!important;\n}\n\n\n\n\u002F* =====================================================\n   TABLET\n===================================================== *\u002F\n\n@media(max-width:950px){\n\n  .dm13-main{\n    grid-template-columns:\n      1.4fr 1fr;\n\n    gap:\n      45px 55px;\n  }\n\n}\n\n\n\n\u002F* =====================================================\n   MOBILE\n===================================================== *\u002F\n\n@media(max-width:620px){\n\n  .dm13-main{\n    width:100%;\n\n    padding:\n      55px 20px 38px;\n\n    grid-template-columns:1fr;\n\n    gap:35px;\n  }\n\n  .dm13-brand{\n    max-width:100%;\n  }\n\n  .dm13-logo{\n    width:130px;\n  }\n\n  .dm13-brand-text{\n    max-width:100%;\n\n    font-size:9.5px;\n  }\n\n  .dm13-cta{\n    width:100%;\n\n    min-height:49px;\n\n    margin-top:21px;\n  }\n\n  .dm13-col-title{\n    margin-bottom:15px;\n  }\n\n  .dm13-links{\n    gap:13px;\n  }\n\n  .dm13-link{\n    font-size:9.5px;\n  }\n\n  .dm13-bottom{\n    width:100%;\n\n    padding:\n      20px;\n\n    flex-direction:column;\n\n    align-items:flex-start;\n\n    gap:15px;\n  }\n\n  .dm13-bottom-links{\n    gap:\n      9px 14px;\n  }\n\n  .dm13-disclaimer{\n    width:100%;\n\n    padding:\n      17px 20px 23px;\n\n    text-align:left;\n  }\n\n}\n\n\u003C\u002Fstyle>\n\n\n\n\u003Cfooter class=\"dm13\">\n\n\n  \u003C!-- ===================================================\n       MAIN\n  ==================================================== -->\n\n  \u003Cdiv class=\"dm13-main\">\n\n\n    \u003C!-- BRAND -->\n\n    \u003Cdiv class=\"dm13-brand\">\n\n      \u003Ca\n        href=\"\u002F\"\n        class=\"dm13-logo-link\"\n        aria-label=\"Dr Maher Jalal — Accueil\"\n      >\n\n        \u003Cimg\n          src=\"https:\u002F\u002Fassets.cdn.filesafe.space\u002F2WEaZWamD6KwM7dlA587\u002Fmedia\u002F6a7f0480a6a03cda06594294.png\"\n          alt=\"Dr Maher Jalal\"\n          class=\"dm13-logo\"\n        >\n\n      \u003C\u002Fa>\n\n\n      \u003Cdiv class=\"dm13-brand-text\">\n\n        \u003Cstrong>\n          Cabinet Maher\n        \u003C\u002Fstrong>\n\n        propose un cadre d’écoute,\n        d’orientation et d’accompagnement\n        permettant à chacun d’avancer\n        avec davantage de clarté.\n\n      \u003C\u002Fdiv>\n\n\n      \u003Ca\n        href=\"\u002Fconsultation-orientation\"\n        class=\"dm13-cta\"\n      >\n\n        Commencer ma démarche\n\n        \u003Cspan>→\u003C\u002Fspan>\n\n      \u003C\u002Fa>\n\n\n      \u003Cdiv class=\"dm13-contact\">\n\n        \u003Cdiv class=\"dm13-contact-label\">\n          Contact\n        \u003C\u002Fdiv>\n\n        \u003Ca\n          href=\"mailto:[email protected]\"\n          class=\"dm13-email\"\n        >\n          [email protected]\n        \u003C\u002Fa>\n\n      \u003C\u002Fdiv>\n\n    \u003C\u002Fdiv>\n\n\n\n    \u003C!-- NAVIGATION -->\n\n    \u003Cdiv>\n\n      \u003Cdiv class=\"dm13-col-title\">\n        Navigation\n      \u003C\u002Fdiv>\n\n      \u003Cnav class=\"dm13-links\">\n\n        \u003Ca\n          href=\"\u002F\"\n          class=\"dm13-link\"\n        >\n          Accueil\n        \u003C\u002Fa>\n\n        \u003Ca\n          href=\"\u002Fdr-maher\"\n          class=\"dm13-link\"\n        >\n          Dr Maher\n        \u003C\u002Fa>\n\n        \u003Ca\n          href=\"\u002Fapproche\"\n          class=\"dm13-link\"\n        >\n          Notre approche\n        \u003C\u002Fa>\n\n        \u003Ca\n          href=\"\u002Fressources\"\n          class=\"dm13-link\"\n        >\n          Ressources\n        \u003C\u002Fa>\n\n        \u003Ca\n          href=\"\u002Fboutique\"\n          class=\"dm13-link\"\n        >\n          Boutique\n        \u003C\u002Fa>\n\n        \u003Ca\n          href=\"\u002Fcontact\"\n          class=\"dm13-link\"\n        >\n          Contact\n        \u003C\u002Fa>\n\n      \u003C\u002Fnav>\n\n    \u003C\u002Fdiv>\n\n\n\n    \u003C!-- ACCOMPAGNEMENTS -->\n\n    \u003Cdiv>\n\n      \u003Cdiv class=\"dm13-col-title\">\n        Accompagnements\n      \u003C\u002Fdiv>\n\n      \u003Cnav class=\"dm13-links\">\n\n        \u003Ca\n          href=\"\u002Fconsultation-orientation\"\n          class=\"dm13-link\"\n        >\n          Consultation & orientation\n        \u003C\u002Fa>\n\n        \u003Ca\n          href=\"\u002Froqya\"\n          class=\"dm13-link\"\n        >\n          Roqya\n        \u003C\u002Fa>\n\n        \u003Ca\n          href=\"\u002Fpsychologie-couple\"\n          class=\"dm13-link\"\n        >\n          Psychologie & couple\n        \u003C\u002Fa>\n\n        \u003Ca\n          href=\"\u002Fcoaching\"\n          class=\"dm13-link\"\n        >\n          Coaching\n        \u003C\u002Fa>\n\n        \u003Ca\n          href=\"\u002Faccompagnements\"\n          class=\"dm13-link\"\n        >\n          Tous les accompagnements\n        \u003C\u002Fa>\n\n      \u003C\u002Fnav>\n\n    \u003C\u002Fdiv>\n\n\n\n    \u003C!-- PROGRAMMES -->\n\n    \u003Cdiv>\n\n      \u003Cdiv class=\"dm13-col-title\">\n        Programmes\n      \u003C\u002Fdiv>\n\n      \u003Cnav class=\"dm13-links\">\n\n        \u003Ca\n          href=\"\u002Fprogrammes\"\n          class=\"dm13-link\"\n        >\n          Programmes de suivi\n        \u003C\u002Fa>\n\n        \u003Ca\n          href=\"\u002Fformations\"\n          class=\"dm13-link\"\n        >\n          Formations\n        \u003C\u002Fa>\n\n        \u003Ca\n          href=\"\u002Fchallenges\"\n          class=\"dm13-link\"\n        >\n          Challenges\n        \u003C\u002Fa>\n\n        \u003Ca\n          href=\"\u002Flives\"\n          class=\"dm13-link\"\n        >\n          Lives & événements\n        \u003C\u002Fa>\n\n      \u003C\u002Fnav>\n\n    \u003C\u002Fdiv>\n\n\n  \u003C\u002Fdiv>\n\n\n\n  \u003C!-- ===================================================\n       BOTTOM + LEGAL\n  ==================================================== -->\n\n  \u003Cdiv class=\"dm13-bottom\">\n\n\n    \u003Cdiv class=\"dm13-copy\">\n\n      © \u003Cspan id=\"dm13Year\">\u003C\u002Fspan>\n      Cabinet Maher.\n      Tous droits réservés.\n\n    \u003C\u002Fdiv>\n\n\n    \u003Cnav\n      class=\"dm13-bottom-links\"\n      aria-label=\"Liens légaux\"\n    >\n\n      \u003Ca\n        href=\"\u002Fmentions-legales\"\n        class=\"dm13-bottom-link\"\n      >\n        Mentions légales\n      \u003C\u002Fa>\n\n      \u003Ca\n        href=\"\u002Fpolitique-de-confidentialite\"\n        class=\"dm13-bottom-link\"\n      >\n        Confidentialité\n      \u003C\u002Fa>
14561\n\n      \u003Ca\n        href=\"\u002Fpolitique-de-cookies\"\n        class=\"dm13-bottom-link\"\n      >\n        Cookies\n      \u003C\u002Fa>\n\n      \u003Ca\n        href=\"\u002Fconditions-generales-de-vente\"\n        class=\"dm13-bottom-link\"\n      >\n        CGV\n      \u003C\u002Fa>\n\n      \u003Ca\n        href=\"\u002Favertissement\"\n        class=\"dm13-bottom-link\"\n      >\n        Avertissement\n      \u003C\u002Fa>\n\n    \u003C\u002Fnav>\n\n\n  \u003C\u002Fdiv>\n\n\n\n  \u003C!-- DISCLAIMER -->\n\n  \u003Cdiv class=\"dm13-disclaimer\">\n\n    Les informations et accompagnements proposés\n    sur ce site ne remplacent pas,\n    lorsque cela est nécessaire,\n    un diagnostic ou une prise en charge\n    par un professionnel de santé qualifié.\n\n    \u003Ca href=\"\u002Favertissement\">\n      En savoir plus →\n    \u003C\u002Fa>\n\n  \u003C\u002Fdiv>\n\n\n\u003C\u002Ffooter>\n\n\n\n\u003Cscript>\n\n(function(){\n\n  const year =\n    document.getElementById(\n      \"dm13Year\"\n    );\n\n  if(year){\n\n    year.textContent =\n      new Date().getFullYear();\n\n  }\n\n})();\n\n\u003C\u002Fscript>\n\u003Cscript src=\"https:\u002F\u002Fwidgets.leadconnectorhq.com\u002Floader.js\" data-resources-url=\"https:\u002F\u002Fwidgets.leadconnectorhq.com\u002Fchat-widget\u002Floader.js\" data-widget-id=\"6aa333a20f61f7f7c36c6ca4\">\u003C\u002Fscript>",{"value":836},[],"ccustom-code-XgObksslhG",{},[],[],{"title":48,"description":48,"author":48,"imageUrl":48,"isPreviewUrl":44},"cabinetmaher.com","\u002Fdr-maher","IjiuoZYz2alahCy03KwX","Dr Maher","2WEaZWamD6KwM7dlA587",[848],{"id":849,"elements":850,"activeElementId":849},"hl_main_popup-jWrqgAHo1e",[851],{"extra":852,"class":868,"styles":869,"customCss":872,"id":849,"child":873,"meta":874,"title":875,"tag":48},{"bgImage":853,"overlayColor":855,"left":857,"popupDisabled":859,"popupHide":860,"minWidth":861,"showPopupOnMouseOut":863,"customClass":865,"position":867},{"value":854},{"mediaType":47,"url":48,"opacity":49,"options":50,"svgCode":48,"videoUrl":48,"videoThumbnail":48,"videoLoop":35},{"value":856},"var(--overlay)",{"value":858,"unit":85},50,{"value":44},{"value":44},{"value":862},"medium-page",{"value":864,"delay":28},"exit",{"value":866},[],{"value":114},{},{"borderWidth":870},{"value":871},"10px",[],[],"hl_main_popup","Popup","https:\u002F\u002Fassets.cdn.filesafe.space\u002F2WEaZWamD6KwM7dlA587\u002Fmedia\u002F6a858bc8cf3baae49e4596a7.jpeg","\u003Cscript \n  src=\"https:\u002F\u002Fcall.cabinetmaher.com\u002Fjs\u002Fexternal-tracking.js\"\n  data-tracking-id=\"tk_0061d75a542d423ba88397df7e6007da\">\n\u003C\u002Fscript>","iepsbhGFornYmBGWu8Sa","Cabinet Dr Maher","8af31951-939c-464c-b1c0-17b4430771df",[],{"@context":883,"@graph":884},"https:\u002F\u002Fschema.org",[885,906,908,909,910,911,912,913,914,915],{"@type":886,"mainEntity":887},"WebPage",[888,890,892,894,896,898,900,902,904],{"@id":889},"#section-SjvbjSWuH2",{"@id":891},"#section-iVNYuHl6rj",{"@id":893},"#section-TH2CIhE_DL",{"@id":895},"#section-pRGakx7Czt",{"@id":897},"#section-9eP2fvPGvj",{"@id":899},"#section-RvaHhfISTm",{"@id":901},"#section-UG-WHYa8SN",{"@id":903},"#section-tvK7sI6mtA",{"@id":905},"#section-njTwEiaoPe",{"@type":907,"@id":889,"name":9},"WebPageElement",{"@type":907,"@id":891,"name":10},{"@type":907,"@id":893,"name":11},{"@type":907,"@id":895,"name":12},{"@type":907,"@id":897,"name":13},{"@type":907,"@id":899,"name":14},{"@type":907,"@id":901,"name":15},{"@type":907,"@id":903,"name":16},{"@type":907,"@id":905,"name":17},["Reactive",917],{"$snuxt-i18n-meta":918,"$spreviewState":919,"$smetaPixelOptions":1128},{},{"defaultSettings":920,"mobileDevice":44,"tabletDevice":44,"funnelId":878,"funnelDomain":842,"stepId":880,"locationId":846,"funnelPageId":844,"locationCode":1004,"funnelNextStep":1005,"fingerprint":48,"funnelNextPageId":1006,"stripePublishableKey":1007,"enablePaymentElement":44,"merchantLoginId":48,"paypalPublishableKey":48,"merchantAccountId":-1,"stripeAccountId":1008,"isLivePaymentMode":35,"version":1009,"funnelSteps":1010,"cartItems":1106,"funnelName":879,"orderFormVersion":121,"currency":1107,"businessCurrency":1107,"blogSlug":48,"domain":842,"pageUrl":843,"pageName":845,"pageSeo":1108,"affiliateId":-1,"videoExists
14561InPage":44,"pageType":1109,"contactId":-1,"email":-1,"phone":48,"categoryId":48,"blogSearchTerm":48,"categoryUrlSlug":48,"authorSlug":48,"tagSlug":48,"authorId":48,"defaultPaymentProvider":48,"productCollections":1110,"ecomSelectedCollection":48,"imageOptimizationEnabled":35,"nmiMerchantGatewayId":48,"squareMerchantGatewayId":48,"mercadoPagoUserId":48,"fontsToLoad":1111,"ecomProductId":48,"isGdprCompliant":44,"isOptimisePageLoad":35,"ecommercePage":28,"isBlogActive":44,"blogData":1112,"blogPaths":-1,"blogId":878,"allowedCookies":1113,"paymentProviderDetails":-1,"events":1114,"searchTerm":48,"countryList":1115,"pixelToInit":881,"formAction":48,"ecomProduct":1116,"requireCreditCard":44,"haveBlogWidget":44,"isFacebookIAB":44,"companyId":1117,"customerLoginToken":48,"savedAddresses":1118,"savedAddressesLoaded":44,"savedAddressesFailed":44,"cookieConsentList":1119,"cookieConsentExpiry":1120,"hostCookieConsentData":26,"isHostCookieConsentExpected":44,"mediaFormats":1121,"adyenMerchantGatewayId":48,"webinarProperties":26,"webinarSession":26,"userWebinarSession":26,"turnstileToken":48,"turnstileType":1123,"turnstileSiteKeys":1124,"upsellInFlight":44,"mobileVisibilityDelays":1127,"productDetailPageStyles":26,"geoCountry":26,"isCurrencyFormattingEnabled":44},{"typography":921,"background":942,"percentWidth":947,"offsetColor":981,"progressBarSize":994},{"fonts":922,"colors":933},{"headlineFont":923,"contentFont":929},{"id":924,"text":925,"value":926},"headlinefont","Police du titre",{"text":927,"value":928},"Inter","var(--inter)",{"id":930,"text":931,"value":932},"contentfont","Police du contenu",{"text":927,"value":928},{"textColor":934,"linkColor":938},{"value":935},{"label":936,"value":937},"var(--black)","#000000",{"value":939},{"label":940,"value":941},"var(--blue)","#188bf6",{"bgImage":943,"backgroundColor":945},{"value":944},{"url":48,"options":50},{"value":946},"var(--white)",[948,951,954,957,960,963,966,969,972,975,978],{"text":949,"value":950},"0 pour cent","progress0",{"text":952,"value":953},"10 pour cent","progress10",{"text":955,"value":956},"20 pour cent","progress20",{"text":958,"value":959},"30 pour cent","progress30",{"text":961,"value":962},"40 pour cent","progress40",{"text":964,"value":965},"50 pour cent","progress50",{"text":967,"value":968},"60 pour cent","progress60",{"text":970,"value":971},"70 pour cent","progress70",{"text":973,"value":974},"80 pour cent","progress80",{"text":976,"value":977},"90 pour cent","progress90",{"text":979,"value":980},"100 pour cent","progress100",[982,985,988,991],{"text":983,"value":984},"Blanc","progressbarOffsetWhite",{"text":986,"value":987},"Blanc transparent","progressbarOffsetTransparentWhite",{"text":989,"value":990},"Noir","progressbarOffsetBlack",{"text":992,"value":993},"Noir transparent","progressbarOffsetTransparentBlack",[995,998,1001],{"text":996,"value":997},"Petit","progressbarSmall",{"text":999,"value":1000},"Moyen","progressbarMedium",{"text":1002,"value":1003},"Grand","progressbarLarge","FR","\u002Fapproche","Tp2NlFsKEHcFGcZ5LDLv","pk_live_MtxwO3obi7pfD7UZlGkfR2yj","acct_1TQRoh3DVw6bIM4Q",4,[1011,1017,1018,1022,1027,1035,1042,1049,1056,1063,1070,1076,1082,1088,1094,1100],{"url":1012,"value":1013,"type":1014,"sequence":28,"id":1015,"name":1016,"split":44},"\u002Fhome","fe5e336e-9851-4caa-9409-62e28cbba304","optin_funnel_page","spE9mZqi9oWcVpgW39Hf","Accueil",{"url":843,"value":880,"type":1014,"sequence":121,"id":844,"name":845,"split":44},{"url":1005,"value":1019,"type":1014,"sequence":1020,"id":1006,"name":1021,"split":44},"44ab93f9-6b14-4c69-84e9-c6d23823b90c",3,"Notre approche",{"url":1023,"value":1024,"type":1014,"sequence":1009,"id":1025,"name":1026,"split":44},"\u002Faccompagnements","c2b5bea1-c48b-4af2-8fd3-db068dca5848","1IhP2Mg7a5VIMONHzcet","Accompagnements",{"url":1028,"value":1029,"key":1030,"type":1031,"sequence":1032,"id":1033,"name":1034},"\u002Fprogrammes","02c00b09-12ef-4447-9a82-49e06e1126b5","programmes","page",5,"beGPVX7HlQ4AE8LiA5ve","Programmes",{"url":1036,"value":1037,"key":1038,"type":1031,"sequence":1039,"id":1040,"name":1041},"\u002Fconsultation-orientation","9fa73ccd-3e75-4fee-b24b-dcc16e7c5c6a","consultation-orientation",6,"UfUXq74tyBXjOHgpOsct","Consultation & Orientation",{"url":1043,"value":1044,"key":1045,"type":1031,"sequence":1046,"id":1047,"name":1048},"\u002Fcontact","6d5eedd2-4614-489d-847c-f2b8dac45345","contact",7,"M1F13Jlthow7fMzOaABb","Contact",{"url":1050,"value":1051,"key":1052,"type":1031,"sequence":1053,"id":1054,"name":1055},"\u002Fmentions-legales","a428e4ac-75d4-472f-80e4-643a7051cc23","mentions-legales",8,"BidPct4gymB5lix0CiCZ","Mentions légales",{"url":1057,"value":1058,"key":1059,"type":1031,"sequence":1060,"id":1061,"name":1062},"\u002Fpolitique-de-confidentialite","50f1182c-4274-49e4-b1c3-c3947891ed1c","politique-de-confidentialite",9,"OPxfgwZ4se7XkcOpE1yA","politique de confidentialite",{"url":1064,"value":1065,"key":1066,"type":1031,"sequence":1067,"id":1068,"name":1069}
14561,"\u002Fpolitique-de-cookies","58fdba76-bb25-4d0b-b400-ee441ea0b6c7","politique-de-cookies",10,"9hpEg8GUO46X0OQTZbBq","politique de cookies",{"url":1071,"value":1072,"key":1071,"type":1031,"sequence":1073,"id":1074,"name":1075},"\u002Fconditions-generales-de-vente","95da6971-635b-447c-8e26-14951cf8df86",11,"LodTzBIzxVnbRkJpzqfD","conditions generales de-vente",{"url":1077,"value":1078,"key":1079,"type":1031,"sequence":1080,"id":1081,"name":1079},"\u002Favertissement","eef9a564-d54d-4784-82a0-5c8a5490e5ee","avertissement",12,"XF2KLN2KQNpf2kcM5ZQM",{"url":1083,"value":1084,"type":1014,"sequence":1085,"id":1086,"name":1087,"split":44},"\u002Fdiagnostic","d985d48b-6133-4a8c-8378-c6ac1278b119",13,"Vy35Ned3ysSpt01qcPBy","Diagnostic",{"url":1089,"value":1090,"type":1014,"sequence":1091,"id":1092,"name":1093,"split":44},"\u002Fpreparer-ma-seance","91e78888-90f9-41f8-9cc4-088ae39fd08f",14,"8GvSJPX1J6CkM3AHFWGb","Préparer ma séance",{"url":1095,"value":1096,"type":1014,"sequence":1097,"id":1098,"name":1099,"split":44},"\u002Fdiag-suivi","726a56d2-78e8-43a1-9a4e-ff8cb1b45fb6",15,"kLqb2p2ME0qL7dmxFOhu","Diagnostic de suivi",{"url":1101,"value":1102,"type":1014,"sequence":1103,"id":1104,"name":1105},"\u002Fdiag-couple","30e6e4b0-da57-4bb9-8da6-81ca5555d373",16,"ix7p7IcV0bupBhBN0dzL","Diagnostic de couple",[],"EUR",{"title":48,"description":48,"imageUrl":48},"website",[],[],{},[],[],[],{},"JqcSvLIbubliXbMYOl2Q",[],[],["Date","2026-10-09T12:27:03.488Z"],{"formats":1122},[],"invisible",{"invisibleSiteKey":1125,"visibleSiteKey":1126},"0x4AAAAAACCpVlau-4k7cJ33","0x4AAAAAACDfuwSBQ2sYO1VD",["Map"],{"pixelID":26,"disabled":44,"track":1129,"version":1130,"isEnabled":35,"pixelLoaded":44,"manualMode":35,"userData":26,"eventsQueue":1131},"PageView","2.0",[],["Set"],["ShallowReactive",1134],{"pageData":-1}]</script>
14561<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"d56c0fb9091e40fc8f3829f8a67134fa","spa":2}' crossorigin="anonymous"></script>
14561
14562</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.