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:38px; 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-tarif-note{ margin:14px auto 0; max-width:820px; text-align:center; font-size:11.5px; line-height:1.45; color:#777; font-weight:400 } .pro-tarif-note strong{ color:#555; font-weight:700 } .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-tarif-note{ margin:10px 4px 0; font-size:10px; line-height:1.35 } .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; } } /* ADRESSE CYRNEA PRÉSENCE — B2B */ .pro-address{ max-width:900px; margin:0 auto; padding:0 22px 34px; font-family:inherit; box-sizing:border-box; text-align:center; } .pro-address-box{ width:820px; max-width:100%; margin:0 auto; padding:17px 18px; box-sizing:border-box; border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .pro-address-brand{ margin:0 0 7px; font-size:14px; line-height:1.3; font-weight:800; color:#2f3233; letter-spacing:.35px; } .pro-address-brand .pro-brand-cyrnea{ color:#f0a000; } .pro-address-place{ margin:0; font-size:14px; line-height:1.5; font-weight:700; color:var(--dark); } .pro-address-service{ margin:7px 0 0; font-size:13px; line-height:1.45; color:var(--text); font-style:italic; } .pro-address-email{ margin:8px 0 0; font-size:13px; line-height:1.4; } .pro-address-email a{ color:var(--anth); font-weight:700; text-decoration:none; } @media(max-width:700px){ .pro-address{ padding:0 10px 24px; } .pro-address-box{ padding:15px 10px; } .pro-address-brand{ font-size:13.5px; } .pro-address-place{ font-size:13.5px; } .pro-address-service{ font-size:12.5px; } .pro-address-email{ font-size:12.5px; } } /* LOGISTIQUE B2B — 2 x 2 sur écran large, 1 colonne sur mobile */ #presencepro .pro-log-grid{ width:820px; max-width:100%; margin:0 auto; display:grid; grid-template-columns:repeat(2,1fr); gap:8px; } #presencepro .pro-log-grid .pro-choice{ width:100%!important; max-width:none!important; margin:0!important; } @media(max-width:700px){ #presencepro .pro-log-grid{ width:100%; grid-template-columns:repeat(2,1fr); gap:6px; } #presencepro .pro-log-grid .pro-choice{ height:142px!important; min-height:142px!important; padding:10px 6px!important; } #presencepro .pro-log-grid .pro-choice strong{ width:94%!important; max-width:none!important; height:46px!important; min-height:46px!important; flex:0 0 46px!important; margin-bottom:7px!important; padding:0 5px!important; font-size:10.2px!important; line-height:1.05!important; } #presencepro .pro-log-grid .pro-choice span{ width:94%!important; max-width:none!important; font-size:10.4px!important; line-height:1.24!important; } } /* RÉSERVATION B2B — STANDARD + HORS STANDARD */ .pro-standard-trigger,.pro-hs-trigger{border:0;cursor:pointer;margin-top:0!important} .pro-booking-standard-note{max-width:700px;margin:8px auto 16px;font:600 11.5px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#666;text-align:center} .pro-standard-box{max-width:700px;margin:18px auto 16px;padding:17px 16px;border:1px solid #d6d6d6;border-radius:6px;background:#f8f8f8;text-align:center} .pro-standard-kicker{font-size:10.5px;font-weight:800;letter-spacing:1.15px;color:#6f7472;margin-bottom:6px} .pro-standard-title{font-size:16px;line-height:1.25;font-weight:700;color:#303437;margin-bottom:7px} .pro-standard-note{font-size:11.5px;line-height:1.45;color:#666;margin:0 auto 12px;max-width:630px} .pro-hs-box{max-width:700px;margin:18px auto 0;padding:17px 16px;border:1px solid #d8c6b7;border-radius:6px;background:#fffaf6;text-align:center} .pro-hs-kicker{font-size:10.5px;font-weight:800;letter-spacing:1.15px;color:#9a6d4d;margin-bottom:6px} .pro-hs-title{font-size:16px;line-height:1.25;font-weight:700;color:#303437;margin-bottom:7px} .pro-hs-note{font-size:11.5px;line-height:1.45;color:#666;margin:0 auto 12px;max-width:630px} .pro-hs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px} .pro-hs-btn{border:1px solid #d5b89f;border-radius:5px;background:#fff;padding:12px 10px;cursor:pointer;font-family:inherit;color:#303437} .pro-hs-btn span,.pro-hs-btn strong{display:block} .pro-hs-btn span{font-size:11px;font-weight:700;margin-bottom:4px} .pro-hs-btn strong{font-size:12px;color:#9a6d4d} .pro-hs-panel{margin-top:12px;padding-top:12px;border-top:1px solid #e4d7cc} .pro-hs-panel-title{font-size:12px;font-weight:700;color:#444;margin-bottom:9px} .pro-hs-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;text-align:left} .pro-hs-field label{display:block;font-size:10.5px;font-weight:700;color:#555;margin-bottom:5px} .pro-hs-field input,.pro-hs-field select{width:100%;box-sizing:border-box;border:1px solid #c9c9c9;border-radius:5px;background:#fff;padding:9px 8px;font:12px inherit;color:#222} .pro-hs-go{display:block;width:100%;margin-top:11px;border:0;border-radius:5px;background:#252829;color:#fff;padding:11px 10px;font:700 12px inherit;cursor:pointer} .pro-hs-msg{margin-top:8px;font-size:11.5px;line-height:1.4;color:#6b4f3c;text-align:center} @media(max-width:700px){.pro-booking-standard-note{margin:8px 4px 14px;font-size:11px;line-height:1.4}.pro-hs-grid{grid-template-columns:1fr}.pro-hs-fields{grid-template-columns:1fr 1fr}.pro-hs-field:first-child{grid-column:1/-1}} /* ========================================================= B2B — PAIEMENT SÉCURISÉ ========================================================= */ .pro-payment{ width:620px; max-width:100%; margin:22px auto 0; padding:14px 18px 13px; box-sizing:border-box; border-top:1px solid #dedede; text-align:center; } .pro-payment-title{ margin:0 0 9px; font-size:12px; line-height:1.3; font-weight:800; letter-spacing:.65px; color:#f0a000; text-transform:uppercase; } .pro-payment-brands{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:7px; } .pro-payment-brand{ display:inline-flex; min-height:30px; padding:6px 12px; box-sizing:border-box; align-items:center; justify-content:center; border:1px solid #252829; border-radius:5px; background:#252829; color:#fff; font-size:11.5px; line-height:1; font-weight:700; } .pro-payment-note{ margin:8px 0 0; font-size:10.8px; line-height:1.4; color:#777; } /* ========================================================= B2B — FAQ GROUPÉE ========================================================= */ .pro-faq{ max-width:900px; margin:0 auto; padding:4px 22px 34px; box-sizing:border-box; } .pro-faq-group{ width:820px; max-width:100%; margin:0 auto 10px; border:1px solid #d4d4d4; border-radius:6px; background:#fff; overflow:hidden; } .pro-faq-group > summary{ position:relative; list-style:none; cursor:pointer; padding:15px 44px 15px 16px; font-size:14px; line-height:1.35; font-weight:800; letter-spacing:.3px; color:#2f3233; background:#fff; } .pro-faq-group > summary::-webkit-details-marker{ display:none; } .pro-faq-group > summary:after{ content:"+"; position:absolute; right:15px; top:50%; transform:translateY(-50%); font-size:22px; line-height:1; font-weight:400; color:#f0a000; } .pro-faq-group[open] > summary:after{ content:"−"; } .pro-faq-group-content{ padding:8px 10px 10px; border-top:1px solid #ececec; background:#f8f8f8; } .pro-faq-group .pro-faq-list{ width:100%; max-width:100%; margin:0 auto; } .pro-faq-group .pro-faq-item:last-child{ margin-bottom:0; } @media(max-width:700px){ .pro-payment{ margin-top:16px; padding:12px 8px 11px; } .pro-payment-title{ font-size:10.5px; } .pro-payment-brands{ gap:5px; } .pro-payment-brand{ min-height:27px; padding:5px 9px; font-size:10px; } .pro-payment-note{ font-size:9.8px; } .pro-faq{ margin:0 auto; padding:4px 10px 10px; } .pro-faq-group{ margin-bottom:8px; } .pro-faq-group > summary{ padding:13px 38px 13px 13px; font-size:12.8px; line-height:1.3; } .pro-faq-group > summary:after{ right:12px; font-size:20px; } .pro-faq-group-content{ padding:7px 7px 8px; } } /* AJOUT 29/09/2026 — LIENS "EN SAVOIR PLUS" B2B — AJOUT ISOLÉ */ .pro-result-topbar{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin:0 0 13px; position:relative; z-index:20; } .pro-result-topbar .pro-back{ margin:0; } .pro-more-link{ display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:8px 12px; box-sizing:border-box; border:1px solid #c8c8c8; border-radius:5px; background:#f5f5f5; color:#424645!important; text-decoration:none!important; font-family:inherit; font-size:12px; line-height:1.2; font-weight:700; letter-spacing:.15px; cursor:pointer; white-space:nowrap; } .pro-more-link:hover{ border-color:#999; background:#eeeeee; } @media(max-width:700px){ .pro-result-topbar{ gap:8px; margin-bottom:9px; } .pro-result-topbar .pro-back, .pro-more-link{ min-height:31px; padding:6px 8px; font-size:11px; } } /* 04/10/2026 — B2B : PAIEMENT IDENTIQUE À LA HOME V27 — AJOUT ISOLÉ */ .pro-payment{ width:620px; max-width:calc(100% - 44px); margin:36px auto 0; padding:18px 18px 16px; box-sizing:border-box; border-top:1px solid var(--line); text-align:center; } .pro-payment-title{ margin:0 0 14px; display:flex; align-items:center; justify-content:center; gap:7px; font-size:12px; line-height:1.3; font-weight:800; letter-spacing:.8px; text-transform:uppercase; color:#4f5351; } .pro-payment-lock{ display:inline-block; font-size:14px; line-height:1; } .pro-payment-brands{ display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; gap:8px; } .pro-payment-logo-box{ width:54px!important; height:32px!important; min-width:54px!important; min-height:32px!important; max-width:54px!important; max-height:32px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:2px 3px!important; box-sizing:border-box!important; background:#fff!important; border:1px solid #e0dedb!important; border-radius:5px!important; overflow:hidden!important; } .pro-payment-logo{ display:block!important; object-fit:contain!important; margin:0 auto!important; } .pro-logo-cb{ width:42px!important; height:28px!important; max-width:42px!important; max-height:28px!important; } .pro-logo-visa{ width:44px!important; height:27px!important; max-width:44px!important; max-height:27px!important; } .pro-logo-mastercard{ width:39px!important; height:28px!important; max-width:39px!important; max-height:28px!important; } .pro-logo-paypal{ width:42px!important; height:26px!important; max-width:42px!important; max-height:26px!important; } .pro-payment-secure{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px; margin:14px auto 0; } .pro-payment-secure a{ display:inline-flex; align-items:center; justify-content:center; text-decoration:none; } .pro-stripe-badge{ display:block!important; width:auto!important; height:24px!important; max-height:24px!important; } .pro-paypal-badge{ display:block!important; width:auto!important; height:29px!important; max-height:29px!important; } .pro-payment-note{ margin:10px 0 0; font-size:10.5px; line-height:1.4; color:#888; } @media(max-width:700px){ .pro-payment{ width:100%; max-width:calc(100% - 20px); margin:28px auto 0; padding:15px 6px 12px; } .pro-payment-title{ margin-bottom:11px; font-size:11px; gap:6px; } .pro-payment-lock{ font-size:13px; } .pro-payment-brands{ gap:5px; } .pro-payment-logo-box{ width:47px!important; height:29px!important; min-width:47px!important; min-height:29px!important; max-width:47px!important; max-height:29px!important; padding:2px!important; } .pro-logo-cb{ width:38px!important; height:25px!important; max-width:38px!important; max-height:25px!important; } .pro-logo-visa{ width:39px!important; height:24px!important; max-width:39px!important; max-height:24px!important; } .pro-logo-mastercard{ width:34px!important; height:25px!important; max-width:34px!important; max-height:25px!important; } .pro-logo-paypal{ width:38px!important; height:24px!important; max-width:38px!important; max-height:24px!important; } .pro-payment-secure{ gap:12px; margin-top:12px; } .pro-stripe-badge{ height:21px!important; max-height:21px!important; } .pro-paypal-badge{ height:25px!important; max-height:25px!important; } .pro-payment-note{ margin-top:8px; font-size:9.5px; line-height:1.35; } } /* ========================================================= 04/10/2026 — ENCART TÉLÉPHONE HARMONISÉ AVEC LA HOME Modification isolée : dimensions / respiration uniquement ========================================================= */ @media(min-width:701px){ #presencepro .pro-phone-wrap{ width:560px!important; max-width:100%!important; margin:18px auto 30px!important; } #presencepro .pro-phone-card{ min-height:126px!important; box-sizing:border-box!important; padding:34px 24px 35px!important; border-radius:7px!important; box-shadow:0 2px 7px rgba(0,0,0,.05)!important; } #presencepro .pro-phone-label{ margin:0 0 9px!important; font-size:13px!important; letter-spacing:.6px!important; } #presencepro .pro-phone-number{ font-size:25px!important; letter-spacing:.35px!important; } } /* === HARMONISATION CYRNEA PRÉSENCE B2B — 10/10/2026 === Rendu uniquement : aucune modification de la logique de réservation. */ .pro-subtitle-mobile, .pro-personal-text-mobile, .pro-sectors-mobile{display:none} .pro-independence{max-width:900px;margin:0 auto 12px;padding:0 22px} .pro-independence-inner{max-width:100%;margin:0 auto;border:1px solid #d4d4d4;border-radius:6px;padding:17px 22px;background:#fff} .pro-independence-title{text-align:center;font-size:15px;font-weight:700;margin-bottom:12px} .pro-independence ul{max-width:630px;margin:0 auto;padding-left:22px;color:#595d5b;font-size:13px;line-height:1.65} .pro-independence li+li{margin-top:8px} @media (min-width:701px){ #presencepro .pro-page-back-wrap{margin-bottom:19px!important} #presencepro .pro-situations-box{background:#fbf5e9!important;border-color:#e3d5b9!important} #presencepro .pro-choice{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease} #presencepro .pro-choice:hover{border-color:#303437!important;box-shadow:0 5px 14px rgba(0,0,0,.10)!important;transform:translateY(-2px)} } @media (max-width:700px){ #presencepro .pro-page-back-wrap{margin-bottom:17px!important} #presencepro .pro-hero{padding:5px 15px 12px!important} #presencepro .pro-kicker{font-size:10.4px!important;line-height:1.45!important;letter-spacing:1.3px!important;margin:0 0 14px!important;text-align:center!important} #presencepro .pro-kicker-separator{display:none!important} #presencepro .pro-kicker-second{display:block!important;margin-top:0!important} #presencepro .pro-title{font-size:23px!important;line-height:1.22!important;margin:0 auto 19px!important;letter-spacing:-.3px!important} #presencepro .pro-subtitle-desktop{display:none!important} #presencepro .pro-subtitle-mobile{display:block!important;font-size:13px!important;line-height:1.55!important;margin:0 auto 22px!important;max-width:540px!important} #presencepro .pro-zone-title{margin-bottom:6px!important} #presencepro .pro-zone{font-size:12px!important;line-height:1.5!important} #presencepro .pro-phone-wrap{margin-top:16px!important} #presencepro .pro-sep{margin:22px auto 14px!important} #presencepro .pro-method-title{font-size:10.5px!important;margin-bottom:8px!important} #presencepro .pro-method{font-size:12px!important;line-height:1.35!important;letter-spacing:-.12px!important} #presencepro .pro-method .arr{padding:0 1px!important} #presencepro .pro-proof{margin-top:16px!important;padding:14px 12px!important;background:transparent!important;border:0!important;border-top:1px solid #ddd!important;border-bottom:1px solid #ddd!important} #presencepro .pro-proof-title{font-size:13px!important;margin-bottom:10px!important} #presencepro .pro-proof-text{font-size:11.8px!important;line-height:1.55!important} #presencepro .pro-situations{display:none!important} #presencepro .pro-sectors-mobile{display:block!important;margin:18px 15px 14px!important;text-align:center;color:#737675} #presencepro .pro-sectors-mobile .pro-sectors-title{font-size:10px!important;margin-bottom:7px!important} #presencepro .pro-sectors-mobile p{font-size:11.5px!important;line-height:1.5!important;margin:0} #presencepro .pro-assistant{padding:16px 12px 9px!important} #presencepro .pro-main-title{font-size:17px!important;line-height:1.3!important;margin-bottom:16px!important} #presencepro .pro-grid{gap:12px!important} #presencepro .pro-choice{height:148px!important;min-height:148px!important;padding:14px 10px!important;justify-content:center!important} #presencepro .pro-choice span{font-size:11.7px!important;line-height:1.36!important} #presencepro .pro-log-grid{gap:9px!important} #presencepro .pro-log-grid .pro-choice{height:153px!important;min-height:153px!important;padding:12px 6px!important} #presencepro .pro-log-grid .pro-choice span{font-size:10.5px!important;line-height:1.35!important} #presencepro .pro-steps{padding:18px 12px 8px!important} #presencepro .pro-tarif-note{font-size:10.6px!important;line-height:1.55!important;margin-top:17px!important} #presencepro .pro-personal{padding:16px 12px 20px!important} #presencepro .pro-personal-box{padding:16px 8px!important;background:transparent!important;border:0!important;border-top:1px solid #ddd!important;border-bottom:1px solid #ddd!important} #presencepro .pro-personal-title{font-size:13px!important;line-height:1.4!important;margin-bottom:14px!important} #presencepro .pro-personal-text-desktop{display:none!important} #presencepro .pro-personal-text-mobile{display:block!important;font-size:12px!important;line-height:1.55!important} #presencepro .pro-personal-text-mobile p{margin:0 auto 14px;max-width:440px} #presencepro .pro-personal-text-mobile p:last-child{margin-bottom:0} #presencepro .pro-independence{padding:0 15px!important;margin:0 auto 23px!important} #presencepro .pro-independence-inner{border:1px solid #d4d4d4!important;border-radius:6px!important;background:#fff!important;padding:16px 12px!important} #presencepro .pro-independence-title{font-size:12.6px!important;margin-bottom:12px!important} #presencepro .pro-independence ul{font-size:11.8px!important;line-height:1.55!important;padding-left:19px!important} #presencepro .pro-independence li+li{margin-top:10px!important} #presencepro .pro-address{padding-bottom:0!important} #presencepro .pro-address-box{padding-bottom:14px!important} } /* B2B 10/10/2026 : aération validée des conditions et fiches missions. CSS limité à #presencepro, sans toucher aux liens ni à la réservation. */ #presencepro .pro-tarif-note{ max-width:790px!important; margin:24px auto 0!important; font-size:12.5px!important; line-height:1.65!important; } #presencepro .pro-tarif-line{margin:0 auto 13px!important} #presencepro .pro-tarif-line:last-child{ margin-top:20px!important; margin-bottom:0!important; padding-top:14px; border-top:1px solid #dedede; } #presencepro .pro-result-context{margin-bottom:16px!important;line-height:1.5!important} #presencepro .pro-result-text{margin-bottom:23px!important;line-height:1.7!important} #presencepro .pro-result-detail{padding-top:21px!important;line-height:1.7!important} #presencepro .pro-result-examples{margin-top:21px!important;padding-top:17px!important} #presencepro .pro-result .pro-cta{margin-top:24px!important} @media(max-width:700px){ #presencepro .pro-tarif-note{ margin:14px 10px 0!important; max-width:none!important; font-size:11.4px!important; line-height:1.44!important; } #presencepro .pro-tarif-line{margin:0 auto 10px!important} #presencepro .pro-tarif-line:last-child{ margin:12px auto 0!important; padding-top:10px!important; border-top:1px solid #dedede!important; } #presencepro .pro-result-context{margin-bottom:13px!important;line-height:1.46!important} #presencepro .pro-result-text{margin-bottom:18px!important;line-height:1.56!important} #presencepro .pro-result-detail{padding-top:17px!important;line-height:1.55!important} #presencepro .pro-result-examples{margin-top:16px!important;padding-top:14px!important} #presencepro .pro-result .pro-cta{margin-top:20px!important} } /* 10/10/2026 — CORRECTION MOBILE CIBLÉE Boutons de réservation avant détails; ordre desktop inchangé. Aucune modification des paramètres ou actions des boutons. */ #presencepro .pro-result-booking{display:contents} @media(max-width:700px){ /* Les règles générales doivent être lisibles sans occuper l'écran entier. */ #presencepro .pro-tarif-note{ margin:12px 8px 0!important; font-size:11.8px!important; line-height:1.45!important; font-weight:400!important; text-align:left!important; } #presencepro .pro-tarif-line{ margin:0 0 11px!important; } #presencepro .pro-tarif-line:last-child{ margin:13px 0 0!important; padding:10px 0 0!important; border-top:1px solid #dedede!important; } /* Mission identifiée: prix, objectif, puis boutons visibles immédiatement. */ #presencepro .pro-result[style*="display: block"]{ display:flex!important; flex-direction:column!important; align-items:stretch!important; } #presencepro .pro-result-topbar{order:1} #presencepro .pro-result-label{order:2} #presencepro .pro-result-title{order:3} #presencepro .pro-result-price{order:4;margin-bottom:13px!important} #presencepro .pro-result-context{ order:5; margin-bottom:13px!important; line-height:1.36!important; } #presencepro .pro-result-booking{ order:6; display:flex!important; flex-direction:column!important; width:100%; margin:0 auto 16px!important; padding-bottom:15px!important; border-bottom:1px solid #dedede; } #presencepro .pro-result-booking .pro-cta{ margin-top:9px!important; padding:11px 9px!important; line-height:1.35!important; } #presencepro .pro-result-booking .pro-booking-standard-note{ margin:8px auto 3px!important; font-size:11px!important; line-height:1.4!important; } #presencepro .pro-result-text{order:7;margin-bottom:12px!important;line-height:1.45!important} #presencepro .pro-result-detail{order:8;padding-top:13px!important;line-height:1.48!important} #presencepro .pro-result-examples{order:9;margin-top:14px!important;padding-top:12px!important} } /* CYRNEA B2B a21 — CONDITIONS DE RÉSERVATION : VERSION MOBILE VALIDÉE. Desktop intégralement conservé, contenu et circuits inchangés. */ #presencepro .pro-tarif-mobile{display:none} @media(max-width:700px){ #presencepro .pro-tarif-desktop{display:none!important} #presencepro .pro-tarif-mobile{ display:block!important; max-width:560px; margin:17px 12px 0!important; padding:0 2px!important; text-align:left!important; color:#5c605e; font-size:12.5px!important; line-height:1.48!important; } #presencepro .pro-tarif-mobile-title{ margin:0 0 13px!important; text-align:center!important; color:#303437; font-size:13px!important; font-weight:800!important; letter-spacing:.5px; } #presencepro .pro-tarif-mobile-section{ padding:0 0 11px!important; margin:0 0 11px!important; border-bottom:1px solid #dbdddc; } #presencepro .pro-tarif-mobile-heading{ margin:0 0 5px!important; font-size:12.6px!important; font-weight:750!important; line-height:1.32!important; color:#343837; } #presencepro .pro-tarif-mobile-section p{ margin:0 0 6px!important; font-size:12.5px!important; font-weight:400!important; line-height:1.48!important; color:#626663; } #presencepro .pro-tarif-mobile-section p:last-child{margin-bottom:0!important} #presencepro .pro-tarif-mobile-section strong{font-weight:750!important;color:#454948!important} #presencepro .pro-tarif-mobile-final{margin-bottom:0!important;padding-bottom:0!important;border-bottom:0!important} } /* 10/10/2026 — B2B : synthèse essentielle AVANT réservation sur mobile. Texte complet de la mission conservé après les boutons. */ #presencepro .pro-result-essential{display:none} @media(max-width:700px){ #presencepro .pro-result-essential{ display:block!important; order:6; max-width:560px; margin:0 auto 13px!important; color:#5a5f5c; font-size:12px!important; line-height:1.48!important; text-align:center; } #presencepro .pro-result-booking{order:7!important} #presencepro .pro-result-text{order:8!important} #presencepro .pro-result-detail{order:9!important} #presencepro .pro-result-examples{order:10!important} #presencepro .pro-tarif-mobile-heading{font-size:12.2px!important;line-height:1.35!important} #presencepro .pro-tarif-mobile-section{padding-bottom:13px!important;margin-bottom:13px!important} #presencepro .pro-tarif-mobile-section p{margin-bottom:9px!important} } /* 10/10/2026 — Hiérarchie des conditions B2B sur mobile seulement */ @media(max-width:700px){ #presencepro .pro-tarif-mobile-heading{ font-size:14px!important; font-weight:800!important; line-height:1.35!important; margin-bottom:11px!important; color:#303437!important; } #presencepro .pro-tarif-mobile-section p{ font-size:12px!important; line-height:1.5!important; margin-bottom:10px!important; } #presencepro .pro-tarif-mobile-section p strong{ font-size:11.8px!important; font-weight:750!important; color:#454948!important; } #presencepro .pro-tarif-mobile-final p{font-size:11.5px!important} } /* L'ancrage #missions-entreprises est conserve pour les liens de retour des pages B2B. */ @media(max-width:700px){ #presencepro #missions-entreprises{scroll-margin-top:20px} } /* 10/10/2026 — FINITION STRICTEMENT MOBILE : respiration haute mesurée. Ne modifie ni le desktop ni les contenus ni le parcours de réservation. */ @media(max-width:700px){ #presencepro .pro-page-back-wrap{margin-top:-38px!important;margin-bottom:12px!important} #presencepro .pro-kicker{margin-bottom:10px!important} #presencepro .pro-title{margin-bottom:15px!important} #presencepro .pro-subtitle-mobile{margin-bottom:16px!important} } /* 10/10/2026 — HARMONISATION MOBILE AVEC a20 VALIDÉE. Titres/rythme du haut, encadrés et noms de missions proportionnés. DESKTOP ET LOGIQUE DE RÉSERVATION INCHANGÉS. */ @media(max-width:700px){ /* Même échelle typographique que « Vos yeux sur place... » (a20). */ #presencepro .pro-kicker{ font-size:10px!important; line-height:1.4!important; letter-spacing:1.4px!important; margin-bottom:18px!important; } #presencepro .pro-title{ font-size:28px!important; line-height:1.14!important; font-weight:600!important; letter-spacing:-.4px!important; margin:0 auto 12px!important; max-width:820px!important; } #presencepro .pro-subtitle-mobile{ font-size:13px!important; line-height:1.6!important; margin:0 auto 16px!important; max-width:540px!important; } /* Encadré cadre professionnel identique à a20. */ #presencepro .pro-proof{ margin-top:17px!important; padding:17px 15px!important; border:1px solid #d7d7d7!important; border-radius:6px!important; background:#fff!important; } #presencepro .pro-proof-title{ font-size:14px!important; line-height:1.3!important; margin-bottom:8px!important; } #presencepro .pro-proof-text{font-size:12px!important;line-height:1.55!important;} /* Encadré sur la mission personnellement réalisée. */ #presencepro .pro-personal{padding:17px 15px 13px!important;} #presencepro .pro-personal-box{ padding:16px 12px!important; border:1px solid #d4d4d4!important; border-radius:6px!important; background:#fff!important; } #presencepro .pro-personal-title{ font-size:14px!important; line-height:1.3!important; margin-bottom:9px!important; } #presencepro .pro-personal-text-mobile{ font-size:12.5px!important; line-height:1.55!important; } /* 4 missions terrain : lisibles, taille adaptée à leurs libellés sur deux lignes. */ #presencepro .pro-grid > .pro-choice strong{ font-size:16px!important; line-height:1.12!important; letter-spacing:.15px!important; } #presencepro .pro-grid > .pro-choice strong.pro-long-name{ font-size:15px!important; line-height:1.1!important; } /* Logistique en grille 2 colonnes : libellés parfois très longs. */ #presencepro .pro-log-grid .pro-choice strong{ font-size:12.5px!important; line-height:1.12!important; letter-spacing:0!important; padding:0 4px!important; overflow-wrap:normal!important; } #presencepro .pro-log-grid .pro-choice:nth-child(3) strong{ font-size:11.8px!important; } } /* 10/10/2026 — HARMONISATION FINALE MOBILE B2B : 8 missions de même importance ; 15px sur tous les noms. Compression des marges superflues seulement, jamais des textes ni des conditions. */ @media(max-width:700px){ /* 4 prestations de terrain, titres unifiés. */ #presencepro .pro-grid > .pro-choice strong, #presencepro .pro-grid > .pro-choice strong.pro-long-name{ font-size:15px!important; line-height:1.12!important; font-weight:800!important; letter-spacing:0!important; } /* 4 prestations logistiques : même taille, y compris RÉCUPÉRATION. */ #presencepro .pro-log-grid .pro-choice strong, #presencepro .pro-log-grid .pro-choice:nth-child(3) strong{ font-size:15px!important; line-height:1.08!important; font-weight:800!important; letter-spacing:0!important; height:60px!important; min-height:60px!important; flex:0 0 60px!important; margin:0 auto 8px!important; padding:0 4px!important; max-width:none!important; overflow:visible!important; overflow-wrap:normal!important; word-break:normal!important; } #presencepro .pro-log-grid .pro-choice{ height:153px!important; min-height:153px!important; padding:9px 5px!important; justify-content:flex-start!important; align-items:center!important; } #presencepro .pro-log-grid .pro-choice span{ font-size:10.4px!important; line-height:1.24!important; } /* 4 cartes terrain : limiter la hauteur vide tout en gardant le descriptif. */ #presencepro .pro-grid > .pro-choice{ height:150px!important; min-height:150px!important; padding:12px 9px!important; justify-content:flex-start!important; align-items:center!important; } #presencepro .pro-grid{gap:8px!important;} #presencepro .pro-group-title-follow{margin-top:6px!important;} /* Réduire le défilement sans compacter les phrases. */ #presencepro .pro-assistant{padding-top:12px!important;padding-bottom:6px!important;} #presencepro .pro-main-title{margin-bottom:9px!important;} #presencepro .pro-sectors-mobile{margin-bottom:5px!important;} #presencepro .pro-steps{padding-top:12px!important;padding-bottom:5px!important;} #presencepro .pro-steps-title{margin-bottom:9px!important;} #presencepro .pro-payment{margin-top:22px!important;} #presencepro .pro-personal{padding-top:11px!important;} } /* 12/10/2026 — A21 : informations d'accès au site et restitution des clés. Ajout isolé ; aucun sélecteur préexistant modifié. */ #presencepro .pro-access{ width:820px; max-width:calc(100% - 36px); box-sizing:border-box; margin:0 auto 20px; padding:0 15px; text-align:center; } #presencepro .pro-access-title{ margin:0 0 9px; color:#252829; font-size:14px; line-height:1.4; font-weight:750; letter-spacing:.25px; } #presencepro .pro-access-text{ margin:0 0 8px; color:#555a59; font-size:12.5px; line-height:1.55; font-weight:400; } #presencepro .pro-access-text:last-child{margin-bottom:0;} #presencepro .pro-access-text strong{color:#343837;font-weight:700;} #presencepro .pro-faq-answer a.pro-laposte-link{ color:#343837; text-decoration:underline; text-underline-offset:2px; } @media(max-width:700px){ #presencepro .pro-access{ width:auto; max-width:calc(100% - 24px); margin:0 auto 16px; padding:0 9px; } #presencepro .pro-access-title{font-size:12.8px;line-height:1.35;margin-bottom:8px;} #presencepro .pro-access-text{font-size:11.8px;line-height:1.5;margin-bottom:7px;} } /* 13/10/2026 — B2B : élargir UNIQUEMENT les descriptions des 4 cartes terrain sur ordinateur. Aucune incidence sur les cartouches, la logistique ou le mobile. */ @media(min-width:701px){ #presencepro .pro-grid > .pro-choice > span{ width:90%; max-width:650px; } } 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); } var PRO_B2B_INTENT_BRIDGE='https://cyrnea-b2b-intent-bridge.jeancharles-coti.workers.dev/intent'; function proHsConfig(type){ var cfg={ visite:{title:'VISITE TERRAIN PILOTÉE',limited:true,priority:470,sunday:530}, projet:{title:'PRÉSENCE PROJET',limited:false,priority:610,evening:610,night:670,sunday:670}, etendue:{title:'PRÉSENCE PROJET ÉTENDUE',limited:false,priority:810,evening:810,night:870,sunday:870}, continuite:{title:'CONTINUITÉ PROJET',limited:false,priority:1310,evening:1310,night:1370,sunday:1370}, acces:{title:'ACCÈS B2B',limited:true,priority:149,sunday:169}, remise:{title:'REMISE CLÉ / BADGE B2B',limited:true,priority:149,sunday:169}, recuperation:{title:'RÉCUPÉRATION CLÉ / BADGE B2B',limited:true,priority:149,sunday:169}, logistique:{title:'PRÉSENCE LOGISTIQUE B2B',limited:true,priority:209,sunday:229} }; return cfg[type] || null; } function proCtas(standardUrl,standardPrice,missionValue,nightAllowed,type){ var horsStandardLabel=nightAllowed ? 'HORS STANDARD — RÉSERVATION À MOINS DE 24 H / SOIR 19 H–20 H 59 / NUIT À PARTIR DE 21 H / DIM.–FÉRIÉ' : 'HORS STANDARD — RÉSERVATION À MOINS DE 24 H / DIMANCHE-FÉRIÉ'; var cfg=proHsConfig(type); var hs = cfg ? ''+horsStandardLabel+'' : ''; return '' +'STANDARD — LUN.–SAM. — JUSQU’À 19 H — '+standardPrice+'' +'' +(cfg ? proStandardBox(type) : '') +hs +(cfg ? proHsBox(type) : ''); } function proStandardBox(type){ var c=proHsConfig(type); if(!c)return ''; return ''; } function proStandardHourOptions(){ var out=''; for(var h=8;h45)){ msg.textContent='Le parcours STANDARD propose un départ entre 08 h 00 et 18 h 45.'; return; } var popup=window.open('about:blank','_blank'); if(!popup){ msg.textContent='Le navigateur a bloqué l’ouverture de Tally. Autorisez les fenêtres pour CYRNEA puis recommencez.'; return; } msg.style.color=''; // Message de progression : couleur normale msg.textContent='Préparation sécurisée de votre demande STANDARD…'; try{ var response=await fetch(PRO_B2B_INTENT_BRIDGE,{ method:'POST', headers:{'Content-Type':'application/json','Accept':'application/json'}, body:JSON.stringify({ type:type, requested_mode:'standard', date:d.value, time:h.value+':'+m.value }), cache:'no-store' }); var data=await response.json().catch(function(){return {};}); if(!response.ok || !data.tally_url){ var messages={ origin_not_allowed:'Ouverture impossible depuis cette adresse.', invalid_json:'Données de réservation invalides.', unknown_mission:'Mission B2B inconnue.', invalid_mode:'Le service de réservation STANDARD n’est pas encore activé côté passerelle.', invalid_schedule:'Créneau invalide.', past_schedule:'Ce créneau est déjà passé.', online_hours_limited:'Cette mission est réservable en ligne de 08 h 00 à 18 h 45.', not_standard_slot:'Ce créneau relève du parcours HORS STANDARD. Utilisez le bouton HORS STANDARD ci-dessous.', intents_binding_missing:'Service temporairement indisponible.' }; throw new Error(messages[data.error] || 'Impossible de préparer la demande STANDARD.'); } try{popup.opener=null;}catch(e){} popup.location.href=data.tally_url; msg.textContent='Tally STANDARD est ouvert dans un nouvel onglet.'; }catch(err){ try{popup.close();}catch(e){} msg.style.color='#FF0000'; // Toute erreur renvoyée par la passerelle ou le réseau msg.textContent=String(err && err.message ? err.message : err); } } function proHsBox(type){ var c=proHsConfig(type); if(!c)return ''; var buttons= 'MOINS DE 24 H'+c.priority+' € HT'; if(!c.limited){ buttons+= 'SOIR 19 H–20 H 59'+c.evening+' € HT'+ 'NUIT À PARTIR DE 21 H'+c.night+' € HT'; } buttons+= 'DIMANCHE / FÉRIÉ'+c.sunday+' € HT'; var note=c.limited ? 'Sélectionnez le cas applicable puis le créneau souhaité. Réservation en ligne de 08 h 00 à 18 h 45. Les suppléments de disponibilité ne se cumulent pas : le tarif applicable est déterminé avant la poursuite de votre demande.' : 'Sélectionnez le cas applicable puis le créneau souhaité. Les suppléments de disponibilité ne se cumulent pas : une seule majoration s’applique, toujours la plus élevée.'; return ''; } function proHsShow(type){ var box=document.getElementById('pro-hs-'+type); var other=document.getElementById('pro-standard-'+type); if(other)other.style.display='none'; if(!box)return; box.style.display='block'; box.scrollIntoView({behavior:'smooth',block:'nearest'}); } function proHsTodayISO(){ var d=new Date(); return d.getFullYear()+'-'+String(d.getMonth()+1).padStart(2,'0')+'-'+String(d.getDate()).padStart(2,'0'); } function proHsHourOptions(type,mode,selected){ var c=proHsConfig(type),hours=[]; if(!c)return ''; if(c.limited){ for(var h=8;h45))){ msg.textContent='La réservation en ligne '+c.title+' est possible de 08 h 00 à 18 h 45.'; return; } if(mode==='evening' && !(hh===19 || hh===20)){ msg.textContent='Le créneau SOIR doit être compris entre 19 h 00 et 20 h 59.'; return; } if(mode==='night' && hh