ESPACE PROPRIÉTAIRES

body{ background:#eeeeee !important; } h1,a[href*="comment"],[class*="comment"],[id*="comment"]{display:none!important} #presence,#presence *{box-sizing:border-box} #presence{ --anth:#2f3233; --dark:#252829; --text:#555a59; --soft:#f5f5f5; --soft2:#f8f8f8; --line:#d7d7d7; --stone:#7f8283; max-width:1080px; margin:auto; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif; color:var(--anth) } .pres-hero{ max-width:900px; margin:0 auto; padding:16px 24px 20px; text-align:center } .pres-kicker{ font-size:11px; font-weight:700; letter-spacing:1.7px; text-transform:uppercase; color:#777a78; margin-bottom:15px } .pres-title{ display:block!important; max-width:820px; margin:0 auto 16px; font-family:inherit; font-size:39px; line-height:1.14; font-weight:600; letter-spacing:-.7px; color:var(--dark) } .pres-subtitle{ max-width:760px; margin:0 auto 18px; font-size:16px; line-height:1.65; font-weight:400; color:var(--text) } .pres-zone-title{ font-size:14px; font-weight:650; margin:0 0 6px; color:var(--anth) } .pres-zone{ margin:0; font-size:13px; line-height:1.55; color:#707472 } /* CONTACT TÉLÉPHONE — version validée PRÉSENCE */ .pres-phone-wrap{ max-width:460px; margin:16px auto 0 } .pres-phone-card{ display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; padding:14px 18px 15px; border:1px solid #dddddd; border-radius:6px; background:#fff; text-align:center; text-decoration:none!important; box-shadow:0 2px 6px rgba(0,0,0,.05); cursor:pointer; transition:background .16s,box-shadow .16s,transform .16s,border-color .16s } .pres-phone-label{ display:block; margin:0 0 7px; padding:0; background:transparent; color:#f0a000; font-size:12px; line-height:1.2; font-weight:800; letter-spacing:.55px; text-transform:uppercase } .pres-phone-number{ display:block; font-size:22px; line-height:1.2; font-weight:800; letter-spacing:.3px; color:#303437 } .pres-phone-card:hover{ background:#fafafa; border-color:#d2d2d2; box-shadow:0 4px 10px rgba(0,0,0,.07); transform:translateY(-1px) } .pres-phone-card:active{ transform:translateY(0); box-shadow:0 1px 4px rgba(0,0,0,.05) } .pres-sep{ border:0; border-top:1px solid var(--line); margin:18px auto 14px; max-width:820px } .pres-method-title{ margin:0 0 11px; font-size:11px; font-weight:700; letter-spacing:1.3px; text-transform:uppercase; color:var(--stone) } .pres-method{ max-width:820px; margin:0 auto; font-size:14px; line-height:1.7; font-weight:600; color:#3e4241 } .pres-method .arr{ color:#9b9b96; padding:0 5px; font-weight:500 } .pres-proof{ max-width:820px; margin:14px auto 0; padding:14px 18px; border:1px solid var(--line); border-radius:6px; background:#f8f8f8 } .pres-proof-title{ font-size:15px; font-weight:700; margin-bottom:8px; color:var(--anth) } .pres-proof-text{ margin:0; font-size:12.6px; line-height:1.6; font-weight:400; color:#616563 } /* SITUATIONS CONCRÈTES — bloc statique SEO / compréhension */ .pres-situations{ max-width:900px; margin:0 auto; padding:0 22px 14px } .pres-situations-box{ border:1px solid #d4d4d4; border-radius:6px; background:#f8f8f8; padding:14px 18px } .pres-situations-kicker{ text-align:center; font-size:11px; font-weight:700; letter-spacing:1.35px; text-transform:uppercase; color:#7b7f7d; margin-bottom:6px } .pres-situations-title{ margin:0 0 10px; text-align:center; font-size:15px; line-height:1.35; font-weight:700; letter-spacing:.45px; color:var(--dark) } .pres-situations-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:6px 16px; max-width:780px; margin:0 auto } .pres-situation{ position:relative; padding-left:15px; font-size:12.6px; line-height:1.35; font-weight:650; color:#3f4341 } .pres-situation:before{ content:"•"; position:absolute; left:0; top:0; color:#7f8283; font-weight:700 } .pres-situation:last-child{ grid-column:1 / -1; max-width:520px; margin:0 auto; text-align:left } .pres-assistant{ max-width:900px; margin:0 auto; padding:16px 22px 14px } .pres-main-title{ text-align:center; font-size:21px; line-height:1.3; font-weight:650; margin:0 0 12px; text-transform:uppercase; letter-spacing:.45px; color:var(--dark) } .pres-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:11px } .pres-choice{ width:100%; height:165px; min-height:165px; border:3px solid #f0a000; border-radius:8px; background:#fff; box-shadow:0 3px 9px rgba(240,160,0,.14); padding:20px 16px 14px; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; text-align:center; cursor:pointer; font-family:inherit; color:#222; transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease } .pres-choice:hover{ border-color:#999; box-shadow:0 2px 8px rgba(0,0,0,.065); transform:translateY(-1px) } .pres-choice strong{ display:flex; width:100%; max-width:none; height:72px; align-items:center; justify-content:center; font-size:23px; line-height:1.08; font-weight:800; letter-spacing:.55px; margin:0 auto 8px; padding:0 10px; background:#303437; border:0; border-radius:3px; color:#fff; text-align:center } .pres-choice span{ display:block; width:88%; max-width:230px; margin:0 auto; font-size:13px; line-height:1.5; color:#676b69 } .pres-result{ display:none; border:2px solid #f0a000; background:#fff; border-radius:6px; padding:40px 43px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.045) } .pres-back{ display:block; width:max-content; border:1px solid #c8c8c8; border-radius:5px; background:#f5f5f5; padding:8px 12px; margin:0 0 21px; font-family:inherit; font-size:13px; font-weight:600; color:#424645; cursor:pointer } .pres-result-label{ font-size:11px; font-weight:700; letter-spacing:1.3px; text-transform:uppercase; color:#858986; margin-bottom:11px } .pres-result-title{ font-size:28px; line-height:1.2; font-weight:700; margin-bottom:9px; color:var(--dark) } .pres-result-price{ font-size:23px; line-height:1.2; font-weight:700; margin-bottom:23px; color:var(--anth) } .pres-result-context{ max-width:650px; margin:0 auto 8px; font-size:17px; line-height:1.4; font-weight:650; color:#3d4140 } .pres-result-text{ max-width:630px; margin:0 auto 23px; font-size:13.5px; line-height:1.65; color:#5e6260 } .pres-result-detail{ max-width:680px; margin:0 auto; font-size:12.5px; line-height:1.6; color:#6a6e6c; border-top:1px solid #e2e2e2; padding-top:21px } .pres-priority{ max-width:650px; margin:18px auto 0; padding:12px 15px; border-left:2px solid #888; background:#f5f5f5; font-size:12px; line-height:1.55; text-align:left; color:#555957 } .pres-priority strong{ color:var(--dark) } .pres-cta{ display:inline-block; margin-top:26px; padding:13px 24px; border-radius:4px; background:#303437; color:#fff!important; text-decoration:none!important; font-family:inherit; font-size:12.5px; font-weight:700; letter-spacing:.55px; text-transform:uppercase; box-shadow:0 2px 6px rgba(0,0,0,.10) } .pres-steps{ max-width:900px; margin:0 auto; padding:18px 22px 14px } .pres-steps-title{ text-align:center; font-size:18.5px; line-height:1.3; font-weight:700; letter-spacing:.45px; margin:0 0 10px; color:var(--dark) } .pres-steps-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px } .pres-step{ background:#fff; border:1px solid #d4d4d4; border-radius:6px; padding:14px 12px; text-align:center } .pres-step-n{ display:inline-flex; width:30px; height:30px; align-items:center; justify-content:center; border-radius:50%; background:#e7e7e7; color:#4c504e; font-size:13px; font-weight:700; margin-bottom:7px } .pres-step strong{ display:block; font-size:14px; line-height:1.35; font-weight:650; margin-bottom:7px; color:#343837 } .pres-step p{ margin:0; font-size:12.5px; line-height:1.5; color:#686c6a } .pres-personal{ max-width:900px; margin:0 auto; padding:14px 18px 38px } .pres-personal-box{ background:#f8f8f8; border:1px solid #d4d4d4; border-radius:6px; padding:15px 18px; text-align:center } .pres-personal-title{ font-size:16px; line-height:1.35; font-weight:700; letter-spacing:.55px; color:var(--dark); margin:0 0 8px } .pres-personal-text{ font-size:14px; line-height:1.6; color:#595d5b; margin:0 auto; max-width:720px } .pres-personal-text strong{ color:#292c2d; font-weight:650 } .pres-page-back-wrap{ max-width:900px; margin:0 auto; padding:12px 28px 0; } .pres-page-back{ display:inline-block; padding:8px 12px; border:1px solid #c8c8c8; border-radius:5px; background:#f5f5f5; color:#424645!important; text-decoration:none!important; font-family:inherit; font-size:13px; line-height:1.2; font-weight:600; } .pres-page-back:hover{ border-color:#999; background:#eeeeee; } @media(max-width:700px){ #presence{margin-top:0;margin-bottom:0} .pres-page-back-wrap{padding:3px 14px 0;margin-bottom:9px} .pres-page-back{font-size:12px;padding:7px 9px} .pres-hero{padding:2px 15px 8px} .pres-kicker{font-size:10px;margin-bottom:7px;letter-spacing:1.4px} .pres-title{font-size:28px;line-height:1.14;letter-spacing:-.4px;margin-bottom:12px} .pres-subtitle{ font-size:14.5px; line-height:1.46; margin-bottom:8px; height:auto!important; max-height:none!important; overflow:visible!important; white-space:normal!important; overflow-wrap:break-word; padding-bottom:2px; } .pres-zone-title{font-size:13px;margin-bottom:4px} .pres-zone{font-size:12.5px;line-height:1.4} .pres-phone-wrap{max-width:none;margin:12px auto 0} .pres-phone-card{padding:12px 10px 13px} .pres-phone-label{margin-bottom:6px;font-size:11px} .pres-phone-number{font-size:20px} .pres-sep{margin:8px auto 7px} .pres-method-title{font-size:10.5px;margin-bottom:5px} .pres-method{font-size:12.5px;line-height:1.42} .pres-method .arr{padding:0 2px} .pres-proof{margin-top:7px;padding:8px 10px} .pres-proof-title{font-size:14px;margin-bottom:5px} .pres-proof-text{font-size:12px;line-height:1.45} .pres-situations{padding:0 12px 7px} .pres-situations-box{padding:9px 10px} .pres-situations-title{font-size:13.5px;line-height:1.25;margin-bottom:6px} .pres-situations-grid{grid-template-columns:1fr;gap:5px} .pres-situation{ font-size:12px; line-height:1.4; padding-left:13px } .pres-situation:last-child{ grid-column:auto; max-width:none; margin:0 } .pres-assistant{padding:7px 12px 6px} .pres-main-title{font-size:19px;line-height:1.22;margin-bottom:10px;font-weight:800} .pres-grid{grid-template-columns:1fr;gap:10px} .pres-choice{ height:148px; min-height:148px; padding:12px 9px 11px; border:2px solid #f0a000; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; box-shadow:0 3px 9px rgba(0,0,0,.09); background:#ffffff } .pres-choice strong{ display:flex; width:100%; max-width:none; height:68px; box-sizing:border-box; flex:0 0 68px; align-items:center; justify-content:center; font-size:21px; line-height:1.05; font-weight:800; letter-spacing:.6px; margin:0 auto 7px; padding:0 8px; background:#303437; border:0; border-radius:3px; color:#fff; text-align:center } .pres-choice span{ display:block; width:88%; max-width:235px; margin:0 auto; font-size:13px; line-height:1.32; font-weight:600; color:#555a58 } .pres-choice:active{ border-color:#7f8381; background:#fafafa } .pres-result{padding:18px 14px} .pres-back{font-size:12px;padding:7px 9px;margin-bottom:14px} .pres-result-label{margin-bottom:8px} .pres-result-title{font-size:22px;margin-bottom:6px} .pres-result-price{font-size:19px;margin-bottom:14px} .pres-result-context{font-size:15px;line-height:1.35;margin-bottom:7px} .pres-result-text{font-size:13px;line-height:1.5;margin-bottom:15px} .pres-result-detail{font-size:12px;line-height:1.45;padding-top:14px} .pres-priority{margin-top:13px;padding:10px 12px;font-size:11.5px;line-height:1.45} .pres-cta{width:100%;text-align:center;margin-top:18px;padding:12px 16px} .pres-steps{padding:8px 12px 6px} .pres-steps-title{font-size:18px;line-height:1.25;margin-bottom:8px} .pres-steps-grid{grid-template-columns:repeat(3,1fr);gap:6px} .pres-step{padding:8px 5px} .pres-step-n{width:26px;height:26px;font-size:12px;margin-bottom:6px} .pres-step strong{font-size:11.5px;line-height:1.22;margin-bottom:0} .pres-step p{display:none} .pres-personal{padding:6px 12px 6px} .pres-personal-box{padding:9px 10px} .pres-personal-title{font-size:14px;line-height:1.3;margin-bottom:5px} .pres-personal-text{font-size:12.5px;line-height:1.45} } @media(max-width:700px){ .pres-choice{ border:3px solid #f0a000!important; border-radius:8px!important; min-height:148px!important; } .pres-choice strong{ width:100%!important; max-width:none!important; height:68px!important; min-height:68px!important; flex:0 0 68px!important; box-sizing:border-box!important; margin:0 auto 10px!important; background:#303437!important; border:0!important; border-radius:3px!important; font-size:21px!important; line-height:1!important; font-weight:800!important; } .pres-choice span{ width:94%!important; max-width:none!important; font-size:13.5px!important; line-height:1.32!important; font-weight:600!important; } } @media(max-width:700px){ /* Menu WMaker : aucun sous-lien VOIR / DÉCIDER / SUIVRE ne doit apparaître sélectionné simplement parce que l'article a20 est ouvert. */ a[href*="ESPACE-PROPRIETAIRES_a20.html"][href*="mission="], a[href*="ESPACE-PROPRIETAIRES_a20.html"][href*="#voir"], a[href*="ESPACE-PROPRIETAIRES_a20.html"][href*="#decider"], a[href*="ESPACE-PROPRIETAIRES_a20.html"][href*="#suivre"]{ background:transparent!important; color:#ececec!important; box-shadow:none!important; } li:has(a[href*="ESPACE-PROPRIETAIRES_a20.html"][href*="mission="]), li:has(a[href*="ESPACE-PROPRIETAIRES_a20.html"][href*="#voir"]), li:has(a[href*="ESPACE-PROPRIETAIRES_a20.html"][href*="#decider"]), li:has(a[href*="ESPACE-PROPRIETAIRES_a20.html"][href*="#suivre"]){ background:transparent!important; } } /* DESKTOP — AUCUN EFFET D'ESCALIER : MÊMES BORDS PARTOUT */ @media(min-width:701px){ /* Les wrappers restent centrés */ .pres-assistant, .pres-situations, .pres-steps, .pres-personal{ max-width:900px!important; margin-left:auto!important; margin-right:auto!important; } /* Tous les blocs visuels ont EXACTEMENT la même largeur */ .pres-proof, .pres-situations-box, .pres-grid, .pres-steps-grid, .pres-personal-box{ width:820px!important; max-width:820px!important; margin-left:auto!important; margin-right:auto!important; } /* Les 3 choix gardent cette largeur globale, sans s'étaler davantage */ .pres-grid{ gap:14px!important; } .pres-choice{ height:245px!important; min-height:245px!important; padding:20px 12px 18px!important; border:3px solid #f0a000!important; border-radius:8px!important; background:#fff!important; box-shadow:0 3px 9px rgba(240,160,0,.12)!important; } /* Plus de HAUTEUR, pas plus de largeur */ .pres-choice strong{ width:100%!important; max-width:none!important; height:110px!important; min-height:110px!important; flex:0 0 110px!important; box-sizing:border-box!important; margin:0 auto 16px!important; padding:0 14px!important; background:#303437!important; border:0!important; border-radius:3px!important; color:#fff!important; font-size:26px!important; line-height:1!important; font-weight:800!important; letter-spacing:.8px!important; } .pres-choice span{ width:94%!important; max-width:none!important; margin:0 auto!important; font-size:14px!important; line-height:1.42!important; font-weight:600!important; color:#555a58!important; } } /* MISSION IDENTIFIÉE — MÊME LARGEUR QUE LE BLOC "QUAND UNE PRÉSENCE LOCALE..." */ @media(min-width:701px){ .pres-result{ width:820px!important; max-width:820px!important; margin-left:auto!important; margin-right:auto!important; } } /* MOBILE — POLICES DES BOUTONS PROPRIÉTAIRES ALIGNÉES SUR B2B */ @media(max-width:700px){ .pres-choice strong{ font-size:12.5px!important; line-height:1.08!important; font-weight:800!important; } .pres-choice span{ font-size:11.4px!important; line-height:1.28!important; font-weight:600!important; } } /* DESKTOP — MÊMES TAILLES DE POLICE QUE LES BOUTONS B2B */ @media(min-width:701px){ .pres-choice strong{ font-size:18px!important; } .pres-choice span{ font-size:12.6px!important; } } /* PROPRIÉTAIRES — CARTOUCHES NOIRS IDENTIQUES AU B2B */ /* MOBILE */ @media(max-width:700px){ .pres-choice{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; text-align:center!important; } .pres-choice strong{ width:88%!important; max-width:220px!important; height:54px!important; min-height:54px!important; flex:0 0 54px!important; display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; font-size:12.5px!important; line-height:1.08!important; font-weight:800!important; margin:0 auto 9px!important; padding:0 8px!important; background:#303437!important; border:0!important; border-radius:3px!important; } } /* DESKTOP */ @media(min-width:701px){ .pres-choice strong{ width:92%!important; max-width:330px!important; height:68px!important; min-height:68px!important; flex:0 0 68px!important; box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; font-size:18px!important; line-height:1.08!important; font-weight:800!important; margin:0 auto 12px!important; padding:0 14px!important; background:#303437!important; border:0!important; border-radius:3px!important; } } /* DESKTOP UNIQUEMENT — BOUTONS PLUS GRANDS, CONTENU BIEN CENTRÉ, SANS EFFET ESCALIER */ @media(min-width:701px){ /* La largeur globale reste strictement identique aux autres blocs */ .pres-grid{ width:820px!important; max-width:820px!important; margin-left:auto!important; margin-right:auto!important; gap:14px!important; } /* On agrandit seulement la hauteur des 3 boutons/cartes */ .pres-choice{ height:275px!important; min-height:275px!important; padding:22px 12px!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; text-align:center!important; } /* Cartouche noir conservé au format B2B */ .pres-choice strong{ width:92%!important; max-width:330px!important; height:68px!important; min-height:68px!important; flex:0 0 68px!important; display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; margin:0 auto 16px!important; } /* Texte explicatif centré sous le cartouche */ .pres-choice span{ width:90%!important; max-width:240px!important; margin:0 auto!important; text-align:center!important; } } /* DESKTOP UNIQUEMENT — VOIR / DÉCIDER / SUIVRE STRICTEMENT ALIGNÉS */ @media(min-width:701px){ /* Même largeur globale : aucun effet escalier */ .pres-grid{ width:820px!important; max-width:820px!important; margin-left:auto!important; margin-right:auto!important; gap:14px!important; } /* Même point de départ vertical dans les 3 cartes */ .pres-choice{ height:275px!important; min-height:275px!important; padding:28px 12px 20px!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important; text-align:center!important; } /* Les 3 cartouches commencent EXACTEMENT à la même hauteur et sont légèrement agrandis */ .pres-choice strong{ width:96%!important; max-width:none!important; height:76px!important; min-height:76px!important; flex:0 0 76px!important; box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; margin:0 auto 16px!important; padding:0 14px!important; font-size:18px!important; line-height:1.08!important; font-weight:800!important; } /* Même départ pour les textes sous les cartouches */ .pres-choice span{ width:90%!important; max-width:240px!important; margin:0 auto!important; text-align:center!important; } } /* MOBILE — REMONTER "RETOUR À L'ACCUEIL" VERS LE LOGO SANS ROGNAGE */ @media(max-width:700px){ #presence{ overflow:visible!important; } .pres-page-back-wrap{ position:relative!important; z-index:50!important; overflow:visible!important; transform:translateY(-14px)!important; margin-bottom:-5px!important; padding-top:0!important; } .pres-page-back{ position:relative!important; z-index:51!important; overflow:visible!important; } } /* MOBILE — RETOUR À L'ACCUEIL REMONTÉ RÉELLEMENT VERS LE LOGO */ @media(max-width:700px){ .pres-page-back-wrap{ margin-top:-34px!important; margin-bottom:43px!important; padding:0 14px!important; position:relative!important; z-index:80!important; overflow:visible!important; } .pres-page-back{ position:relative!important; z-index:81!important; display:inline-block!important; overflow:visible!important; } } /* MOBILE — RETOUR À L'ACCUEIL : ENTIÈREMENT VISIBLE, PROCHE DU LOGO, SANS ROGNAGE */ @media(max-width:700px){ #presence{ overflow:visible!important; } .pres-page-back-wrap{ margin:4px auto 8px!important; padding:0 14px!important; position:relative!important; top:auto!important; transform:none!important; z-index:100!important; overflow:visible!important; min-height:31px!important; } .pres-page-back{ display:inline-flex!important; align-items:center!important; min-height:31px!important; padding:6px 9px!important; margin:0!important; position:relative!important; top:auto!important; transform:none!important; z-index:101!important; overflow:visible!important; font-size:12px!important; line-height:1.2!important; } } /* FAQ PRATIQUE PROPRIÉTAIRES — ACCORDÉON COMPACT */ .pres-faq{ max-width:900px; margin:-18px auto 0; padding:0 22px 38px; } .pres-faq-title{ text-align:center; font-size:18.5px; line-height:1.3; font-weight:700; letter-spacing:.45px; margin:0 0 10px; color:var(--dark); } .pres-faq-list{ width:820px; max-width:100%; margin:0 auto; } .pres-faq-item{ margin:0 0 7px; border:1px solid #d4d4d4; border-radius:6px; background:#fff; overflow:hidden; } .pres-faq-item summary{ position:relative; list-style:none; cursor:pointer; padding:11px 38px 11px 14px; font-size:13.5px; line-height:1.4; font-weight:650; color:#343837; } .pres-faq-item summary::-webkit-details-marker{ display:none; } .pres-faq-item summary:after{ content:"+"; position:absolute; right:14px; top:50%; transform:translateY(-50%); font-size:20px; line-height:1; font-weight:400; color:#7f8283; } .pres-faq-item[open] summary:after{ content:"−"; } .pres-faq-answer{ border-top:1px solid #ececec; padding:10px 14px 12px; } .pres-faq-answer p{ margin:0; font-size:12.5px; line-height:1.55; color:#616563; } @media(max-width:700px){ .pres-faq{ margin:0 auto; padding:4px 12px 10px; } .pres-faq-title{ font-size:15.5px; line-height:1.25; margin-bottom:7px; } .pres-faq-item{ margin-bottom:5px; } .pres-faq-item summary{ padding:9px 32px 9px 11px; font-size:12.2px; line-height:1.3; } .pres-faq-item summary:after{ right:11px; font-size:18px; } .pres-faq-answer{ padding:8px 11px 10px; } .pres-faq-answer p{ font-size:11.8px; line-height:1.42; } } function presenceScroll(instant){ var box=document.getElementById('pres-result'); if(!box){return;} function go(){ var y=box.getBoundingClientRect().top + window.pageYOffset - 8; window.scrollTo({ top:y, behavior:instant ? 'auto' : 'smooth' }); } go(); requestAnimationFrame(go); setTimeout(go,80); setTimeout(go,220); } function presenceReset(){ var result=document.getElementById('pres-result'); var home=document.getElementById('pres-home'); if(result){ result.style.display='none'; result.innerHTML=''; } if(home){ home.style.display='block'; } if(window.history && window.history.replaceState){ window.history.replaceState( null, document.title, window.location.pathname ); } requestAnimationFrame(function(){ setTimeout(function(){ var target=document.querySelector('.pres-main-title'); if(target){ var y=target.getBoundingClientRect().top + window.pageYOffset - 18; window.scrollTo({top:y,behavior:'smooth'}); } },60); }); } function presenceResult(title,price,context,text,detail,priority){ var extra=''; if(priority){ extra=''; } return '' +'← Modifier mon choix' +'' +'' +'' +'' +'' +'' +extra +'CHOISIR MON CRÉNEAU'; } function showPresenceResult(type,skipScroll){ var html=''; if(type==='voir'){ html=presenceResult( 'VOIR', '260 € TTC', 'Voir ce qu’il en est sur place', 'Une anomalie ou un dommage vous a été signalé ? Vous souhaitez constater les effets visibles d’une intempérie, voir la situation après des travaux ou une intervention, ou documenter précisément un point déterminé.', 'Observation ciblée sur place : 1 h 30 maximum, sur un périmètre défini à l’avance. Photographies, vidéos ou visio en direct peuvent être prévues selon la situation, puis une restitution factuelle vous est adressée.', 'VOIR PRIORITAIRE — 350 € TTC
Même mission, avec traitement prioritaire sous 24 heures lorsque matériellement possible.' ); } if(type==='decider'){ html=presenceResult( 'DÉCIDER', '480 € TTC', 'Décider sans vous déplacer', 'Avant de payer un solde ou une facture importante, d’accepter des travaux supplémentaires ou une modification importante, lors d’un rendez-vous important alors que vous n’êtes pas sur place, ou lorsqu’il vous manque des éléments factuels pour décider.', 'Présence sur place : 2 heures maximum. CYRNEA observe, documente, pose les questions préparées et peut, lorsque cela est prévu, vous permettre de suivre certains éléments ou échanges en direct par visio. Vous restez seul décisionnaire.', '' ); } if(type==='suivre'){ html=presenceResult( 'SUIVRE', '980 € TTC', 'Comparer la même situation à trois moments clés', 'Trois présences consacrées à la même situation, avec une méthode constante permettant de comparer factuellement son évolution.', '3 présences de 1 h 30 maximum chacune, consacrées à la même situation. Les mêmes points d’observation sont repris autant que possible afin de documenter et comparer son évolution dans le temps. Les trois moments sont réservés au fur et à mesure, selon les disponibilités de l’agenda.', '' ); } if(!html){return;} var home=document.getElementById('pres-home'); var result=document.getElementById('pres-result'); if(home){home.style.display='none';} if(result){ result.innerHTML=html; result.style.display='block'; } if(!skipScroll){ presenceScroll(false); } } function presenceMissionFromUrl(url){ try{ var u=new URL(url,window.location.href); var mission=(u.searchParams.get('mission') || '').toLowerCase(); if(!mission){ var hash=(u.hash || '').replace('#','').toLowerCase(); if(hash==='voir' || hash==='decider' || hash==='suivre'){ mission=hash; } } if(mission==='voir' || mission==='decider' || mission==='suivre'){ return mission; } }catch(e){} return ''; } function presenceForcePageTop(){ if('scrollRestoration' in history){ history.scrollRestoration='manual'; } window.scrollTo(0,0); requestAnimationFrame(function(){ window.scrollTo(0,0); setTimeout(function(){ window.scrollTo(0,0); },80); setTimeout(function(){ window.scrollTo(0,0); },220); }); } var presenceInitialMissionOpened=false; function presenceIsReload(){ try{ var nav=performance.getEntriesByType && performance.getEntriesByType('navigation')[0]; if(nav){return nav.type==='reload';} return !!(performance.navigation && performance.navigation.type===1); }catch(e){return false;} } function presenceShowHomeTop(){ var result=document.getElementById('pres-result'); var home=document.getElementById('pres-home'); if(result){ result.style.display='none'; result.innerHTML=''; } if(home){home.style.display='block';} if(window.history && window.history.replaceState){ window.history.replaceState(null,document.title,window.location.pathname); } presenceForcePageTop(); } function presenceOpenInitialMission(){ var mission=presenceMissionFromUrl(window.location.href); if(mission){ /* Navigation volontaire depuis un lien mission : ouvrir la bonne mission. */ presenceInitialMissionOpened=true; showPresenceResult(mission,true); /* Nettoyer l’URL après ouverture : un rafraîchissement reviendra au HOME de la page. */ if(window.history && window.history.replaceState){ window.history.replaceState(null,document.title,window.location.pathname); } presenceScroll(true); return true; } presenceShowHomeTop(); return false; } /* Correctif des 3 choix internes : après "Modifier mon choix", VOIR / DÉCIDER / SUIVRE restent toujours cliquables directement dans la page, sans passer par le hamburger. */ document.addEventListener('click',function(e){ var choice=e.target.closest ? e.target.closest('.pres-choice[data-mission]') : null; if(choice){ e.preventDefault(); e.stopPropagation(); showPresenceResult(choice.getAttribute('data-mission'),false); return; } },true); document.addEventListener('DOMContentLoaded',function(){ if(presenceIsReload()){ presenceShowHomeTop(); return; } presenceOpenInitialMission(); }); window.addEventListener('load',function(){ if(presenceInitialMissionOpened){ presenceScroll(true); }else if(presenceIsReload()){ presenceShowHomeTop(); } }); window.addEventListener('pageshow',function(){ if(presenceIsReload()){ presenceShowHomeTop(); return; } if(presenceInitialMissionOpened){ presenceScroll(true); } }); window.addEventListener('hashchange',function(){ presenceOpenInitialMission(); }); window.addEventListener('popstate',function(){ presenceOpenInitialMission(); }); document.addEventListener('click',function(e){ var c=e.target.closest ? e.target.closest('.pres-cta[data-pres-booking-test="1"]') : null; if(!c){return;} e.preventDefault(); var old=document.getElementById('pres-booking-test-message'); if(old){old.remove();} var msg=document.createElement('div'); msg.id='pres-booking-test-message'; msg.style.cssText='margin:14px auto 0;max-width:520px;padding:11px 14px;border-top:1px solid #cdbbaf;text-align:center;font-size:13px;line-height:1.4;color:#666'; msg.innerHTML='RÉSERVATION BIENTÔT DISPONIBLE
Le service de réservation et de paiement sera activé avant l’ouverture commerciale.'; c.insertAdjacentElement('afterend',msg); });