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 ⢠1187 Comprendre 1188 ⢠1189 Orienter 1190 ⢠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 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 ⢠\n Comprendre\n ⢠\n Orienter\n ⢠\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.