{"id":29,"date":"2026-08-21T13:09:08","date_gmt":"2026-08-21T13:09:08","guid":{"rendered":"https:\/\/dsfsecretariat.fr\/index.php\/avantages\/"},"modified":"2026-08-21T15:40:48","modified_gmt":"2026-08-21T15:40:48","slug":"avantages","status":"publish","type":"page","link":"https:\/\/dsfsecretariat.fr\/index.php\/avantages\/","title":{"rendered":"Avantages"},"content":{"rendered":"\n<!-- VERSION CONTENU SEUL : aucun menu, aucune banni\u00e8re, aucun footer int\u00e9gr\u00e9s. Le header\/footer sont g\u00e9r\u00e9s globalement par WordPress. -->\n<!-- DSF Secr\u00e9tariat | Avantages de la secr\u00e9taire ind\u00e9pendante | DSF Secr\u00e9tariat | WordPress : \/avantages\/ -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,600&family=Source+Sans+3:wght@400;500;600;700&family=Alex+Brush&display=swap');\n\n\/* CSS de la page isol\u00e9 pour ne pas modifier le th\u00e8me WordPress *\/\n\n\/* ============================================================\n   DSF SECR\u00c9TARIAT \u2014 SYST\u00c8ME DE DESIGN\n   ============================================================ *\/\n\n.dsf-page{\n  --violet-900:#4A2B72;\n  --violet-700:#6B3FA0;\n  --violet-500:#8B62B8;\n  --violet-100:#EEE7F5;\n  --ivoire:#FAF7F2;\n  --ivoire-2:#F2EDE4;\n  --charbon:#2A2430;\n  --charbon-60:#6b6270;\n  --laiton:#C9A24B;\n  --laiton-dark:#9C7A2E;\n  --ligne:#DDD2B8;\n  --blanc:#FFFFFF;\n  --radius-s:2px;\n  --radius-m:3px;\n  --shadow-card:0 1px 3px rgba(74,43,114,0.15);\n  --shadow-card-hover:0 6px 18px rgba(74,43,114,0.22);\n  --font-display:\"Playfair Display\", Georgia, \"Times New Roman\", serif;\n  --font-body:\"Source Sans 3\", Georgia, -apple-system, Segoe UI, sans-serif;\n  --container:1180px;\n}\n\n.dsf-page, .dsf-page *{box-sizing:border-box;}\n.dsf-page{scroll-behavior:smooth;}\n.dsf-page{\n  margin:0;\n  font-family:var(--font-body);\n  color:var(--charbon);\n  background:var(--ivoire);\n  -webkit-font-smoothing:antialiased;\n  line-height:1.6;\n}\n.dsf-page img{max-width:100%;display:block;}\n.dsf-page a{color:inherit;text-decoration:none;}\n.dsf-page ul{margin:0;padding:0;list-style:none;}\n.dsf-page h1, .dsf-page h2, .dsf-page h3, .dsf-page h4{font-family:var(--font-display);font-weight:600;margin:0;color:var(--violet-900);}\n.dsf-page p{margin:0;}\n.dsf-page .container{max-width:var(--container);margin:0 auto;padding:0 24px;}\n\n@media (prefers-reduced-motion: reduce){\n  .dsf-page, .dsf-page *{animation-duration:0.001ms !important;transition-duration:0.001ms !important;}\n}\n\n\/* -------------------- ETIQUETTE DE SECTION (filets) -------------------- *\/\n.dsf-page .tab-label{\n  display:inline-flex;\n  align-items:center;\n  gap:14px;\n  background:none;\n  color:var(--violet-900);\n  font-family:var(--font-body);\n  font-size:12.5px;\n  font-weight:700;\n  letter-spacing:0.14em;\n  text-transform:uppercase;\n  padding:0;\n  margin-bottom:20px;\n}\n.dsf-page .tab-label::before, .dsf-page .tab-label::after{\n  content:\"\";\n  width:28px;\n  height:1px;\n  background:var(--laiton-dark);\n}\n.dsf-page .tab-label .dot{display:none;}\n\n\/* -------------------- BOUTONS -------------------- *\/\n.dsf-page .btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:8px;\n  padding:13px 28px;\n  border-radius:var(--radius-s);\n  font-weight:700;\n  font-size:14.5px;\n  letter-spacing:0.02em;\n  cursor:pointer;\n  border:1.5px solid transparent;\n  transition:box-shadow .15s ease, background .15s ease, color .15s ease;\n  white-space:nowrap;\n  text-transform:uppercase;\n}\n.dsf-page .btn-pill{border-radius:24px;padding:11px 26px;}\n.dsf-page .btn:focus-visible{outline:3px solid var(--laiton);outline-offset:2px;}\n.dsf-page .btn-primary{background:var(--laiton);color:var(--blanc);border-color:var(--laiton-dark);box-shadow:0 2px 0 var(--laiton-dark);}\n.dsf-page .btn-primary:hover{background:var(--laiton-dark);box-shadow:0 1px 0 var(--laiton-dark);}\n.dsf-page .btn-outline{background:transparent;border-color:rgba(250,247,242,0.7);color:var(--ivoire);}\n.dsf-page .btn-outline:hover{background:rgba(250,247,242,0.14);}\n.dsf-page .btn-ghost-dark{background:transparent;border-color:var(--violet-900);color:var(--violet-900);}\n.dsf-page .btn-ghost-dark:hover{background:var(--violet-900);color:var(--ivoire);}\n.dsf-page .btn-block{width:100%;}\n\n\/* -------------------- HEADER -------------------- *\/\n.dsf-page .topbar{background:var(--violet-900);color:rgba(250,247,242,0.85);}\n.dsf-page .topbar-inner{\n  display:flex;align-items:center;justify-content:flex-end;gap:18px;\n  padding:8px 24px;font-size:13px;\n}\n.dsf-page .topbar-inner .topbar-contact{margin-right:auto;display:flex;gap:20px;flex-wrap:wrap;}\n.dsf-page .topbar-inner .topbar-contact a{color:rgba(250,247,242,0.8);}\n.dsf-page .topbar-inner .topbar-contact a:hover{color:var(--laiton);}\n.dsf-page .social-links{display:flex;gap:10px;}\n.dsf-page .social-links a{\n  width:32px;height:32px;border-radius:50%;\n  display:flex;align-items:center;justify-content:center;\n  background:var(--violet-900);color:var(--ivoire);\n  transition:background .15s ease, transform .15s ease;\n}\n.dsf-page .social-links a:hover{background:var(--laiton);color:var(--violet-900);transform:translateY(-2px);}\n.dsf-page .social-links svg{width:16px;height:16px;}\n\n.dsf-page .site-header{box-shadow:0 2px 6px rgba(0,0,0,0.08);}\n\n.dsf-page .header-banner{\n  position:relative;\n  overflow:hidden;\n  line-height:0;\n}\n.dsf-page .header-banner-img{\n  width:100%;\n  height:auto;\n  display:block;\n}\n.dsf-page .logo-banner{display:flex;align-items:center;gap:14px;text-decoration:none;}\n.dsf-page .logo-mark-banner{height:64px;width:auto;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.35));}\n.dsf-page .logo-mark-banner img{height:100%;width:auto;display:block;}\n.dsf-page .logo-banner-text{font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--blanc);line-height:1.15;text-shadow:0 2px 8px rgba(0,0,0,0.4);}\n.dsf-page .logo-banner-text small{display:block;font-family:var(--font-body);font-weight:400;font-style:italic;font-size:13px;color:rgba(255,255,255,0.9);}\n\n.dsf-page .header-inner{display:flex;align-items:center;justify-content:space-between;padding:6px 24px;gap:24px;min-height:0;}\n.dsf-page .nav-bar-fixed{\n  position:sticky;top:0;z-index:200;\n  background:var(--ivoire);\n  box-shadow:0 2px 10px rgba(0,0,0,0.08);\n  border-bottom:3px solid var(--laiton);\n}\n.dsf-page .nav-bar-fixed::after{\n  content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:1px;\n  background:linear-gradient(90deg,var(--laiton),var(--violet-700),var(--laiton));\n}\n.dsf-page .logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:19px;color:var(--violet-900);flex-shrink:0;}\n.dsf-page .logo-mark{\n  height:38px;width:auto;\n  flex-shrink:0;\n}\n.dsf-page .logo-mark img{height:100%;width:auto;display:block;}\n.dsf-page .logo-text{display:flex;flex-direction:column;line-height:1.15;}\n.dsf-page .logo-text small{font-family:var(--font-body);font-weight:400;font-style:italic;font-size:11px;color:var(--charbon-60);}\n\n.dsf-page .nav-desktop{display:flex;align-items:center;flex-wrap:nowrap;flex:1;justify-content:space-evenly;}\n.dsf-page .nav-desktop a{\n  font-size:14.5px;font-weight:500;color:var(--charbon);position:relative;\n  padding:8px 12px;white-space:nowrap;border-radius:20px;\n  transition:color .2s ease, background .2s ease;\n}\n.dsf-page .nav-desktop a:hover{color:var(--violet-900);background:var(--violet-100);}\n.dsf-page .nav-desktop a.active{color:var(--violet-900);font-weight:700;background:var(--violet-100);}\n\n\/* Menus deroulants (Cabinet, Infos legales) *\/\n.dsf-page .nav-dropdown{position:relative;}\n.dsf-page .nav-dropdown > a{display:inline-flex;align-items:center;gap:4px;margin-right:0;}\n.dsf-page .dd-arrow{transition:transform .25s ease;}\n.dsf-page .nav-dropdown:hover .dd-arrow, .dsf-page .nav-dropdown.dropdown-open .dd-arrow{transform:rotate(180deg);}\n.dsf-page .dropdown-menu{\n  position:absolute;top:100%;left:50%;\n  background:var(--blanc);border-radius:var(--radius-m);\n  box-shadow:0 20px 45px rgba(61,38,87,0.28);min-width:230px;padding:16px 10px 10px 10px;z-index:60;\n  border-top:3px solid var(--laiton);\n  opacity:0;visibility:hidden;pointer-events:none;\n  transform:translate(-50%,4px) scale(.94);\n  transform-origin:top center;\n  transition:opacity .3s cubic-bezier(.16,1,.3,1), transform .35s cubic-bezier(.16,1,.3,1), visibility .3s;\n}\n.dsf-page .dropdown-menu::before{\n  content:\"\";position:absolute;top:-9px;left:50%;transform:translateX(-50%);\n  width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:9px solid var(--laiton);\n}\n.dsf-page .nav-dropdown:hover .dropdown-menu, .dsf-page .nav-dropdown.dropdown-open .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1);}\n.dsf-page .dropdown-menu a{\n  display:flex;align-items:center;gap:8px;\n  padding:11px 14px;font-size:14px;color:var(--charbon);border-radius:var(--radius-s);\n  margin-right:0;white-space:nowrap;\n  opacity:0;transform:translateY(-6px);\n  transition:background .15s ease, color .15s ease, padding-left .15s ease, opacity .3s ease, transform .3s ease;\n}\n.dsf-page .dropdown-menu a::before{\n  content:\"\";width:5px;height:5px;border-radius:50%;background:var(--laiton);flex-shrink:0;\n  transform:scale(0);transition:transform .2s ease;\n}\n.dsf-page .dropdown-menu a:hover::before{transform:scale(1);}\n.dsf-page .nav-dropdown:hover .dropdown-menu a, .dsf-page .nav-dropdown.dropdown-open .dropdown-menu a{opacity:1;transform:translateY(0);}\n.dsf-page .nav-dropdown:hover .dropdown-menu a:nth-child(1){transition-delay:.06s;}\n.dsf-page .nav-dropdown:hover .dropdown-menu a:nth-child(2){transition-delay:.12s;}\n.dsf-page .nav-dropdown:hover .dropdown-menu a:nth-child(3){transition-delay:.18s;}\n.dsf-page .dropdown-menu a:hover{background:var(--violet-100);color:var(--violet-900);padding-left:18px;}\n.dsf-page .dropdown-menu a::after{display:none;}\n.dsf-page .nav-mobile a.active{color:var(--laiton-dark);}\n.dsf-page .header-cta{display:flex;align-items:center;gap:14px;}\n.dsf-page .header-cta .btn-pill{margin-top:6px;margin-bottom:6px;}\n.dsf-page .nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;}\n.dsf-page .nav-toggle span{display:block;width:24px;height:2px;background:var(--violet-900);margin:5px 0;transition:.2s;}\n\n.dsf-page .nav-mobile{\n  display:none;position:fixed;inset:0;background:var(--ivoire);z-index:60;\n  padding:24px;flex-direction:column;\n}\n.dsf-page .nav-mobile.open{display:flex;}\n.dsf-page .nav-mobile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;}\n.dsf-page .nav-mobile a{display:block;font-family:var(--font-display);font-size:26px;padding:14px 0;border-bottom:1px solid var(--ligne);color:var(--violet-900);}\n.dsf-page .nav-mobile-dropdown{border-bottom:1px solid var(--ligne);}\n.dsf-page .nav-mobile-dropdown a{border-bottom:none;padding-bottom:6px;}\n.dsf-page .nav-mobile-submenu{padding:0 0 14px 18px;display:flex;flex-direction:column;}\n.dsf-page .nav-mobile-submenu a{font-family:var(--font-body);font-size:16px;padding:7px 0;border-bottom:none;color:var(--charbon);}\n.dsf-page .nav-mobile-sublabel{font-family:var(--font-body);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--laiton-dark);margin-top:6px;}\n.dsf-page .nav-mobile-close{background:none;border:none;font-size:28px;cursor:pointer;color:var(--violet-900);}\n\n@media (max-width:900px){\n  .dsf-page .nav-desktop{display:none;}\n  .dsf-page .header-cta .btn{display:none;}\n  .dsf-page .header-cta .social-links{display:none;}\n  .dsf-page .nav-toggle{display:block;}\n}\n\n\/* -------------------- HERO -------------------- *\/\n.dsf-page .hero{\n  position:relative;\n  background:var(--ivoire);\n  color:var(--charbon);\n  overflow:hidden;\n  padding:22px 0 18px;\n}\n.dsf-page .hero-eyebrow{color:var(--laiton-dark);}\n.dsf-page .hero-eyebrow .rule{background:var(--laiton-dark);}\n.dsf-page .hero h1{color:var(--violet-900);}\n.dsf-page .hero h1 em{color:var(--laiton-dark);}\n.dsf-page .hero p.lead{color:var(--charbon-60);}\n.dsf-page .btn-outline{border-color:var(--violet-700);color:var(--violet-700);}\n.dsf-page .btn-outline:hover{background:var(--violet-700);color:var(--ivoire);}\n.dsf-page .hero-grid{position:relative;display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:stretch;}\n.dsf-page .hero-text-col{display:flex;flex-direction:column;justify-content:space-between;}\n.dsf-page .hero-middle{display:flex;flex-direction:column;justify-content:center;flex:1;padding:10px 0;}\n.dsf-page .hero-middle p.lead{margin-bottom:10px;}\n.dsf-page .hero-middle p.lead:last-child{margin-bottom:0;}\n.dsf-page .hero-eyebrow{\n  display:inline-flex;align-items:center;gap:8px;\n  font-size:13px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;\n  color:var(--laiton);margin-bottom:8px;\n}\n.dsf-page .hero-eyebrow .rule{width:26px;height:1.5px;background:var(--laiton);}\n.dsf-page .hero h1{\n  font-size:clamp(30px,4vw,44px);\n  line-height:1.15;\n  margin-bottom:14px;\n  max-width:18ch;\n}\n.dsf-page .hero h1 em{font-style:italic;color:var(--laiton);}\n.dsf-page .hero p.lead{font-size:17px;max-width:none;text-align:justify;text-justify:inter-word;}\n.dsf-page .hero-actions{display:flex;gap:14px;flex-wrap:wrap;}\n.dsf-page .hero-trust{\n  display:flex;flex-wrap:wrap;gap:0;width:100%;\n  background:var(--violet-900);\n  margin:14px 0 24px;\n  padding:18px 24px;\n  box-sizing:border-box;\n}\n.dsf-page .hero-trust div{display:flex;flex-direction:column;padding-right:22px;margin-right:22px;border-right:1px solid rgba(255,255,255,0.25);}\n.dsf-page .hero-trust div:last-child{border-right:none;padding-right:0;margin-right:0;}\n.dsf-page .hero-trust strong{font-family:var(--font-display);font-size:22px;color:var(--ivoire);line-height:1;}\n.dsf-page .hero-trust span{font-size:12px;color:rgba(255,255,255,0.7);margin-top:3px;}\n\n.dsf-page .hero-photo{\n  border:8px solid var(--blanc);\n  outline:1px solid var(--ligne);\n  box-shadow:0 16px 40px rgba(74,43,114,0.18);\n  overflow:hidden;\n  aspect-ratio:4\/5;\n  background-size:cover;\n  background-position:center;\n}\n.dsf-page .hero-photo-standalone{align-self:center;}\n\n.dsf-page .hero-panel{\n  background:var(--blanc);\n  border-radius:var(--radius-m);\n  padding:28px 32px;\n  color:var(--charbon);\n  box-shadow:0 16px 40px rgba(74,43,114,0.18);\n  border:1px solid var(--ligne);\n  position:relative;\n  margin-top:-48px;\n  margin-left:24px;\n  margin-right:-8px;\n}\n.dsf-page .hero-panel::before{\n  content:\"Ce que je prends en charge\";\n  position:absolute;top:-14px;left:24px;\n  background:var(--laiton);color:var(--blanc);\n  font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;\n  padding:6px 14px;border-radius:var(--radius-s);\n}\n.dsf-page .hero-panel ul{margin-top:14px;}\n.dsf-page .hero-panel li{\n  display:flex;gap:12px;align-items:flex-start;\n  padding:11px 0;border-bottom:1px solid var(--ligne);\n  font-size:14.5px;\n}\n.dsf-page .hero-panel li:last-child{border-bottom:none;}\n.dsf-page .hero-panel li .ico{\n  flex-shrink:0;width:20px;height:20px;color:var(--laiton-dark);margin-top:1px;\n}\n@media (max-width:900px){.dsf-page .hero-panel{margin-left:0;margin-right:0;margin-top:20px;}}\n\n@media (max-width:900px){\n  .dsf-page .hero-grid{grid-template-columns:1fr;}\n  .dsf-page .hero-panel{order:-1;}\n}\n\n\/* -------------------- SECTIONS G\u00c9N\u00c9RIQUES -------------------- *\/\n.dsf-page .section{padding:52px 0;}\n.dsf-page .section+.section, .dsf-page .section+.section.section-alt{border-top:1px solid var(--ligne);}\n.dsf-page .section-alt{background:var(--ivoire-2);}\n.dsf-page .section-dark{background:var(--violet-900);color:var(--ivoire);}\n.dsf-page .section-dark h2{color:var(--ivoire);}\n.dsf-page .section-head{max-width:820px;margin-bottom:30px;}\n.dsf-page .section-head.wide{max-width:none;}\n.dsf-page .section-head.center{margin-left:auto;margin-right:auto;text-align:center;}\n.dsf-page .section-head h2{font-size:clamp(26px,3vw,36px);line-height:1.2;margin-bottom:14px;}\n.dsf-page .section-head p{font-size:17px;color:var(--charbon-60);max-width:75ch;}\n.dsf-page .section-head.wide p{max-width:none;}\n.dsf-page .section-dark .section-head p{color:rgba(250,247,242,0.75);}\n\n\/* -------------------- PUBLIC CIBLE -------------------- *\/\n.dsf-page .audience-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}\n.dsf-page .audience-card{\n  background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--radius-m);\n  padding:22px 20px;text-align:center;transition:box-shadow .2s ease, transform .2s ease;\n}\n.dsf-page .audience-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--laiton);transform:translateY(-3px);}\n.dsf-page .audience-card .ico-badge{\n  width:64px;height:64px;border-radius:50%;\n  background:var(--violet-100);\n  display:flex;align-items:center;justify-content:center;\n  margin:0 auto 18px;\n}\n.dsf-page .audience-card .ico{width:30px;height:30px;color:var(--violet-700);}\n.dsf-page .audience-card h4{font-size:17px;margin-bottom:8px;}\n.dsf-page .audience-card p{font-size:14px;color:var(--charbon-60);}\n@media (max-width:900px){.dsf-page .audience-grid{grid-template-columns:repeat(2,1fr);}}\n\n\/* -------------------- SERVICES -------------------- *\/\n.dsf-page .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}\n.dsf-page .service-card{\n  background:var(--blanc);\n  border:1px solid var(--ligne);\n  border-top:3px solid var(--violet-900);\n  border-radius:var(--radius-m);\n  padding:20px 22px;\n  position:relative;\n  overflow:hidden;\n  box-shadow:var(--shadow-card);\n  transition:box-shadow .2s ease;\n}\n.dsf-page .service-card:hover{box-shadow:var(--shadow-card-hover);}\n.dsf-page .service-card .card-photo{\n  margin:-28px -26px 18px;\n  height:150px;\n  overflow:hidden;\n  border-bottom:1px solid var(--ligne);\n}\n.dsf-page .service-card .card-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(0.9);}\n.dsf-page .service-card .ico{width:30px;height:30px;color:var(--violet-700);margin:14px 0 16px;}\n.dsf-page .service-card h3{font-size:19px;margin-bottom:10px;line-height:1.3;}\n.dsf-page .service-card p.resume{font-size:14.5px;color:var(--charbon-60);margin-bottom:16px;}\n.dsf-page .service-card ul{display:none;margin-top:14px;padding-top:14px;border-top:1px solid var(--ligne);}\n.dsf-page .service-card ul li{font-size:13.5px;color:var(--charbon);padding:5px 0;padding-left:16px;position:relative;}\n.dsf-page .service-card ul li::before{content:\"\u2013\";position:absolute;left:0;color:var(--laiton-dark);}\n.dsf-page .service-card.open ul{display:block;}\n.dsf-page .service-toggle{\n  background:none;border:none;padding:0;font-size:13.5px;font-weight:600;color:var(--violet-700);\n  cursor:pointer;display:inline-flex;align-items:center;gap:5px;\n}\n.dsf-page .service-toggle .chev{transition:transform .2s ease;}\n.dsf-page .service-card.open .service-toggle .chev{transform:rotate(180deg);}\n.dsf-page .services-note{margin-top:34px;font-size:14.5px;color:var(--charbon-60);text-align:center;}\n\n@media (max-width:900px){.dsf-page .services-grid{grid-template-columns:1fr;}}\n\n\/* -------------------- AVANTAGES -------------------- *\/\n.dsf-page .avantages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}\n.dsf-page .avantage-item{\n  background:var(--blanc);\n  border-radius:var(--radius-m);\n  padding:22px 20px;\n  text-align:center;\n  box-shadow:var(--shadow-card);\n  border-top:3px solid var(--laiton);\n  transition:box-shadow .2s ease, transform .2s ease;\n}\n.dsf-page .avantage-item:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px);}\n.dsf-page .avantage-item .ico-badge{\n  width:52px;height:52px;border-radius:50%;\n  background:var(--violet-900);\n  display:flex;align-items:center;justify-content:center;\n  margin:0 auto 18px;\n}\n.dsf-page .avantage-item .ico{width:24px;height:24px;color:var(--laiton);}\n.dsf-page .avantage-item h4{font-size:17px;margin:0 0 8px;}\n.dsf-page .avantage-item p{font-size:14px;color:var(--charbon-60);}\n@media (max-width:900px){.dsf-page .avantages-grid{grid-template-columns:1fr 1fr;}}\n@media (max-width:560px){.dsf-page .avantages-grid{grid-template-columns:1fr;}}\n\n\/* -------------------- ETAPES -------------------- *\/\n.dsf-page .etapes-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;}\n.dsf-page .etapes-list::before{content:\"\";position:absolute;top:22px;left:6%;right:6%;height:1px;background:var(--ligne);}\n.dsf-page .etape-item{position:relative;padding-top:0;}\n.dsf-page .etape-head{display:flex;align-items:center;gap:12px;margin-bottom:8px;}\n.dsf-page .etape-badge{\n  width:44px;height:44px;border-radius:50%;background:var(--violet-900);color:var(--ivoire);\n  display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;\n  position:relative;z-index:1;flex-shrink:0;\n}\n.dsf-page .etape-item h4{font-size:16.5px;margin:0;}\n.dsf-page .etape-item p{font-size:14px;color:var(--charbon-60);padding-left:56px;}\n.dsf-page .etapes-list-compact .etape-head{margin-bottom:6px;}\n@media (max-width:900px){.dsf-page .etapes-list{grid-template-columns:1fr;gap:28px;}.dsf-page .etapes-list::before{display:none;}}\n\n\/* -------------------- A PROPOS -------------------- *\/\n.dsf-page .apropos-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:40px;align-items:center;}\n.dsf-page .apropos-photo{\n  aspect-ratio:4\/5;\n  background:var(--blanc);\n  border:8px solid var(--blanc);\n  outline:1px solid var(--ligne);\n  box-shadow:0 6px 20px rgba(61,38,87,0.22);\n  display:flex;align-items:center;justify-content:center;color:var(--charbon-60);\n  font-size:14px;text-align:center;padding:0;position:relative;overflow:hidden;\n}\n.dsf-page .apropos-photo img{width:100%;height:100%;object-fit:cover;}\n.dsf-page .apropos-photo span{position:relative;z-index:1;padding:24px;}\n.dsf-page .framed-photo{\n  border:8px solid var(--blanc);outline:1px solid var(--ligne);\n  box-shadow:0 6px 20px rgba(61,38,87,0.22);\n  display:block;overflow:hidden;\n}\n.dsf-page .framed-photo img{width:100%;height:100%;object-fit:cover;display:block;}\n.dsf-page .apropos-quote{\n  font-family:var(--font-display);font-style:italic;font-size:23px;color:var(--violet-900);\n  line-height:1.4;margin-bottom:32px;padding:18px 0;\n  border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne);\n}\n.dsf-page .quote-deco{color:var(--laiton);font-style:normal;font-size:19px;}\n.dsf-page .apropos-text p{margin-bottom:0;color:var(--charbon);font-size:15.5px;line-height:2.15;text-align:justify;}\n.dsf-page .apropos-ornament{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0;}\n.dsf-page .apropos-ornament span{width:30px;height:1px;background:var(--ligne);}\n.dsf-page .apropos-values{display:flex;flex-wrap:wrap;gap:10px;margin-top:64px;padding-top:24px;border-top:1px dashed var(--ligne);}\n.dsf-page .value-chip{\n  background:var(--violet-100);color:var(--violet-900);font-size:13px;font-weight:600;\n  padding:7px 14px;border-radius:20px;\n}\n@media (max-width:900px){.dsf-page .apropos-grid{grid-template-columns:1fr;}}\n\n\/* -------------------- TARIFS \/ FONCTIONNEMENT -------------------- *\/\n.dsf-page .deux-col-tarifs{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;position:relative;}\n.dsf-page .deux-col-tarifs::before{\n  content:\"\";\n  position:absolute;left:50%;top:0;bottom:0;width:1px;transform:translateX(-50%);\n  background:linear-gradient(180deg,transparent,var(--laiton) 12%,var(--ligne) 50%,var(--laiton) 88%,transparent);\n}\n.dsf-page .deux-col-tarifs::after{\n  content:\"\u2726\";\n  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);\n  width:30px;height:30px;border-radius:50%;\n  background:var(--ivoire-2);border:1px solid var(--laiton);\n  color:var(--laiton-dark);font-size:13px;\n  display:flex;align-items:center;justify-content:center;\n}\n@media (max-width:900px){.dsf-page .deux-col-tarifs::before, .dsf-page .deux-col-tarifs::after{display:none;}}\n@media (max-width:900px){.dsf-page .deux-col-tarifs{grid-template-columns:1fr;gap:32px;}}\n.dsf-page .etapes-list-compact{grid-template-columns:1fr !important;gap:18px !important;margin-top:28px;}\n.dsf-page .etapes-list-compact::before{display:none;}\n.dsf-page .formules-grid{display:flex;flex-direction:column;gap:10px;}\n.dsf-page .formule-row{display:flex;flex-direction:column;gap:2px;padding:8px 14px;border:1px solid var(--ligne);border-left:3px solid var(--laiton);border-radius:0 var(--radius-s) var(--radius-s) 0;background:var(--blanc);}\n.dsf-page .formule-num{display:none;}\n.dsf-page .formule-row h4{font-size:15px;margin-bottom:2px;color:var(--violet-900);}\n.dsf-page .formule-row p{font-size:13px;color:var(--charbon-60);}\n\n\/* -------------------- TEMOIGNAGES -------------------- *\/\n.dsf-page .temoignages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}\n.dsf-page .temoignage-card{\n  background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--radius-m);\n  padding:20px;position:relative;box-shadow:var(--shadow-card);\n}\n.dsf-page .temoignage-card .quote-mark{font-family:var(--font-display);font-size:44px;color:var(--laiton);line-height:1;margin-bottom:6px;}\n.dsf-page .temoignage-card p.txt{font-size:14.5px;color:var(--charbon);margin-bottom:20px;font-style:italic;}\n.dsf-page .temoignage-author{display:flex;align-items:center;gap:12px;}\n.dsf-page .temoignage-avatar{width:38px;height:38px;border-radius:50%;background:var(--violet-100);color:var(--violet-900);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;}\n.dsf-page .temoignage-author strong{display:block;font-size:14px;}\n.dsf-page .temoignage-author span{font-size:12.5px;color:var(--charbon-60);}\n@media (max-width:900px){.dsf-page .temoignages-grid{grid-template-columns:1fr;}}\n\n\/* -------------------- FAQ -------------------- *\/\n.dsf-page .faq-list{max-width:780px;margin:0 auto;}\n.dsf-page .faq-item{border-bottom:1px solid var(--ligne);}\n.dsf-page .faq-question{\n  width:100%;text-align:left;background:none;border:none;cursor:pointer;\n  padding:14px 4px;display:flex;justify-content:space-between;align-items:center;gap:20px;\n  font-family:var(--font-display);font-size:17px;color:var(--violet-900);\n}\n.dsf-page .faq-question .plus{font-size:22px;color:var(--laiton-dark);transition:transform .2s ease;flex-shrink:0;}\n.dsf-page .faq-item.open .faq-question .plus{transform:rotate(45deg);}\n.dsf-page .faq-answer{max-height:0;overflow:hidden;transition:max-height .25s ease;}\n.dsf-page .faq-item.open .faq-answer{max-height:400px;}\n.dsf-page .faq-answer p{padding:0 4px 20px;font-size:14.5px;color:var(--charbon-60);max-width:65ch;}\n\n\/* -------------------- CTA BAND -------------------- *\/\n.dsf-page .cta-band-section{\n  background:linear-gradient(120deg,var(--violet-900),var(--violet-700));\n  color:var(--ivoire);\n  margin:36px 0 52px;\n}\n.dsf-page .cta-band-gold{border:6px solid var(--laiton);}\n.dsf-page .cta-band{\n  color:var(--ivoire);\n  padding:40px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;\n}\n.dsf-page .cta-band h3{color:var(--ivoire);font-size:26px;max-width:none;white-space:nowrap;}\n.dsf-page .cta-band p{color:rgba(250,247,242,0.75);margin-top:0;}\n.dsf-page .cta-band .btn{margin-top:6px;}\n\n\/* -------------------- FORMULAIRE CONTACT -------------------- *\/\n.dsf-page .contact-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:40px;}\n.dsf-page .contact-info h2{margin-bottom:16px;}\n.dsf-page .contact-info p{color:var(--charbon-60);font-size:15.5px;margin-bottom:28px;}\n.dsf-page .contact-detail{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--ligne);}\n.dsf-page .contact-detail .ico{width:20px;height:20px;color:var(--laiton-dark);flex-shrink:0;margin-top:2px;}\n.dsf-page .contact-detail strong{display:block;font-size:14px;}\n.dsf-page .contact-detail span{font-size:14px;color:var(--charbon-60);}\n\n.dsf-page .form-card{background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--radius-m);padding:26px;box-shadow:var(--shadow-card);}\n.dsf-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}\n.dsf-page .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}\n.dsf-page .form-group label{font-size:13.5px;font-weight:600;color:var(--violet-900);}\n.dsf-page .form-group.required label::after{content:\" *\";color:var(--laiton-dark);}\n.dsf-page .form-group input, .dsf-page .form-group select, .dsf-page .form-group textarea{\n  border:1.5px solid var(--ligne);border-radius:var(--radius-s);padding:11px 13px;\n  font-family:var(--font-body);font-size:14.5px;color:var(--charbon);background:var(--ivoire);\n  transition:border-color .15s ease;\n}\n.dsf-page .form-group input:focus, .dsf-page .form-group select:focus, .dsf-page .form-group textarea:focus{\n  outline:none;border-color:var(--violet-700);\n}\n.dsf-page .form-checkbox{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--charbon-60);margin:6px 0 22px;}\n.dsf-page .form-checkbox input{margin-top:3px;}\n.dsf-page .form-note{font-size:12.5px;color:var(--charbon-60);text-align:center;margin-top:14px;}\n.dsf-page .form-success{\n  display:none;background:var(--violet-100);border:1px solid var(--violet-500);border-radius:var(--radius-s);\n  padding:16px 18px;color:var(--violet-900);font-size:14.5px;margin-bottom:20px;\n}\n.dsf-page .form-success.visible{display:block;}\n@media (max-width:900px){.dsf-page .contact-grid{grid-template-columns:1fr;}.dsf-page .form-row{grid-template-columns:1fr;}}\n\n\/* -------------------- FOOTER -------------------- *\/\n.dsf-page .site-footer{background:var(--violet-900);color:rgba(250,247,242,0.75);padding:40px 0 20px;}\n.dsf-page .site-footer-simple{text-align:center;padding:50px 0 44px;}\n.dsf-page .footer-logo-centered{justify-content:center;margin-bottom:20px;}\n.dsf-page .footer-logo-centered .logo-mark{height:85px;}\n.dsf-page .footer-copyright{font-size:14px;color:rgba(250,247,242,0.85);margin:0;}\n.dsf-page .footer-siret{font-size:13px;color:rgba(250,247,242,0.6);margin:6px 0 0;}\n.dsf-page .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;margin-bottom:28px;}\n.dsf-page .footer-logo{display:flex;align-items:center;gap:10px;color:var(--ivoire);font-family:var(--font-display);font-size:19px;margin-bottom:14px;}\n.dsf-page .footer-col h5{color:var(--ivoire);font-family:var(--font-body);font-size:14px;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:16px;}\n.dsf-page .footer-col a, .dsf-page .footer-col p{display:block;font-size:14px;padding:6px 0;color:rgba(250,247,242,0.7);}\n.dsf-page .footer-col a:hover{color:var(--laiton);}\n.dsf-page .footer-bottom{border-top:1px solid rgba(250,247,242,0.15);padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;}\n@media (max-width:900px){.dsf-page .footer-grid{grid-template-columns:1fr;}}\n\n\/* -------------------- UTILITAIRES -------------------- *\/\n.dsf-page .skip-link{\n  position:absolute;left:-9999px;top:0;background:var(--violet-900);color:var(--ivoire);\n  padding:12px 18px;z-index:100;\n}\n.dsf-page .skip-link:focus{left:12px;top:12px;}\n\n\/* -------------------- BLOCS CATEGORIE DE PRESTATION (avec photo) -------------------- *\/\n.dsf-page .svc-block{padding:34px 0;}\n.dsf-page .svc-block:nth-child(even){background:var(--ivoire-2);}\n.dsf-page .svc-block-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}\n.dsf-page .svc-num{display:inline-block;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--laiton-dark);letter-spacing:0.1em;margin-bottom:8px;}\n.dsf-page .svc-block h2{font-size:25px;margin-bottom:14px;line-height:1.25;}\n.dsf-page .svc-note{font-style:italic;color:var(--charbon-60);font-size:13.5px;margin-bottom:14px;padding:10px 14px;background:var(--violet-100);border-radius:var(--radius-s);}\n.dsf-page .svc-block ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;}\n.dsf-page .svc-block ul li{font-size:14px;padding:6px 0 6px 20px;position:relative;border-bottom:1px solid var(--ligne);line-height:1.3;}\n.dsf-page .svc-block ul li::before{content:\"\u2713\";position:absolute;left:0;top:8px;color:var(--laiton-dark);font-weight:700;font-size:12px;}\n.dsf-page .svc-photo{border-radius:var(--radius-m);overflow:hidden;box-shadow:var(--shadow-card);aspect-ratio:4\/3;background-size:cover;background-position:center;border:6px solid var(--blanc);outline:1px solid var(--ligne);}\n@media (max-width:900px){\n  .dsf-page .svc-block-grid{grid-template-columns:1fr;}\n  .dsf-page .svc-block ul{grid-template-columns:1fr;}\n  .dsf-page .svc-block-grid > div{order:1 !important;}\n}\n\n\/* -------------------- TABLEAU DE TARIFS -------------------- *\/\n.dsf-page .tarifs-table{border:1px solid var(--ligne);border-radius:var(--radius-m);overflow:hidden;}\n.dsf-page .tarifs-row{display:flex;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid var(--ligne);font-size:14.5px;}\n.dsf-page .tarifs-row:last-child{border-bottom:none;}\n.dsf-page .tarifs-row span:first-child{color:var(--charbon);}\n.dsf-page .tarifs-row span:last-child{color:var(--violet-900);text-align:right;white-space:nowrap;}\n.dsf-page .tarifs-head{background:var(--violet-900);}\n.dsf-page .tarifs-head span{color:var(--ivoire) !important;font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:0.05em;}\n.dsf-page .tarifs-row:nth-child(even):not(.tarifs-head){background:var(--ivoire-2);}\n\n\/* -------------------- VISIBILITE ETIQUETTE DE PAGE (sans toucher .hero-eyebrow d'origine) -------------------- *\/\n.dsf-page .page-eyebrow{font-size:16px;font-weight:700;letter-spacing:0.1em;}\n\n\/* -------------------- NUMERO + TITRE SUR LA MEME LIGNE -------------------- *\/\n.dsf-page .svc-title-row{display:flex;align-items:baseline;gap:12px;margin-bottom:14px;flex-wrap:wrap;}\n.dsf-page .svc-title-row .svc-num{margin-bottom:0;margin-right:12px;}\n.dsf-page .svc-title-row h2{margin-bottom:0;}\n\n\/* ============================================================\n   PAGES SECONDAIRES (compact-page) : espacements resserres.\n   Ces regles NE S'APPLIQUENT JAMAIS a l'accueil (index.html),\n   qui n'a pas la classe .compact-page sur son <body>.\n   ============================================================ *\/\n.dsf-page.compact-page .section{padding:20px 0;}\n.dsf-page.compact-page .section-head{margin-bottom:18px;}\n.dsf-page.compact-page .svc-block{padding:16px 0;}\n.dsf-page.compact-page .hero{padding:22px 0 18px !important;}\n.dsf-page.compact-page .avantages-grid{gap:10px;}\n.dsf-page.compact-page .audience-grid{gap:10px;}\n.dsf-page.compact-page .temoignages-grid{gap:10px;}\n.dsf-page.compact-page .apropos-grid{gap:22px;}\n.dsf-page.compact-page .avantage-item{padding:16px 14px;}\n.dsf-page.compact-page .audience-card{padding:16px 12px;}\n.dsf-page.compact-page .cta-band-section{margin:16px 0 20px;}\n.dsf-page.compact-page .cta-band{padding:20px 20px;}\n.dsf-page.compact-page .tarifs-row{padding:7px 14px;}\n.dsf-page.compact-page .formules-grid{gap:10px;}\n.dsf-page.compact-page .formule-card{padding:12px 12px;}\n.dsf-page.compact-page .etapes-list{gap:0;}\n.dsf-page.compact-page h2{margin-bottom:8px;}\n.dsf-page.compact-page .apropos-quote{margin-bottom:10px;}\n.dsf-page.compact-page .apropos-text p{margin-bottom:8px;}\n.dsf-page.compact-page .apropos-values{margin-top:10px;}\n.dsf-page.compact-page .svc-block ul li{padding:4px 0 4px 20px !important;}\n.dsf-page.compact-page .svc-title-row{margin-bottom:10px !important;}\n.dsf-page.compact-page .container{padding-top:0;}\n.dsf-page.compact-page .section-alt[style]{padding:20px 0 !important;}\n\n\/* -------------------- TARIF UNIQUE -------------------- *\/\n.dsf-page .prix-unique{display:inline-flex;align-items:baseline;gap:8px;background:var(--violet-900);color:var(--ivoire);padding:24px 48px;border-radius:var(--radius-m);border-bottom:5px solid var(--laiton);}\n.dsf-page .prix-unique-montant{font-family:var(--font-display);font-size:52px;font-weight:800;line-height:1;}\n.dsf-page .prix-unique-unite{font-size:16px;color:rgba(250,247,242,0.75);}\n\n\/* -------------------- FORFAITS -------------------- *\/\n.dsf-page .forfait-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:760px;}\n.dsf-page .forfait-card{\n  background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--radius-m);\n  padding:16px 20px;display:flex;flex-direction:column;gap:4px;position:relative;\n  box-shadow:var(--shadow-card);\n}\n.dsf-page .forfait-card-best{border:2px solid var(--laiton);}\n.dsf-page .forfait-tag{position:absolute;top:-13px;left:24px;background:var(--laiton);color:var(--violet-900);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:4px 12px;border-radius:20px;}\n.dsf-page .forfait-vol{font-family:var(--font-display);font-size:26px;color:var(--violet-900);font-weight:700;}\n.dsf-page .forfait-label{font-size:13px;color:var(--charbon-60);text-transform:uppercase;letter-spacing:0.04em;}\n.dsf-page .forfait-prix{font-family:var(--font-display);font-size:22px;color:var(--laiton-dark);font-weight:700;margin-top:8px;}\n.dsf-page .forfait-prix small{font-family:var(--font-body);font-size:13px;color:var(--charbon-60);font-weight:400;}\n@media (max-width:700px){.dsf-page .forfait-grid{grid-template-columns:1fr;}}\n\n\/* -------------------- AUTRES TARIFS (liste style menu, sans encadres individuels) -------------------- *\/\n.dsf-page .autres-tarifs-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;max-width:900px;}\n.dsf-page .tarif-mini-card{\n  display:flex;align-items:baseline;gap:8px;\n  padding:11px 0;border-bottom:1px dotted var(--ligne);\n}\n.dsf-page .tarif-mini-card span{font-size:13.5px;color:var(--charbon);}\n.dsf-page .tarif-mini-card::after{content:\"\";flex:1;border-bottom:1px dotted var(--ligne-forte, var(--ligne));margin:0 4px;order:1;}\n.dsf-page .tarif-mini-card strong{font-family:var(--font-display);color:var(--violet-900);font-size:15px;white-space:nowrap;order:2;}\n.dsf-page .tarif-mini-card strong small{font-family:var(--font-body);font-size:11px;color:var(--charbon-60);font-weight:400;}\n@media (max-width:700px){.dsf-page .autres-tarifs-grid{grid-template-columns:1fr;}}\n\n.dsf-page .frais-divers-row{display:flex;gap:0;border-top:1px solid var(--ligne);padding-top:24px;flex-wrap:wrap;}\n.dsf-page .frais-divers-item{flex:1;min-width:180px;padding:0 24px;border-right:1px solid var(--ligne);}\n.dsf-page .frais-divers-item:last-child{border-right:none;}\n.dsf-page .frais-divers-item strong{display:block;font-family:var(--font-display);color:var(--violet-900);font-size:19px;margin-bottom:4px;}\n.dsf-page .frais-divers-item span{font-size:13px;color:var(--charbon-60);}\n@media (max-width:700px){.dsf-page .frais-divers-item{border-right:none;border-bottom:1px solid var(--ligne);padding:14px 0;min-width:100%;}}\n\n\/* -------------------- SIGNATURE NOM (page Qui suis-je) -------------------- *\/\n.dsf-page .apropos-signature{\n  font-family:\"Alex Brush\",cursive;font-weight:400;\n  font-size:76px;line-height:1;\n  color:var(--violet-900);margin:2px 0 16px;\n}\n.dsf-page .apropos-signature em{font-style:normal;color:var(--laiton-dark);}\n@media (max-width:600px){.dsf-page .apropos-signature{font-size:52px;}}\n.dsf-page .apropos-tagline{\n  font-family:var(--font-display);font-style:italic;font-weight:600;\n  font-size:19px;color:var(--charbon-60);letter-spacing:0.01em;\n  border-top:1px solid var(--ligne);padding-top:16px;margin-top:4px;\n}\n\n\/* -------------------- GRILLE VALEURS (independante de apropos-grid, pas de centrage vertical) -------------------- *\/\n.dsf-page .valeurs-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;align-items:start;}\n@media (max-width:700px){.dsf-page .valeurs-grid{grid-template-columns:1fr;}}\n.dsf-page .valeur-card{\n  background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--radius-m);\n  padding:26px 22px;text-align:center;box-shadow:var(--shadow-card);\n  transition:box-shadow .2s ease, transform .2s ease;\n}\n.dsf-page .valeur-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px);}\n.dsf-page .valeur-card .ico-badge{width:56px;height:56px;border-radius:50%;background:var(--violet-100);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}\n.dsf-page .valeur-card .ico{width:26px;height:26px;color:var(--violet-700);}\n.dsf-page .valeur-card h3{font-size:17px;color:var(--violet-900);margin-bottom:8px;}\n.dsf-page .valeur-card p{font-size:14px;color:var(--charbon-60);text-align:center;}\n\n\/* -------------------- FRISE MON APPROCHE (sans carte, chiffres en filigrane) -------------------- *\/\n.dsf-page .frise-approche{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:36px;}\n.dsf-page .frise-approche::before{\n  content:\"\";position:absolute;top:34px;left:0;right:0;height:1px;\n  background:repeating-linear-gradient(90deg,var(--laiton) 0,var(--laiton) 6px,transparent 6px,transparent 14px);\n  z-index:0;\n}\n.dsf-page .frise-item{position:relative;z-index:1;}\n.dsf-page .frise-num{\n  display:block;font-family:var(--font-display);font-weight:800;font-size:52px;\n  color:transparent;-webkit-text-stroke:1.5px var(--laiton);\n  line-height:1;margin-bottom:10px;background:var(--ivoire-2);display:inline-block;padding-right:14px;\n}\n.dsf-page .frise-item h3{font-size:18px;color:var(--violet-900);margin-bottom:8px;}\n.dsf-page .frise-item p{font-size:14px;color:var(--charbon-60);}\n@media (max-width:700px){\n  .dsf-page .frise-approche{grid-template-columns:1fr;gap:28px;}\n  .dsf-page .frise-approche::before{display:none;}\n}\n\n\/* -------------------- BANDEAU DE TRANSITION (fonctionnement -> tarifs) -------------------- *\/\n.dsf-page .chapitre-divider{\n  background:linear-gradient(120deg,var(--violet-900),var(--violet-700));\n  padding:34px 0;text-align:center;\n}\n.dsf-page .chapitre-divider-eyebrow{\n  display:block;font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;\n  color:rgba(250,247,242,0.65);margin-bottom:8px;\n}\n.dsf-page .chapitre-divider-title{\n  font-size:26px;color:var(--ivoire);margin:0;\n}\n\n\/* -------------------- TITRE TEMOIGNAGES (peps) -------------------- *\/\n.dsf-page .temoignages-section{position:relative;overflow:hidden;}\n.dsf-page .temoignages-header{text-align:center;max-width:640px;margin:0 auto 44px;position:relative;}\n.dsf-page .temoignages-badge{\n  display:inline-block;background:var(--violet-900);color:var(--ivoire);\n  font-size:13px;font-weight:700;letter-spacing:0.03em;\n  padding:8px 20px;border-radius:30px;margin-bottom:18px;\n}\n.dsf-page .temoignages-title{font-size:36px;margin-bottom:14px;}\n.dsf-page .temoignages-title em{font-style:italic;color:var(--laiton-dark);}\n.dsf-page .temoignages-stars{color:var(--laiton);font-size:24px;letter-spacing:4px;margin-bottom:14px;}\n.dsf-page .temoignages-sub{color:var(--charbon-60);font-size:15px;}\n\n\/* -------------------- RESPIRATION SUPPLEMENTAIRE (page Tarifs, tres dense en contenu) -------------------- *\/\n.dsf-page .page-tarifs .section{padding:36px 0;}\n.dsf-page .page-tarifs .section-head{margin-bottom:26px;}\n.dsf-page .page-tarifs .section-head h2{margin-bottom:6px;}\n.dsf-page .page-tarifs .section-head p{margin-top:0;}\n\n\/* -------------------- SEPARATEUR DECORATIF ENTRE BLOCS (page Tarifs) -------------------- *\/\n.dsf-page .section-divider-deco{\n  position:relative;height:1px;\n  background:linear-gradient(90deg,transparent,var(--laiton) 20%,var(--violet-700) 50%,var(--laiton) 80%,transparent);\n}\n.dsf-page .section-divider-deco span{\n  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\n  width:34px;height:34px;border-radius:50%;\n  background:var(--ivoire);border:1.5px solid var(--laiton);\n  display:flex;align-items:center;justify-content:center;\n}\n.dsf-page .section-divider-deco span::before{\n  content:\"\u2726\";color:var(--violet-700);font-size:15px;\n}\n\n\n\n\/* ============================================================\n   CORRECTION WORDPRESS \/ GUTENBERG \u2014 PLEINE LARGEUR\n   ============================================================ *\/\nhtml, body{overflow-x:hidden;}\n\n\/* Cache le titre ajout\u00e9 automatiquement par le th\u00e8me sur cette page. *\/\nbody .wp-block-post-title,\nbody .entry-title{display:none !important;}\n\n\/* Retire les limites de largeur du conteneur de contenu WordPress. *\/\nbody .wp-block-post-content,\nbody .entry-content{\n  max-width:none !important;\n  width:100% !important;\n  margin:0 !important;\n  padding:0 !important;\n}\n\nbody .wp-block-post-content > .wp-block-html,\nbody .entry-content > .wp-block-html,\nbody .wp-block-html:has(.dsf-page){\n  max-width:none !important;\n  width:100% !important;\n  margin:0 !important;\n  padding:0 !important;\n}\n\n\/* Fait sortir le bloc de la colonne \u00e9troite impos\u00e9e par certains th\u00e8mes. *\/\n.dsf-page{\n  position:relative;\n  width:100vw !important;\n  max-width:none !important;\n  margin-left:calc(50% - 50vw) !important;\n  margin-right:calc(50% - 50vw) !important;\n}\n\n\/* Dans l\u2019\u00e9diteur et sur les \u00e9crans plus \u00e9troits, on \u00e9vite un menu compress\u00e9. *\/\n@media (max-width:1100px){\n  .dsf-page .nav-desktop{display:none !important;}\n  .dsf-page .header-cta .btn{display:none !important;}\n  .dsf-page .header-cta .social-links{display:none !important;}\n  .dsf-page .nav-toggle{display:block !important;}\n}\n\n\n\/* DSF \u2014 page utilis\u00e9e avec le HEADER\/FOOTER GLOBAL WordPress *\/\nbody .wp-block-post-content:has(.dsf-page){\n  margin-block-start:0 !important;\n  margin-block-end:0 !important;\n  padding-block-start:0 !important;\n  padding-block-end:0 !important;\n}\nbody main:has(.wp-block-post-content .dsf-page){\n  margin-block-start:0 !important;\n  padding-block-start:0 !important;\n}\n\n<\/style>\n\n<div class=\"dsf-page compact-page\">\n<section class=\"hero\" style=\"padding:56px 0 48px;\">\n  <div class=\"container\" style=\"position:relative;\">\n    <div class=\"hero-eyebrow page-eyebrow\"><span class=\"rule\"><\/span> Avantages<\/div>\n    <h1 style=\"max-width:none;font-size:clamp(28px,3.6vw,42px);\">Pourquoi faire appel \u00e0 une secr\u00e9taire ind\u00e9pendante ?<\/h1>\n    <p class=\"lead\">Secr\u00e9tariat ind\u00e9pendant : les avantages d&rsquo;un vrai partenariat professionnel.<\/p>\n  <\/div>\n<\/section>\n  <section class=\"section section-alt\" id=\"chiffres\">\n    <div class=\"container\">\n      <div class=\"tab-label\"><span class=\"dot\"><\/span> En quatre points<\/div>\n      <div class=\"section-head wide\">\n        <h2 style=\"font-size:22px;\">Ce que change concr\u00e8tement une secr\u00e9taire ind\u00e9pendante<\/h2>\n      <\/div>\n      <div class=\"avantages-grid\" id=\"avantages-grid\"><\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"section\">\n    <div class=\"container\">\n      <p class=\"lead\" style=\"margin-bottom:15px;\">Faire appel \u00e0 une secr\u00e9taire ind\u00e9pendante, c&rsquo;est avant tout choisir un v\u00e9ritable partenariat avec un prestataire de services administratifs autonome, digne de confiance, qualifi\u00e9 et professionnel. Cette collaboration offre une flexibilit\u00e9 in\u00e9dite, permettant de b\u00e9n\u00e9ficier de ses services de mani\u00e8re ponctuelle ou r\u00e9guli\u00e8re, pour des missions courtes ou prolong\u00e9es, selon des volumes horaires variables allant de quelques heures par semaine \u00e0 une intervention annuelle sp\u00e9cifique.<\/p>\n      <p class=\"lead\" style=\"margin-bottom:15px;\">Cette souplesse d&rsquo;intervention est un atout majeur. Au-del\u00e0 de l&rsquo;ex\u00e9cution des t\u00e2ches, la secr\u00e9taire ind\u00e9pendante se tient inform\u00e9e des derni\u00e8res actualit\u00e9s ayant un impact sur votre secteur d&rsquo;activit\u00e9 : son r\u00f4le ne se limite pas \u00e0 la r\u00e9alisation des op\u00e9rations, elle est aussi en mesure de vous conseiller et de vous apporter son expertise.<\/p>\n\n      <h2 style=\"font-size:22px;margin:26px 0 12px;\">Une partenaire de confiance<\/h2>\n      <p class=\"lead\" style=\"margin-bottom:15px;\">Concernant la relation commerciale, votre secr\u00e9taire ind\u00e9pendante s&rsquo;engage \u00e0 vous proposer un devis ainsi qu&rsquo;un contrat de prestation, gage de s\u00e9rieux et de professionnalisme. Vous gardez la ma\u00eetrise de la mission, avec la possibilit\u00e9 de la renouveler ou de l&rsquo;interrompre en pr\u00e9venant suffisamment \u00e0 l&rsquo;avance. En mati\u00e8re de discr\u00e9tion professionnelle, tout comme un salari\u00e9, votre secr\u00e9taire ind\u00e9pendante a l&rsquo;obligation de pr\u00e9server le secret et la confidentialit\u00e9 sur l&rsquo;ensemble des donn\u00e9es trait\u00e9es \u2014 une r\u00e8gle d&rsquo;or pour \u00e9tablir un lien de confiance durable.<\/p>\n\n      <h2 style=\"font-size:22px;margin:26px 0 12px;\">Aucun investissement mat\u00e9riel \u00e0 pr\u00e9voir<\/h2>\n      <p class=\"lead\" style=\"margin-bottom:15px;\">Que la mission soit effectu\u00e9e \u00e0 distance ou dans vos locaux, votre secr\u00e9taire ind\u00e9pendante dispose de son propre \u00e9quipement : t\u00e9l\u00e9phone, ordinateur portable \u00e0 jour dans ses logiciels pour garantir la s\u00e9curit\u00e9 des \u00e9changes de donn\u00e9es, imprimante, et mat\u00e9riel de base. Son adaptabilit\u00e9 \u00e0 toutes les situations de travail en entreprise fait partie int\u00e9grante de ses comp\u00e9tences.<\/p>\n\n      <h2 style=\"font-size:22px;margin:26px 0 12px;\">Et le co\u00fbt, dans tout \u00e7a ?<\/h2>\n      <p class=\"lead\" style=\"margin-bottom:15px;\">Une facture est \u00e9tablie en fonction des heures r\u00e9ellement effectu\u00e9es, permettant un budget ma\u00eetris\u00e9. Votre secr\u00e9taire ind\u00e9pendante g\u00e8re seule ses absences et ses cong\u00e9s, et vous pr\u00e9vient suffisamment \u00e0 l&rsquo;avance en cas d&rsquo;absence pr\u00e9vue ou impr\u00e9vue \u2014 tout comme le ferait un salari\u00e9 classique, mais sans les co\u00fbts li\u00e9s \u00e0 l&#8217;embauche d&rsquo;un employ\u00e9 \u00e0 temps plein.<\/p>\n\n      <h2 style=\"font-size:22px;margin:26px 0 12px;\">Pour conclure<\/h2>\n      <p class=\"lead\" style=\"margin-bottom:8px;\">Il ne faut pas h\u00e9siter \u00e0 franchir le pas du secr\u00e9tariat ind\u00e9pendant, qui pr\u00e9sente de nombreux avantages par rapport au salariat traditionnel : une expertise vari\u00e9e acquise dans diff\u00e9rents environnements, une polyvalence appr\u00e9ciable, et une solution flexible en termes de disponibilit\u00e9, adapt\u00e9e \u00e0 vos besoins sp\u00e9cifiques \u2014 \u00e0 temps partiel, \u00e0 la demande, ou pour des projets ponctuels. Vous pouvez aussi envisager cette collaboration comme une transition avant un \u00e9ventuel recrutement salari\u00e9.<\/p>\n      <p style=\"font-size:16px;font-weight:700;color:var(--violet-900);margin-top:22px;\">Alors, pourquoi pas vous ? DSF Secr\u00e9tariat vous propose une prestation de service, sans embauche et cl\u00e9 en main.<\/p>\n    <\/div>\n  <\/section>\n\n  <section class=\"cta-band-section\">\n    <div class=\"container cta-band\">\n      <div>\n        <h3>Pr\u00eat \u00e0 d\u00e9l\u00e9guer votre administratif ?<\/h3>\n        <p>Un \u00e9change de 15 minutes suffit pour cerner vos besoins et vous proposer une solution adapt\u00e9e.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/main>\n<script>\n\/**\n * ============================================================\n * CONTENU DU SITE \u2014 DSF SECR\u00c9TARIAT\n * ============================================================\n * Ce fichier centralise TOUS les textes modifiables du site :\n * services, t\u00e9moignages, FAQ, coordonn\u00e9es.\n *\n * POUR MODIFIER LE SITE VOUS-M\u00caME :\n * - Changez uniquement le texte entre guillemets \" \"\n * - Ne touchez pas aux virgules, accolades { } ou crochets [ ]\n * - Enregistrez le fichier, rafra\u00eechissez la page : c'est fait.\n *\n * (En version d\u00e9finitive avec CMS, cet \u00e9cran sera remplac\u00e9 par\n * une interface graphique \u2014 voir explication fournie s\u00e9par\u00e9ment.)\n * ============================================================\n *\/\n\nwindow.SITE_CONTENT = {\n\n  \/\/ -------------------- COORDONN\u00c9ES --------------------\n  contact: {\n    nom: \"Sandy Da Silva\",\n    entreprise: \"DSF Secr\u00e9tariat\",\n    email: \"contact@dsfsecretariat.fr\",\n    telephone: \"06 21 11 33 58\",\n    zoneDeplacement: \"D\u00e9placement possible dans un rayon de 20 km \u2014 intervention \u00e0 distance sur toute la France\",\n    siret: \"[\u00c0 COMPL\u00c9TER : num\u00e9ro SIRET]\",\n    adresse: \"[\u00c0 COMPL\u00c9TER : adresse professionnelle, non obligatoirement publique]\",\n    linkedin: \"https:\/\/www.linkedin.com\/in\/sandy-da-silva-699387bb\/\",\n    facebook: \"https:\/\/www.facebook.com\/dsfsecretariat\"\n  },\n\n  \/\/ -------------------- SERVICES --------------------\n  \/\/ Ajoutez un nouveau service en copiant un bloc { ... } et en l'ajoutant \u00e0 la liste.\n  services: [\n    {\n      icone: \"folder\",\n      photo: \"https:\/\/www.dsfsecretariat.fr\/wp-content\/uploads\/2023\/12\/domenico-loia-hGV2TfOh0ns-unsplash-scaled.jpg\",\n      titre: \"Gestion administrative courante\",\n      resume: \"Le quotidien de votre entreprise pris en charge : courriers, agenda, documents, classement.\",\n      details: [\n        \"Tri et traitement du courrier et des e-mails\",\n        \"Gestion d'agenda et de planning\",\n        \"Saisie et mise en page de documents, comptes-rendus, notes\",\n        \"Classement et archivage num\u00e9rique\",\n        \"Mise sous pli et envois postaux\"\n      ]\n    },\n    {\n      icone: \"mail\",\n      photo: \"https:\/\/www.dsfsecretariat.fr\/wp-content\/uploads\/2023\/12\/tianyi-ma-WiONHd_zYI4-unsplash-scaled.jpg\",\n      titre: \"Gestion des e-mails & communication\",\n      resume: \"Une bo\u00eete de r\u00e9ception ma\u00eetris\u00e9e et des \u00e9changes professionnels, sans que vous y passiez vos journ\u00e9es.\",\n      details: [\n        \"Tri, r\u00e9ponses et suivi de votre messagerie\",\n        \"R\u00e9daction de courriers et e-mails professionnels\",\n        \"Campagnes d'e-mailing et publipostage\",\n        \"Pr\u00e9paration de pr\u00e9sentations et supports de communication\"\n      ]\n    },\n    {\n      icone: \"invoice\",\n      photo: \"https:\/\/www.dsfsecretariat.fr\/wp-content\/uploads\/2023\/12\/carlos-muza-hpjSkU2UYSU-unsplash.jpg\",\n      titre: \"Facturation & devis\",\n      resume: \"Des documents commerciaux r\u00e9alis\u00e9s dans les d\u00e9lais, pour \u00eatre pay\u00e9 plus vite et plus sereinement.\",\n      details: [\n        \"\u00c9laboration de devis, factures et avoirs\",\n        \"Envoi et suivi des factures\",\n        \"Relances des devis non aboutis\",\n        \"Suivi des encaissements et rapprochement bancaire\"\n      ]\n    },\n    {\n      icone: \"users\",\n      photo: \"https:\/\/www.dsfsecretariat.fr\/wp-content\/uploads\/2023\/12\/carlos-muza-hpjSkU2UYSU-unsplash.jpg\",\n      titre: \"Suivi clients & relances\",\n      resume: \"Une relation client entretenue et des impay\u00e9s relanc\u00e9s, pour ne rien laisser filer.\",\n      details: [\n        \"Cr\u00e9ation et mise \u00e0 jour de fichiers clients\/fournisseurs\",\n        \"Relances commerciales et relances d'impay\u00e9s\",\n        \"Suivi des commandes et des livraisons\",\n        \"Recherche de fournisseurs et sous-traitants\"\n      ]\n    },\n    {\n      icone: \"table\",\n      photo: \"https:\/\/www.dsfsecretariat.fr\/wp-content\/uploads\/2023\/12\/ray-reyes-3xwrg7Vv6Ts-unsplash-scaled.jpg\",\n      titre: \"Saisie de donn\u00e9es & tableaux de suivi\",\n      resume: \"Vos chiffres et vos informations organis\u00e9s dans des outils clairs, pr\u00eats \u00e0 l'emploi.\",\n      details: [\n        \"Saisie de donn\u00e9es et bases de donn\u00e9es\",\n        \"Conception de tableaux de bord (ventes, CA, tr\u00e9sorerie)\",\n        \"Tenue de tableaux de suivi d'activit\u00e9\",\n        \"Pr\u00e9paration d'\u00e9l\u00e9ments pour votre comptable\"\n      ]\n    },\n    {\n      icone: \"cabinet\",\n      photo: \"https:\/\/www.dsfsecretariat.fr\/wp-content\/uploads\/2023\/12\/domenico-loia-hGV2TfOh0ns-unsplash-scaled.jpg\",\n      titre: \"Organisation & classement documentaire\",\n      resume: \"Des documents retrouvables en quelques secondes, papier comme num\u00e9rique.\",\n      details: [\n        \"Classement et archivage physique et num\u00e9rique\",\n        \"Num\u00e9risation de documents\",\n        \"Pr\u00e9paration de dossiers administratifs\",\n        \"Mise en forme de documents et de mod\u00e8les r\u00e9utilisables\"\n      ]\n    }\n  ],\n\n  servicesNote: \"Cette liste n'est pas fig\u00e9e : toute mission d'assistance administrative peut \u00eatre \u00e9tudi\u00e9e. Si votre besoin n'appara\u00eet pas ici, parlons-en.\",\n\n  \/\/ -------------------- AVANTAGES (repris tels quels de votre site actuel) --------------------\n  avantages: [\n    { icone: \"liberte\", titre: \"Libert\u00e9\", texte: \"Vous avez la libert\u00e9 de choisir : le volume horaire, le lieu, le rythme et la dur\u00e9e qui vous conviennent.\" },\n    { icone: \"eclair\", titre: \"Disponibilit\u00e9 imm\u00e9diate\", texte: \"Vous b\u00e9n\u00e9ficiez d'une disponibilit\u00e9 imm\u00e9diate, sans d\u00e9lai li\u00e9 \u00e0 un recrutement.\" },\n    { icone: \"etoile\", titre: \"Polyvalence\", texte: \"Vous b\u00e9n\u00e9ficiez d'une large gamme de comp\u00e9tences que je mets au service de votre activit\u00e9.\" },\n    { icone: \"flexible\", titre: \"Flexibilit\u00e9 totale\", texte: \"Une flexibilit\u00e9 totale, pour une collaboration ponctuelle ou r\u00e9guli\u00e8re, sans engagement de dur\u00e9e.\" }\n  ],\n\n  \/\/ -------------------- COMMENT \u00c7A MARCHE --------------------\n  etapes: [\n    { titre: \"\u00c9change initial\", texte: \"Un premier contact (t\u00e9l\u00e9phone ou visio) pour comprendre vos besoins, votre rythme et vos outils.\" },\n    { titre: \"Proposition sur mesure\", texte: \"Un devis clair, adapt\u00e9 \u00e0 votre activit\u00e9 : mission ponctuelle, forfait ou volume d'heures.\" },\n    { titre: \"Mise en place\", texte: \"Acc\u00e8s aux outils n\u00e9cessaires, cadrage des priorit\u00e9s, d\u00e9marrage de la collaboration.\" },\n    { titre: \"Suivi & ajustement\", texte: \"Un point r\u00e9gulier pour ajuster la collaboration \u00e0 l'\u00e9volution de vos besoins.\" }\n  ],\n\n  \/\/ -------------------- FONCTIONNEMENT \/ TARIFS --------------------\n  formulesTarifaires: [\n    { titre: \"Prestation ponctuelle\", texte: \"Pour un besoin isol\u00e9 : surcro\u00eet d'activit\u00e9, remplacement, mission urgente.\" },\n    { titre: \"Forfait mensuel\", texte: \"Un volume d'heures r\u00e9current, pour une gestion administrative r\u00e9guli\u00e8re et pr\u00e9visible.\" },\n    { titre: \"Volume d'heures\", texte: \"Un nombre d'heures d\u00e9fini, utilisable selon vos besoins du moment.\" },\n    { titre: \"Accompagnement r\u00e9gulier\", texte: \"Une collaboration continue, comme une extension de votre \u00e9quipe, \u00e0 distance.\" },\n    { titre: \"Sur devis personnalis\u00e9\", texte: \"Chaque situation \u00e9tant diff\u00e9rente, un devis est \u00e9tabli apr\u00e8s \u00e9change sur vos besoins pr\u00e9cis.\" }\n  ],\n\n  \/\/ -------------------- T\u00c9MOIGNAGES --------------------\n  \/\/ Remplacez ces exemples par vos vrais t\u00e9moignages d\u00e8s que vous les aurez recueillis.\n  temoignages: [\n    {\n      nom: \"[\u00c0 COMPL\u00c9TER : pr\u00e9nom + initiale du nom]\",\n      structure: \"[\u00c0 COMPL\u00c9TER : type d'activit\u00e9, ex. Artisan plombier]\",\n      texte: \"[\u00c0 COMPL\u00c9TER : t\u00e9moignage client]\"\n    },\n    {\n      nom: \"[\u00c0 COMPL\u00c9TER : pr\u00e9nom + initiale du nom]\",\n      structure: \"[\u00c0 COMPL\u00c9TER : type d'activit\u00e9, ex. Consultante ind\u00e9pendante]\",\n      texte: \"[\u00c0 COMPL\u00c9TER : t\u00e9moignage client]\"\n    },\n    {\n      nom: \"[\u00c0 COMPL\u00c9TER : pr\u00e9nom + initiale du nom]\",\n      structure: \"[\u00c0 COMPL\u00c9TER : type d'activit\u00e9, ex. G\u00e9rant de TPE]\",\n      texte: \"[\u00c0 COMPL\u00c9TER : t\u00e9moignage client]\"\n    }\n  ],\n\n  \/\/ -------------------- FAQ --------------------\n  faq: [\n    {\n      question: \"Qu'est-ce qu'une secr\u00e9taire ind\u00e9pendante, concr\u00e8tement ?\",\n      reponse: \"Une secr\u00e9taire ind\u00e9pendante est une professionnelle freelance qui prend en charge tout ou partie de vos t\u00e2ches administratives, sans lien de subordination : vous n'\u00eates ni son employeur, ni responsable de sa gestion RH. Vous la sollicitez pour un besoin ponctuel ou r\u00e9current, comme un prestataire de services.\"\n    },\n    {\n      question: \"Quelles t\u00e2ches puis-je d\u00e9l\u00e9guer ?\",\n      reponse: \"La quasi-totalit\u00e9 de vos t\u00e2ches administratives : gestion du courrier et des e-mails, facturation et devis, suivi clients, saisie de donn\u00e9es, classement, pr\u00e9paration de documents, relances. Seule la comptabilit\u00e9 au sens r\u00e9glementaire (bilan, liasse fiscale) reste du ressort d'un expert-comptable.\"\n    },\n    {\n      question: \"Comment se d\u00e9roule la collaboration au quotidien ?\",\n      reponse: \"Apr\u00e8s un \u00e9change initial pour cadrer vos besoins et vos outils, la collaboration d\u00e9marre selon la formule choisie (ponctuelle, forfait ou volume d'heures). Les \u00e9changes se font par e-mail, t\u00e9l\u00e9phone ou visio, avec un point r\u00e9gulier pour ajuster si n\u00e9cessaire.\"\n    },\n    {\n      question: \"Mes documents et donn\u00e9es sont-ils confidentiels ?\",\n      reponse: \"Oui. La confidentialit\u00e9 des \u00e9changes et des documents transmis est une exigence absolue de ce m\u00e9tier, et un engagement de confidentialit\u00e9 peut \u00eatre formalis\u00e9 par \u00e9crit si vous le souhaitez.\"\n    },\n    {\n      question: \"Y a-t-il un engagement de dur\u00e9e ou de volume d'heures ?\",\n      reponse: \"Non. La collaboration peut \u00eatre ponctuelle ou r\u00e9guli\u00e8re, sans obligation de volume minimum, et peut \u00eatre interrompue sans pr\u00e9avis contraignant.\"\n    },\n    {\n      question: \"Quels outils utilisez-vous ?\",\n      reponse: \"Les outils bureautiques et de gestion courants (suite Office, Google Workspace, outils de facturation, de partage de fichiers, etc.), ainsi que ceux que vous utilisez d\u00e9j\u00e0 en interne, pour une int\u00e9gration simple \u00e0 votre fonctionnement.\"\n    },\n    {\n      question: \"Intervenez-vous uniquement \u00e0 distance ?\",\n      reponse: \"L'essentiel des missions se fait \u00e0 distance, sur toute la France. Un d\u00e9placement sur site est possible dans un rayon de 20 km.\"\n    }\n  ]\n};\n\n<\/script>\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  const C = window.SITE_CONTENT;\n  if (!C) {\n    console.error('SITE_CONTENT introuvable : v\u00e9rifiez que content.js est bien charg\u00e9 avant main.js.');\n    return;\n  }\n\n  const icons = {\n    folder: '<svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z\"\/><\/svg>',\n    mail: '<svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"m4 7 8 6 8-6\"\/><\/svg>',\n    invoice: '<svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M7 3h8l4 4v14H7V3Z\"\/><path d=\"M11 9h4M11 13h4M11 17h2\"\/><\/svg>',\n    users: '<svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><path d=\"M2 20c0-3.3 3-6 7-6s7 2.7 7 6\"\/><circle cx=\"17\" cy=\"8\" r=\"2.4\"\/><path d=\"M22 20c0-2.6-2-4.8-4.8-5.6\"\/><\/svg>',\n    table: '<svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 10h18M9 4v16\"\/><\/svg>',\n    cabinet: '<svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"1.5\"\/><path d=\"M4 11h16M9 7h2M9 15h2\"\/><\/svg>',\n    liberte: '<svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 2v20M2 12h20\"\/><path d=\"M12 2c-3 3-3 7 0 10s3 7 0 10M2 12c3-3 7-3 10 0s7 3 10 0\"\/><\/svg>',\n    eclair: '<svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3.5 2\"\/><\/svg>',\n    etoile: '<svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"><path d=\"M12 2 2 8l10 5 10-5-10-6Z\"\/><path d=\"M2 15l10 5 10-5M2 11.5l10 5 10-5\"\/><\/svg>',\n    flexible: '<svg class=\"ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M4 12a8 8 0 0 1 14.5-4.5M20 12a8 8 0 0 1-14.5 4.5\"\/><path d=\"M18.5 3v4.5H14M5.5 21v-4.5H10\"\/><\/svg>'\n  };\n\n  \/* ---------- SERVICES ---------- *\/\n  const servicesGrid = document.getElementById('services-grid');\n  if (servicesGrid) {\n    servicesGrid.innerHTML = C.services.map((s, i) => `\n      <article class=\"service-card\" id=\"service-card-${i}\">\n        ${s.photo ? `<div class=\"card-photo\"><img decoding=\"async\" src=\"${s.photo}\" alt=\"${s.titre}\" loading=\"lazy\"><\/div>` : ''}\n        ${icons[s.icone] || ''}\n        <h3>${s.titre}<\/h3>\n        <p class=\"resume\">${s.resume}<\/p>\n        <button class=\"service-toggle\" data-target=\"service-card-${i}\" aria-expanded=\"false\">\n          Voir le d\u00e9tail <span class=\"chev\">&#9662;<\/span>\n        <\/button>\n        <ul>${s.details.map(d => `<li>${d}<\/li>`).join('')}<\/ul>\n      <\/article>\n    `).join('');\n\n    servicesGrid.querySelectorAll('.service-toggle').forEach(btn => {\n      btn.addEventListener('click', () => {\n        const card = document.getElementById(btn.dataset.target);\n        const nowOpen = card.classList.toggle('open');\n        btn.setAttribute('aria-expanded', nowOpen);\n        btn.innerHTML = nowOpen\n          ? 'R\u00e9duire <span class=\"chev\">&#9662;<\/span>'\n          : 'Voir le d\u00e9tail <span class=\"chev\">&#9662;<\/span>';\n      });\n    });\n  }\n  const servicesNote = document.getElementById('services-note');\n  if (servicesNote) servicesNote.textContent = C.servicesNote;\n\n  \/* ---------- APER\u00c7U SERVICES (page d'accueil, sans d\u00e9tail d\u00e9pliable) ---------- *\/\n  const servicesPreview = document.getElementById('services-grid-preview');\n  if (servicesPreview) {\n    servicesPreview.innerHTML = C.services.slice(0, 3).map(s => `\n      <article class=\"service-card\">\n        ${s.photo ? `<div class=\"card-photo\"><img decoding=\"async\" src=\"${s.photo}\" alt=\"${s.titre}\" loading=\"lazy\"><\/div>` : ''}\n        ${icons[s.icone] || ''}\n        <h3>${s.titre}<\/h3>\n        <p class=\"resume\">${s.resume}<\/p>\n        <a href=\"\/professionnels\/\" class=\"service-toggle\">En savoir plus <span class=\"chev\">&#9662;<\/span><\/a>\n      <\/article>\n    `).join('');\n  }\n\n  \/* ---------- AVANTAGES ---------- *\/\n  const avGrid = document.getElementById('avantages-grid');\n  if (avGrid) {\n    avGrid.innerHTML = C.avantages.map((a) => `\n      <div class=\"avantage-item\">\n        <div class=\"ico-badge\">${icons[a.icone] || ''}<\/div>\n        <h4>${a.titre}<\/h4>\n        <p>${a.texte}<\/p>\n      <\/div>\n    `).join('');\n  }\n\n  \/* ---------- ETAPES ---------- *\/\n  const etGrid = document.getElementById('etapes-list');\n  if (etGrid) {\n    etGrid.innerHTML = C.etapes.map((e, i) => `\n      <div class=\"etape-item\">\n        <div class=\"etape-head\">\n          <div class=\"etape-badge\">${i + 1}<\/div>\n          <h4>${e.titre}<\/h4>\n        <\/div>\n        <p>${e.texte}<\/p>\n      <\/div>\n    `).join('');\n  }\n\n  \/* ---------- FORMULES TARIFAIRES ---------- *\/\n  const fGrid = document.getElementById('formules-grid');\n  if (fGrid) {\n    fGrid.innerHTML = C.formulesTarifaires.map((f, i) => `\n      <div class=\"formule-row\">\n        <span class=\"formule-num\">${(i + 1 < 10 ? '0' : '') + (i + 1)}<\/span>\n        <div>\n          <h4>${f.titre}<\/h4>\n          <p>${f.texte}<\/p>\n        <\/div>\n      <\/div>\n    `).join('');\n  }\n\n  \/* ---------- TEMOIGNAGES ---------- *\/\n  const tGrid = document.getElementById('temoignages-grid');\n  if (tGrid) {\n    tGrid.innerHTML = C.temoignages.map(t => `\n      <div class=\"temoignage-card\">\n        <div class=\"quote-mark\">&ldquo;<\/div>\n        <p class=\"txt\">${t.texte}<\/p>\n        <div class=\"temoignage-author\">\n          <div class=\"temoignage-avatar\">${t.nom.charAt(0)}<\/div>\n          <div>\n            <strong>${t.nom}<\/strong>\n            <span>${t.structure}<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    `).join('');\n  }\n\n  \/* ---------- FAQ ---------- *\/\n  const faqList = document.getElementById('faq-list');\n  if (faqList) {\n    faqList.innerHTML = C.faq.map((f, i) => `\n      <div class=\"faq-item\" id=\"faq-${i}\">\n        <button class=\"faq-question\" aria-expanded=\"false\" data-target=\"faq-${i}\">\n          <span>${f.question}<\/span>\n          <span class=\"plus\">+<\/span>\n        <\/button>\n        <div class=\"faq-answer\"><p>${f.reponse}<\/p><\/div>\n      <\/div>\n    `).join('');\n\n    faqList.querySelectorAll('.faq-question').forEach(btn => {\n      btn.addEventListener('click', () => {\n        const item = document.getElementById(btn.dataset.target);\n        const nowOpen = item.classList.toggle('open');\n        btn.setAttribute('aria-expanded', nowOpen);\n      });\n    });\n  }\n\n  \/* ---------- COORDONNEES (footer + contact) ---------- *\/\n  document.querySelectorAll('[data-content=\"email\"]').forEach(el => el.textContent = C.contact.email);\n  document.querySelectorAll('[data-content=\"telephone\"]').forEach(el => el.textContent = C.contact.telephone);\n  document.querySelectorAll('[data-content=\"zone\"]').forEach(el => el.textContent = C.contact.zoneDeplacement);\n\n  \/* ---------- BANDEAU VIOLET \"20 ANS \/ 2020\" : DEBORD A GAUCHE JUSQU'AU BORD DE L'ECRAN ---------- *\/\n  const trustBleed = document.getElementById('hero-trust-bleed');\n  if (trustBleed) {\n    const applyBleed = () => {\n      \/\/ reinitialiser avant de mesurer, sinon la mesure inclut le decalage precedent\n      trustBleed.style.marginLeft = '0px';\n      trustBleed.style.paddingLeft = '24px';\n      trustBleed.style.width = '100%';\n      const rect = trustBleed.getBoundingClientRect();\n      const leftOffset = Math.max(0, rect.left);\n      const naturalWidth = rect.width;\n      trustBleed.style.marginLeft = `-${leftOffset}px`;\n      trustBleed.style.paddingLeft = `${leftOffset + 24}px`;\n      trustBleed.style.width = `${naturalWidth + leftOffset}px`;\n    };\n    applyBleed();\n    window.addEventListener('resize', applyBleed);\n    if (document.fonts && document.fonts.ready) {\n      document.fonts.ready.then(applyBleed);\n    }\n  }\n\n  \/* ---------- MENUS DEROULANTS (Cabinet, Infos legales) : gestion JS fiable avec delai de grace ---------- *\/\n  document.querySelectorAll('.nav-dropdown').forEach((dropdown) => {\n    let closeTimer = null;\n    const open = () => {\n      clearTimeout(closeTimer);\n      dropdown.classList.add('dropdown-open');\n    };\n    const scheduleClose = () => {\n      clearTimeout(closeTimer);\n      closeTimer = setTimeout(() => dropdown.classList.remove('dropdown-open'), 350);\n    };\n    dropdown.addEventListener('mouseenter', open);\n    dropdown.addEventListener('mouseleave', scheduleClose);\n    dropdown.addEventListener('focusin', open);\n    dropdown.addEventListener('focusout', scheduleClose);\n    \/\/ support tactile \/ clic direct sur le lien parent pour ouvrir\/fermer\n    const trigger = dropdown.querySelector(':scope > a');\n    if (trigger) {\n      trigger.addEventListener('click', (e) => {\n        if (window.matchMedia('(hover: none)').matches) {\n          e.preventDefault();\n          dropdown.classList.toggle('dropdown-open');\n        }\n      });\n    }\n  });\n\n  \/* ---------- NAV MOBILE ---------- *\/\n  const navToggle = document.getElementById('nav-toggle');\n  const navMobile = document.getElementById('nav-mobile');\n  const navClose = document.getElementById('nav-close');\n  if (navToggle && navMobile) {\n    navToggle.addEventListener('click', () => navMobile.classList.add('open'));\n    navClose.addEventListener('click', () => navMobile.classList.remove('open'));\n    navMobile.querySelectorAll('a').forEach(a => a.addEventListener('click', () => navMobile.classList.remove('open')));\n  }\n\n  \/* ---------- FORMULAIRE DE CONTACT \/ DEVIS ---------- *\/\n  const form = document.getElementById('devis-form');\n  if (form) {\n    form.addEventListener('submit', (e) => {\n      e.preventDefault();\n      \/\/ NOTE : en production, brancher ici un envoi r\u00e9el (API, Formspree,\n      \/\/ Netlify Forms, ou route back-end) \u2014 voir explication fournie s\u00e9par\u00e9ment.\n      const successBox = document.getElementById('form-success');\n      successBox.classList.add('visible');\n      successBox.scrollIntoView({ behavior: 'smooth', block: 'center' });\n      form.reset();\n    });\n  }\n});\n\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Avantages Pourquoi faire appel \u00e0 une secr\u00e9taire ind\u00e9pendante ? Secr\u00e9tariat ind\u00e9pendant : les avantages d&rsquo;un vrai partenariat professionnel. En quatre points Ce que change concr\u00e8tement une secr\u00e9taire ind\u00e9pendante Faire appel \u00e0 une secr\u00e9taire ind\u00e9pendante, c&rsquo;est avant tout choisir un v\u00e9ritable partenariat avec un prestataire de services administratifs autonome, digne de confiance, qualifi\u00e9 et professionnel. Cette [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dsfsecretariat.fr\/index.php\/wp-json\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dsfsecretariat.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dsfsecretariat.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dsfsecretariat.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dsfsecretariat.fr\/index.php\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":1,"href":"https:\/\/dsfsecretariat.fr\/index.php\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/dsfsecretariat.fr\/index.php\/wp-json\/wp\/v2\/pages\/29\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/dsfsecretariat.fr\/index.php\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}