ESPACE ENTREPRISES

body{ background:#eeeeee !important; } h1,a[href*="comment"],[class*="comment"],[id*="comment"]{display:none!important} #presencepro,#presencepro *{box-sizing:border-box} #presencepro{ --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) } .pro-hero{ max-width:900px; margin:0 auto; padding:16px 28px 22px; text-align:center } .pro-kicker{ font-size:11px; font-weight:700; letter-spacing:1.7px; text-transform:uppercase; color:#777a78; margin-bottom:11px } .pro-title{ display:block!important; max-width:820px; margin:0 auto 18px; font-family:inherit; font-size:37px; line-height:1.14; font-weight:600; letter-spacing:-.7px; color:var(--dark) } .pro-subtitle{ max-width:790px; margin:0 auto 21px; font-size:15px; line-height:1.65; font-weight:400; color:var(--text) } .pro-zone-title{ font-size:13.5px; font-weight:650; margin:0 0 6px; color:var(--anth) } .pro-zone{ margin:0; font-size:12.6px; line-height:1.55; color:#707472 } /* CONTACT TÉLÉPHONE — cohérent avec PRÉSENCE validé */ .pro-phone-wrap{ max-width:460px; margin:16px auto 0 } .pro-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 } .pro-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 } .pro-phone-number{ display:block; font-size:22px; line-height:1.2; font-weight:800; letter-spacing:.3px; color:#303437 } .pro-phone-card:hover{ background:#fafafa; border-color:#d2d2d2; box-shadow:0 4px 10px rgba(0,0,0,.07); transform:translateY(-1px) } .pro-phone-card:active{ transform:translateY(0); box-shadow:0 1px 4px rgba(0,0,0,.05) } .pro-sep{ border:0; border-top:1px solid var(--line); margin:21px auto 17px; max-width:820px } .pro-method-title{ margin:0 0 9px; font-size:11px; font-weight:700; letter-spacing:1.3px; text-transform:uppercase; color:var(--stone) } .pro-method{ max-width:830px; margin:0 auto; font-size:13.5px; line-height:1.7; font-weight:600; color:#3e4241 } .pro-method .arr{ color:#9b9b96; padding:0 5px; font-weight:500 } .pro-proof{ max-width:820px; margin:14px auto 0; padding:15px 19px; border:1px solid var(--line); border-radius:6px; background:#f8f8f8 } .pro-proof-title{ font-size:15px; font-weight:700; margin-bottom:6px; color:var(--anth) } .pro-proof-text{ margin:0; font-size:12.6px; line-height:1.6; color:#616563 } .pro-situations{ max-width:900px; margin:0 auto; padding:0 22px 10px } .pro-situations-box{ background:#f8f8f8; border:1px solid var(--line); border-radius:6px; padding:15px 18px 13px } .pro-situations-kicker{ text-align:center; font-size:11px; font-weight:700; letter-spacing:1.35px; text-transform:uppercase; color:#7b7f7d; margin-bottom:6px } .pro-situations-title{ text-align:center; font-size:18px; line-height:1.25; font-weight:700; color:var(--dark); margin:0 0 10px } .pro-situations-list{ max-width:760px; margin:0 auto; padding:0; list-style:none; display:grid; grid-template-columns:repeat(2,1fr); gap:7px 24px } .pro-situations-list li{ position:relative; padding-left:15px; font-size:12.6px; line-height:1.35; font-weight:650; color:#3f4341 } .pro-situations-list li:before{ content:"•"; position:absolute; left:0; top:0; color:#7f8283; font-size:16px; line-height:1.1 } .pro-situations-list li:last-child{ grid-column:auto; text-align:left; justify-self:stretch; padding-left:15px; white-space:normal } .pro-sectors{ margin:18px auto 0; max-width:820px; text-align:center; font-size:11.5px; line-height:1.45; color:#727673 } .pro-sectors-title{ font-size:11px; font-weight:700; letter-spacing:1.35px; text-transform:uppercase; color:#7b7f7d; margin-bottom:4px } .pro-result-examples{ max-width:700px; margin:14px auto 0; padding-top:13px; border-top:1px solid #e2e2e2; text-align:left } .pro-result-examples-title{ text-align:center; font-size:11px; font-weight:700; letter-spacing:1.1px; text-transform:uppercase; color:#858986; margin-bottom:8px } .pro-example{ position:relative; padding:0 0 8px 15px; font-size:12.5px; line-height:1.48; color:#5f6461 } .pro-example:last-child{ padding-bottom:0 } .pro-example:before{ content:"•"; position:absolute; left:2px; top:0; color:#777b78 } .pro-assistant{ max-width:900px; margin:0 auto; padding:21px 22px 16px } .pro-main-title{ text-align:center; font-size:21px; line-height:1.3; font-weight:650; margin:0 0 14px; text-transform:uppercase; letter-spacing:.45px; color:var(--dark) } .pro-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:8px } .pro-choice{ width:100%; height:195px; min-height:195px; border:3px solid #f0a000; border-radius:8px; background:#fff; box-shadow:0 3px 8px rgba(240,160,0,.12); padding:28px 18px 18px; 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 } .pro-choice:hover{ border-color:#999; box-shadow:0 2px 8px rgba(0,0,0,.065); transform:translateY(-1px) } .pro-choice strong{ display:flex; width:78%; max-width:260px; height:44px; align-items:center; justify-content:center; font-size:15px; line-height:1.18; font-weight:700; letter-spacing:.35px; margin:0 auto 11px; padding:0 10px; background:#303437; border:0; border-radius:3px; color:#fff; text-align:center } .pro-choice span{ display:block; width:88%; max-width:300px; margin:0 auto; font-size:12.6px; line-height:1.5; color:#676b69 } .pro-result{ display:none; border:2px solid #f0a000; background:#fff; border-radius:6px; padding:31px 35px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.045) } .pro-back{ display:block; width:max-content; border:1px solid #c8c8c8; border-radius:5px; background:#f5f5f5; padding:8px 12px; margin:0 0 13px; font-family:inherit; font-size:12.6px; font-weight:600; color:#424645; cursor:pointer } .pro-result-label{ font-size:11px; font-weight:700; letter-spacing:1.3px; text-transform:uppercase; color:#858986; margin-bottom:9px } .pro-result-title{ font-size:24px; line-height:1.2; font-weight:700; margin-bottom:8px; color:var(--dark) } .pro-result-price{ font-size:21px; line-height:1.2; font-weight:700; margin-bottom:17px; color:var(--anth) } .pro-result-context{ max-width:660px; margin:0 auto 9px; font-size:16px; line-height:1.4; font-weight:650; color:#3d4140 } .pro-result-text{ max-width:650px; margin:0 auto 17px; font-size:13.5px; line-height:1.65; color:#5e6260 } .pro-result-detail{ max-width:700px; margin:0 auto; font-size:12.5px; line-height:1.6; color:#6a6e6c; border-top:1px solid #e2e2e2; padding-top:16px } .pro-cta{ display:inline-block; margin-top:20px; padding:11px 21px; 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) } .pro-steps{ max-width:900px; margin:0 auto; padding:22px 22px 16px } .pro-steps-title{ text-align:center; font-size:18.5px; line-height:1.3; font-weight:700; letter-spacing:.45px; margin:0 0 13px; color:var(--dark) } .pro-steps-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:9px } .pro-step{ background:#fff; border:1px solid #d4d4d4; border-radius:6px; padding:15px 13px; text-align:center } .pro-step-n{ display:inline-flex; width:30px; height:30px; align-items:center; justify-content:center; border-radius:50%; background:#e7e7e7; color:#4c504e; font-size:12.6px; font-weight:700; margin-bottom:8px } .pro-step strong{ display:block; font-size:13.5px; line-height:1.35; font-weight:650; margin-bottom:6px; color:#343837 } .pro-step p{ margin:0; font-size:12.5px; line-height:1.5; color:#686c6a } .pro-personal{ max-width:900px; margin:0 auto; padding:14px 22px 28px } .pro-personal-box{ background:#f8f8f8; border:1px solid #d4d4d4; border-radius:6px; padding:17px 19px; text-align:center } .pro-personal-title{ font-size:15px; line-height:1.35; font-weight:700; letter-spacing:.55px; color:var(--dark); margin:0 0 8px } .pro-personal-text{ font-size:13.5px; line-height:1.6; color:#595d5b; margin:0 auto; max-width:740px } .pro-personal-text strong{ color:#292c2d; font-weight:650 } .pro-page-back-wrap{ max-width:900px; margin:-14px auto 0; padding:2px 28px 0; } .pro-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:12.6px; line-height:1.2; font-weight:600; } .pro-page-back:hover{ border-color:#999; background:#eeeeee; } @media(max-width:700px){ #presencepro{margin-top:0;margin-bottom:0!important;padding-bottom:28px!important} .pro-page-back-wrap{ padding:1px 14px 0; margin:0 auto 8px; position:relative; z-index:20; overflow:visible!important } .pro-page-back{ font-size:11.8px; padding:6px 9px; position:relative; z-index:21 } .pro-hero{padding:2px 14px 6px} .pro-kicker{font-size:9.4px;margin-bottom:8px;letter-spacing:1.2px} .pro-title{font-size:26px;line-height:1.12;letter-spacing:-.4px;margin-bottom:22px} .pro-subtitle{ font-size:13.2px; line-height:1.38; margin-bottom:10px; height:auto!important; max-height:none!important; overflow:visible!important; } .pro-zone-title{font-size:12.2px;margin-bottom:2px} .pro-zone{font-size:11.5px;line-height:1.3} .pro-phone-wrap{max-width:none;margin:12px auto 0} .pro-phone-card{padding:12px 10px 13px} .pro-phone-label{margin-bottom:6px;font-size:11px} .pro-phone-number{font-size:20px} .pro-sep{margin:8px auto 7px} .pro-method-title{font-size:9.8px;margin-bottom:3px} .pro-method{font-size:11.4px;line-height:1.34} .pro-method .arr{padding:0 1px} .pro-proof{margin-top:7px;padding:7px 8px} .pro-proof-title{font-size:12.3px;margin-bottom:2px} .pro-proof-text{font-size:10.9px;line-height:1.3} .pro-situations{padding:0 10px 3px} .pro-situations-box{ padding:6px 8px 7px; background:#f1eee8; border-color:#d7d0c5 } .pro-situations-kicker{ font-size:9.1px; margin-bottom:3px; color:#777168 } .pro-situations-title{font-size:14px;line-height:1.15;margin-bottom:6px} .pro-situations-list{ grid-template-columns:1fr; gap:4px 12px; max-width:520px } .pro-situations-list li{ font-size:10.1px; line-height:1.22; padding-left:11px } .pro-situations-list li:before{ font-size:13px } .pro-situations-list li:last-child{ grid-column:auto; white-space:normal; text-align:left; justify-self:stretch } .pro-sectors{ font-size:9.3px; line-height:1.24; margin-top:11px; padding:0 2px } .pro-sectors-title{ font-size:9.1px; letter-spacing:1.15px; margin-bottom:4px; color:#777168 } .pro-result-examples{margin-top:12px;padding-top:11px} .pro-result-examples-title{font-size:9.8px;margin-bottom:6px} .pro-example{font-size:11.4px;line-height:1.35;padding:0 0 6px 13px} .pro-assistant{padding:6px 10px 4px} .pro-main-title{font-size:15.2px;line-height:1.16;margin-bottom:4px} .pro-grid{grid-template-columns:repeat(2,1fr);gap:6px} .pro-choice{ height:204px; min-height:204px; padding:14px 8px 12px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; } .pro-choice strong{ display:flex; width:88%; max-width:210px; height:48px; min-height:48px; align-items:center; justify-content:center; font-size:8.6px; line-height:1.02; margin:0 auto 10px; padding:0 6px; background:#303437; border:0; border-radius:3px; color:#fff; text-align:center } .pro-choice span{ display:block; width:90%; max-width:165px; margin:0 auto; font-size:9.7px; line-height:1.28; color:#6a6e6c } .pro-choice{ border:3px solid #f0a000; border-radius:8px; box-shadow:0 3px 8px rgba(240,160,0,.12) } .pro-choice:active{ border-color:#7f8381; background:#fafafa } .pro-result{padding:12px 10px} .pro-back{font-size:11.5px;padding:6px 8px;margin-bottom:9px} .pro-result-label{font-size:10px;margin-bottom:6px} .pro-result-title{font-size:18.5px;margin-bottom:4px} .pro-result-price{font-size:18px;margin-bottom:9px} .pro-result-context{font-size:13.5px;line-height:1.3;margin-bottom:6px} .pro-result-text{font-size:12.1px;line-height:1.4;margin-bottom:10px} .pro-result-detail{font-size:11.3px;line-height:1.36;padding-top:9px} .pro-cta{width:100%;text-align:center;margin-top:10px;padding:10px 14px} .pro-steps{padding:8px 10px 5px} .pro-steps-title{font-size:15.5px;line-height:1.18;margin-bottom:5px} .pro-steps-grid{grid-template-columns:repeat(3,1fr);gap:5px} .pro-step{padding:5px 4px} .pro-step-n{width:23px;height:23px;font-size:10.5px;margin-bottom:3px} .pro-step strong{font-size:10.4px;line-height:1.16;margin-bottom:0} .pro-step p{display:none} .pro-personal{padding:5px 10px 8px} .pro-personal-box{padding:7px 8px} .pro-personal-title{font-size:12.3px;line-height:1.22;margin-bottom:2px} .pro-personal-text{font-size:11.4px;line-height:1.32} } @media(max-width:700px){ /* WMaker : les 4 liens de missions pointent vers le même article a21. Neutraliser tout état "actif" hérité de l'article courant dans le hamburger. */ a[href*="ESPACE-ENTREPRISES_a21.html"][href*="mission="], a[href*="ESPACE-ENTREPRISES_a21.html"][href*="#visite-terrain"], a[href*="ESPACE-ENTREPRISES_a21.html"][href*="#presence-projet"], a[href*="ESPACE-ENTREPRISES_a21.html"][href*="#presence-projet-etendue"], a[href*="ESPACE-ENTREPRISES_a21.html"][href*="#continuite-projet"]{ background:transparent!important; color:#ececec!important; box-shadow:none!important; } li:has(a[href*="ESPACE-ENTREPRISES_a21.html"][href*="mission="]), li:has(a[href*="ESPACE-ENTREPRISES_a21.html"][href*="#visite-terrain"]), li:has(a[href*="ESPACE-ENTREPRISES_a21.html"][href*="#presence-projet"]), li:has(a[href*="ESPACE-ENTREPRISES_a21.html"][href*="#presence-projet-etendue"]), li:has(a[href*="ESPACE-ENTREPRISES_a21.html"][href*="#continuite-projet"]){ background:transparent!important; } } /* MISSION IDENTIFIÉE — MÊME LARGEUR QUE LE BLOC "QUAND UNE PRÉSENCE LOCALE..." */ .pro-result{ width:100%!important; max-width:none!important; margin-left:auto!important; margin-right:auto!important; } /* B2B DESKTOP — SUPPRESSION DE L'EFFET ESCALIER Cadre professionnel + Situations + Mission identifiée = mêmes bords */ @media(min-width:701px){ .pro-proof, .pro-situations-box, .pro-result{ width:820px!important; max-width:820px!important; margin-left:auto!important; margin-right:auto!important; box-sizing:border-box!important; } } /* MOBILE — NOMS DE MISSIONS : PLUS PETITS ET SANS DÉBORDEMENT */ .pro-mobile-br{display:none} @media(max-width:700px){ .pro-mobile-br{ display:block!important; } .pro-choice strong{ width:88%!important; max-width:210px!important; height:48px!important; min-height:48px!important; box-sizing:border-box!important; overflow:hidden!important; font-size:8.2px!important; line-height:1.02!important; font-weight:800!important; letter-spacing:.1px!important; white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; padding:0 6px!important; display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; -webkit-text-size-adjust:none!important; text-size-adjust:none!important; } } /* MOBILE — TYPO ÉQUILIBRÉE : taille normale pour les intitulés courts, légèrement réduite uniquement pour les 2 intitulés longs */ @media(max-width:700px){ .pro-choice strong{ font-size:10.9px!important; line-height:1.06!important; font-weight:800!important; letter-spacing:.15px!important; white-space:normal!important; overflow:hidden!important; -webkit-text-size-adjust:none!important; text-size-adjust:none!important; } .pro-choice strong.pro-long-name{ font-size:10.5px!important; line-height:1.04!important; } } /* B2B MOBILE — 4 BOUTONS VERTICAUX, MÊME MODÈLE, MÊMES CARTOUCHES, MÊME TAILLE DE TITRE */ @media(max-width:700px){ .pro-grid{ grid-template-columns:1fr!important; gap:10px!important; } .pro-choice{ width:100%!important; height:148px!important; min-height:148px!important; padding:12px 9px 11px!important; border:3px solid #f0a000!important; border-radius:8px!important; background:#ffffff!important; box-shadow:0 3px 9px rgba(0,0,0,.09)!important; display:flex!important; flex-direction:column!important; justify-content:flex-start!important; align-items:center!important; text-align:center!important; } .pro-mobile-br{ display:block!important; } .pro-choice strong, .pro-choice strong.pro-long-name{ width:88%!important; max-width:220px!important; height:54px!important; min-height:54px!important; flex:0 0 54px!important; box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; margin:0 auto 9px!important; padding:0 8px!important; background:#303437!important; border:0!important; border-radius:3px!important; color:#fff!important; font-size:12px!important; line-height:1.08!important; font-weight:800!important; letter-spacing:.15px!important; white-space:normal!important; overflow:hidden!important; word-break:normal!important; overflow-wrap:normal!important; -webkit-text-size-adjust:none!important; text-size-adjust:none!important; } .pro-choice span{ display:block!important; width:88%!important; max-width:250px!important; margin:0 auto!important; font-size:12px!important; line-height:1.32!important; font-weight:600!important; color:#555a58!important; text-align:center!important; } } /* MOBILE — RETOUR À L'ACCUEIL : ENTIÈREMENT VISIBLE, PROCHE DU LOGO, SANS ROGNAGE */ @media(max-width:700px){ #presencepro{ overflow:visible!important; } .pro-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; } .pro-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:11.8px!important; line-height:1.2!important; } } /* MOBILE — CORRECTION DU HAUT DE PAGE TRONQUÉ APRÈS CLIC SUR LES MISSIONS PRÉSENCE PROJET ÉTENDUE / CONTINUITÉ PROJET */ @media(max-width:700px){ html, body, #presencepro, .pro-assistant, #pro-home, .pro-grid, .pro-choice, .pro-result{ overflow-anchor:none!important; } } /* ========================================================= B2B — REGROUPEMENT FINAL DES MISSIONS 3 missions puis 1 mission de suivi ========================================================= */ .pro-group-title{ width:100%; margin:0 auto; display:flex; align-items:center; justify-content:center; gap:14px; font-family:inherit; font-size:12.5px; line-height:1.2; font-weight:700; letter-spacing:1.25px; text-transform:uppercase; color:#4d5150; text-align:center; } .pro-group-title::before, .pro-group-title::after{ content:""; display:block; flex:1 1 auto; height:1px; background:#c9ccca; } .pro-group-title-follow{ margin-top:14px; } @media(min-width:701px){ #presencepro .pro-main-title{ margin-bottom:22px!important; } #presencepro .pro-grid{ width:820px!important; max-width:820px!important; margin-left:auto!important; margin-right:auto!important; grid-template-columns:1fr!important; gap:8px!important; } #presencepro .pro-grid .pro-choice{ width:100%!important; max-width:820px!important; margin-left:auto!important; margin-right:auto!important; justify-self:stretch!important; } #presencepro .pro-group-title{ width:100%!important; max-width:820px!important; } } @media(max-width:700px){ #presencepro .pro-main-title{ margin-bottom:14px!important; } #presencepro .pro-group-title{ display:flex!important; visibility:visible!important; opacity:1!important; width:100%!important; min-height:24px!important; margin:0 auto 6px!important; gap:9px!important; font-size:10.8px!important; line-height:1.2!important; font-weight:750!important; letter-spacing:.9px!important; color:#4d5150!important; } #presencepro .pro-group-title::before, #presencepro .pro-group-title::after{ content:""!important; display:block!important; flex:1 1 auto!important; height:1px!important; background:#c9ccca!important; } #presencepro .pro-group-title-follow{ margin-top:9px!important; } } /* QUESTIONS PRATIQUES B2B — ACCORDÉON COMPACT */ .pro-faq{ max-width:900px; margin:-8px auto 0; padding:0 22px 34px; } .pro-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); } .pro-faq-list{ width:820px; max-width:100%; margin:0 auto; } .pro-faq-item{ margin:0 0 7px; border:1px solid #d4d4d4; border-radius:6px; background:#fff; overflow:hidden; } .pro-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; } .pro-faq-item summary::-webkit-details-marker{ display:none; } .pro-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; } .pro-faq-item[open] summary:after{ content:"−"; } .pro-faq-answer{ border-top:1px solid #ececec; padding:10px 14px 12px; } .pro-faq-answer p{ margin:0; font-size:12.5px; line-height:1.55; color:#616563; } @media(max-width:700px){ .pro-faq{ margin:0 auto; padding:4px 10px 10px; } .pro-faq-title{ font-size:15.5px; line-height:1.25; margin-bottom:7px; } .pro-faq-item{ margin-bottom:5px; } .pro-faq-item summary{ padding:9px 32px 9px 11px; font-size:11.8px; line-height:1.3; } .pro-faq-item summary:after{ right:11px; font-size:18px; } .pro-faq-answer{ padding:8px 11px 10px; } .pro-faq-answer p{ font-size:11.3px; line-height:1.4; } } function proScroll(){ var box=document.getElementById('pro-result'); if(!box){return;} function placeResult(){ var y=box.getBoundingClientRect().top + window.pageYOffset - 8; window.scrollTo(0,y); } /* Plusieurs recalages courts : Safari mobile peut déplacer la page quand les boutons qui viennent d'être cliqués sont masqués. */ placeResult(); requestAnimationFrame(placeResult); setTimeout(placeResult,70); setTimeout(placeResult,180); setTimeout(placeResult,360); } function proHome(){ var result=document.getElementById('pro-result'); var home=document.getElementById('pro-home'); if(result){ result.style.display='none'; result.innerHTML=''; } if(home){ home.style.display='block'; } /* Retirer mission/hash SANS navigation ni rechargement. */ if(window.history && window.history.replaceState){ window.history.replaceState( null, document.title, window.location.pathname ); } /* IMPORTANT MOBILE / SAFARI : après "Modifier mon choix", revenir TOUJOURS sur le titre des 4 choix, même pour PRÉSENCE PROJET ÉTENDUE et CONTINUITÉ PROJET. Plusieurs rappels empêchent Safari/WMaker de restaurer l'ancienne position de défilement. */ function proBackToChoices(){ var target=document.querySelector('.pro-main-title'); if(!target){return;} var y=target.getBoundingClientRect().top + window.pageYOffset - 14; window.scrollTo(0,y); } if('scrollRestoration' in history){ history.scrollRestoration='manual'; } proBackToChoices(); requestAnimationFrame(proBackToChoices); setTimeout(proBackToChoices,60); setTimeout(proBackToChoices,160); setTimeout(proBackToChoices,320); setTimeout(proBackToChoices,600); } function proResult(title,price,context,text,detail,examples){ return '' +'← Modifier mon choix' +'' +'' +'' +'' +'' +'' +(examples ? '' : '') +'CHOISIR MON CRÉNEAU'; } function showProResult(type,skipScroll){ if('scrollRestoration' in history){ history.scrollRestoration='manual'; } var html=''; if(type==='visite'){ html=proResult( 'VISITE TERRAIN PILOTÉE', '350 € HT', 'Observer et documenter sur place les éléments définis par votre entreprise.', 'CYRNEA PRÉSENCE observe, relève, photographie ou filme les éléments convenus et pose, lorsque cela est prévu, les questions définies avant la mission.', 'Présence terrain : 60 minutes maximum. Photographies, vidéos ou visio en direct peuvent être prévues selon l’objectif de la mission. Restitution factuelle des éléments observés, obtenus et manquants. Le pilotage et les décisions restent entièrement chez votre entreprise.', '' +'' +'' ); } if(type==='projet'){ html=proResult( 'PRÉSENCE PROJET', '490 € HT', 'Observer et documenter sur place un jalon défini par votre entreprise.', 'Une présence ponctuelle à un moment précis du projet afin d’observer la situation, recueillir les éléments convenus et restituer factuellement ce qui est constaté sur place.', 'Présence terrain : 75 minutes maximum. Une visio peut être prévue pendant le rendez-vous lorsque cela est utile à votre équipe. CYRNEA PRÉSENCE ne coordonne ni les intervenants, ni leur calendrier, ni l’exécution des travaux.', '' +'' +'' ); } if(type==='etendue'){ html=proResult( 'PRÉSENCE PROJET ÉTENDUE', '690 € HT', 'Observer et documenter sur place une séquence plus large liée à un même objectif.', 'Une présence plus longue lorsqu’un même objectif nécessite davantage de temps sur place pour observer, documenter et recueillir les éléments convenus.', 'Présence terrain : 3 heures maximum pour un seul objectif défini à l’avance. Cette formule ne constitue ni une permanence, ni une coordination de projet.', '' +'' +'' ); } if(type==='continuite'){ html=proResult( 'CONTINUITÉ PROJET', '1 190 € HT', 'Observer, documenter et comparer le même projet à trois moments clés.', 'Trois présences consacrées au même objectif afin de documenter factuellement son évolution à différents moments.', '3 présences de 75 minutes maximum chacune. Les moments sont choisis lorsque le besoin apparaît puis réservés selon les disponibilités de l’agenda. Aucun créneau n’est bloqué à l’achat.', '' +'' +'' ); } if(!html){return;} document.getElementById('pro-home').style.display='none'; var result=document.getElementById('pro-result'); result.innerHTML=html; result.style.display='block'; if(!skipScroll){ proScroll(); } } function proMissionFromUrl(){ var type=''; try{ var u=new URL(window.location.href); var mission=(u.searchParams.get('mission') || '').toLowerCase(); var hash=(u.hash || '').replace('#','').toLowerCase(); if(mission==='visite' || hash==='visite-terrain'){ type='visite'; } if(mission==='projet' || hash==='presence-projet'){ type='projet'; } if(mission==='etendue' || hash==='presence-projet-etendue'){ type='etendue'; } if(mission==='continuite' || hash==='continuite-projet'){ type='continuite'; } }catch(e){} return type; } function proKeepTopVisible(){ 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); }); } function proOpenFromHash(){ var type=proMissionFromUrl(); if(type){ /* Depuis le hamburger ou une URL directe : ouvrir la bonne mission ET descendre vers son encart. */ showProResult(type,false); /* Nettoyer l'adresse après ouverture de la mission, sans rechargement et sans casser le hamburger. */ if(window.history && window.history.replaceState){ window.history.replaceState( null, document.title, window.location.pathname ); } } } document.addEventListener('DOMContentLoaded',function(){ proOpenFromHash(); }); window.addEventListener('hashchange',function(){ proOpenFromHash(); }); (function(){ function mobileMissionOpen(){ if(window.innerWidth>700){return false;} var result=document.getElementById('pro-result'); return !!(result && result.style.display==='block'); } window.addEventListener('scroll',function(){ if(!mobileMissionOpen()){return;} var y=window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; /* Quand on arrive quasiment en haut, forcer le vrai haut de document. Cela évite le faux "haut" tronqué observé sur Safari/WMaker. */ if(y>0 && y