.elementor-kit-5{--e-global-color-primary:#FF7F27;--e-global-color-secondary:#235566;--e-global-color-text:#878787;--e-global-color-accent:#FF7F27;--e-global-color-2ab8649:#FFFFFF;--e-global-color-db82440:#F3F3F3;--e-global-color-d79df98:#7D90E2;--e-global-color-0e6c8f6:#5AC3E5;--e-global-typography-primary-font-family:"Bricolage Grotesque";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Bricolage Grotesque";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-2ab8649 );}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-2ab8649 );border-radius:100px 100px 100px 100px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-secondary );}.elementor-kit-5 a:hover{color:var( --e-global-color-primary );}.elementor-kit-5 h1{color:var( --e-global-color-secondary );font-weight:800;}.elementor-kit-5 h2{color:var( --e-global-color-secondary );font-family:"Bricolage Grotesque", Sans-serif;font-size:35px;font-weight:800;line-height:45px;}.elementor-kit-5 h3{color:var( --e-global-color-secondary );font-family:"Bricolage Grotesque", Sans-serif;font-size:28px;font-weight:800;line-height:40px;}.elementor-kit-5 h4{color:var( --e-global-color-secondary );font-family:"Bricolage Grotesque", Sans-serif;font-size:22px;font-weight:600;line-height:33px;}.elementor-kit-5 h5{color:var( --e-global-color-secondary );font-family:"Bricolage Grotesque", Sans-serif;font-size:20px;font-weight:800;line-height:30px;}.elementor-kit-5 h6{color:var( --e-global-color-secondary );font-family:"Bricolage Grotesque", Sans-serif;font-size:18px;font-weight:800;line-height:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;gap:0px;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1480px){.elementor-kit-5 h2{font-size:30px;line-height:40px;}.elementor-kit-5 h3{font-size:25px;line-height:35px;}.elementor-kit-5 h4{font-size:20px;line-height:30px;}.elementor-kit-5 h5{font-size:18px;line-height:30px;}.elementor-kit-5 h6{font-size:15px;line-height:25px;}}@media(max-width:1200px){.elementor-kit-5 h2{font-size:25px;line-height:35px;}.elementor-kit-5 h3{font-size:20px;line-height:30px;}.elementor-kit-5 h4{font-size:18px;line-height:30px;}.elementor-kit-5 h5{font-size:15px;line-height:20px;}.elementor-kit-5 h6{font-size:15px;line-height:20px;}}@media(max-width:1024px){.elementor-kit-5 h2{font-size:20px;line-height:30px;}.elementor-kit-5 h3{font-size:18px;line-height:28px;}.elementor-kit-5 h4{font-size:16px;line-height:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* BABYCHOU SERVICES - CSS global v6 (bande simulateur pervenche) */
:root { --bbc-orange:        #FF7F27;   
  --bbc-orange-hover:  #EA6F17;
  --bbc-teal:          #235566;   
  --bbc-periwinkle:    #7D90E2;   
  --bbc-periwinkle-h:  #6A7FD9;
  --bbc-cyan:          #59C2E5;   
  --bbc-gray-section:  #F3F3F3;   
  --bbc-gray-text:     #878787;   
  --bbc-white:         #FFFFFF;   

  --bbc-font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --bbc-font-body:    'Roboto', system-ui, sans-serif;

  --bbc-container: 1100px; }
.bbc, .bbc * { margin:0; padding:0; box-sizing:border-box; }
.bbc { font-family:var(--bbc-font-body);
  color:var(--bbc-gray-text);
  background:var(--bbc-white);
  font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased; }
.bbc img, .bbc svg { display:block; }
.bbc a { text-decoration:none; color:inherit; }
.bbc .container { width:min(var(--bbc-container),91%); margin-inline:auto; }
.bbc h1, .bbc h2, .bbc h3, .bbc .step-num { font-family:var(--bbc-font-display); font-weight:800; }
.bbc h2 { color:var(--bbc-teal);
  font-size:clamp(30px,3.82vw,55px);
  line-height:1.07;
  letter-spacing:-0.02em; }
.bbc .btn { display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--bbc-font-body);
  font-size:14px; font-weight:800;
  letter-spacing:.02em; text-transform:uppercase;
  height:57px; padding:0 30px; border-radius:125px;
  border:none; cursor:pointer; color:var(--bbc-white);
  transition:background .2s ease, transform .15s ease;
  white-space:nowrap; }
.bbc .btn:hover { transform:translateY(-1px); }
.bbc .btn-orange { background:var(--bbc-orange); }
.bbc .btn-orange:hover { background:var(--bbc-orange-hover); }
.bbc .btn-periwinkle { background:var(--bbc-periwinkle); }
.bbc .btn-periwinkle:hover { background:var(--bbc-periwinkle-h); }
.bbc .link-more { display:inline-flex; align-items:center; gap:8px;
  font-size:14px; font-weight:800;
  letter-spacing:.01em; text-transform:uppercase;
  color:var(--bbc-teal);
  transition:color .2s ease; }
.bbc .link-more:hover { color:var(--bbc-orange); }
.bbc .link-more svg { width:8px; height:12px; flex:none; }
.bbc .stars-img { height:21px; width:auto; }
.bbc .avis-top .stars-img { height:15px; }
.bbc .nav-bulles { width:19px; height:18px; transform:translateY(-3px); }
.bbc .step-arrow { margin-top:26px; flex:none; }
.bbc .site-header { position:sticky; top:0; z-index:50;
  background:var(--bbc-white);
  box-shadow:0 1px 0 rgba(35,85,102,.08); }
.bbc .header-inner { width:min(1356px,95%); margin-inline:auto;
  display:flex; align-items:center; gap:30px;
  height:107px; }
.bbc .logo { flex:none; }
.bbc .logo img { height:57px; width:auto; display:block; }
.bbc .main-nav { margin-left:auto;
  display:flex; align-items:center; gap:34px; }
.bbc .main-nav a { display:inline-flex; align-items:center; gap:7px;
  font-size:14px; font-weight:400;
  text-transform:uppercase;
  color:var(--bbc-teal);
  transition:color .2s ease; }
.bbc .main-nav a:hover { color:var(--bbc-orange); }
.bbc .main-nav a.active { color:var(--bbc-orange); font-weight:500; }
.bbc .btn-header { font-size:17px; font-weight:700; letter-spacing:0;
  border-radius:130px; padding:0 26px; }
.bbc .hero h1 .teal { color:var(--bbc-teal); }
.bbc .hero-actions { margin-top:30px; display:flex; flex-wrap:wrap; gap:18px; }
.bbc .hero-rating { margin-top:52px;
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  font-size:14px; font-style:italic; font-weight:500; color:var(--bbc-teal); }
.bbc .finder { padding:82px 0 72px; }
.bbc .finder h2 { font-size:clamp(26px,2.45vw,35px); line-height:1.15; margin-bottom:22px; }
.bbc .search-row input::placeholder { color:#9B9B9B; font-style:italic; }
.bbc .search-row input:focus { box-shadow:0 0 0 2px rgba(255,127,39,.4); }
.bbc .btn-search { padding:0 34px; }
.bbc .btn-search svg { width:22px; height:22px; }
.bbc .solutions { background:var(--bbc-gray-section); padding:82px 0 96px; }
.bbc .section-head { display:flex; align-items:flex-end; justify-content:space-between;
  gap:24px; flex-wrap:wrap; margin-bottom:52px; }
.bbc .solutions .section-head h2 { padding-left:clamp(0px,6vw,92px); }
.bbc .sol-grid { display:flex; justify-content:center; align-items:center;
  gap:clamp(18px,2.6vw,36px); flex-wrap:wrap; }
.bbc .sol-card { position:relative;
  display:flex; align-items:center; justify-content:center;
  height:258px;
  transition:transform .2s ease; }
.bbc .sol-card:hover { transform:translateY(-5px); }
.bbc .sol-shape { position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 10px 18px rgba(35,85,102,.10));
  transition:filter .2s ease; }
.bbc .sol-card:hover .sol-shape { filter:drop-shadow(0 18px 28px rgba(35,85,102,.22)); }
.bbc .sol-text { position:relative; z-index:2;
  transform:translateY(9px);
  text-align:center; color:#180C45;
  display:flex; flex-direction:column; align-items:center; gap:7px; }
.bbc .sol-name { font-family:var(--bbc-font-display); font-weight:800;
  font-size:37px; line-height:.9; }
.bbc .sol-cta { font-size:14px; font-weight:800;
  letter-spacing:.01em; text-transform:uppercase;
  display:inline-flex; align-items:center; gap:5px; }
.bbc .sol-cta svg { width:7px; height:11px; }
.bbc .steps { padding:82px 0 40px;
  display:flex; align-items:flex-start; justify-content:center;
  gap:clamp(14px,2.4vw,30px); flex-wrap:wrap; }
.bbc .step { text-align:center; max-width:262px; }
.bbc .step-num { font-size:55px; color:var(--bbc-teal); line-height:1.1; }
.bbc .step p { margin-top:14px;
  font-size:21px; line-height:1.43; color:var(--bbc-teal); font-weight:400; }
.bbc .aides { padding:52px 0 88px; }
.bbc .aides-card { position:relative; overflow:hidden;
  border-radius:60px;
  min-height:640px;
  background:#FBF5EE;
  display:flex; align-items:center; }
.bbc .aides-img { position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; object-position:center; }
.bbc .aides-content { position:relative; z-index:2;
  width:min(1100px,88%); margin-inline:auto;
  padding:70px 0; }
.bbc .aides-content h2 { max-width:525px; }
.bbc .aides-content p { margin-top:20px; max-width:488px;
  font-size:21px; line-height:1.34; color:var(--bbc-teal); }
.bbc .aides-content .btn { margin-top:28px; }
.bbc .aides-link { display:inline-flex; margin-top:38px; }
.bbc .aides-content .row { display:flex; flex-direction:column; align-items:flex-start; }
.bbc .aides-card::after { content:''; position:absolute; z-index:2;
  width:202px; height:120px;
  background:var(--bbc-white);
  border-radius:100px 100px 0 0;
  bottom:0; left:50%; transform:translateX(-50%); }
.bbc .avis { padding:34px 0 92px; }
.bbc .avis > .container > h2 { text-align:center; margin-bottom:50px; }
.bbc .avis-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:21px; }
.bbc .avis-card { background:var(--bbc-gray-section); border-radius:20px;
  min-height:335px;
  padding:30px 28px 26px;
  display:flex; flex-direction:column; }
.bbc .avis-top { display:flex; align-items:baseline; gap:10px;
  padding-bottom:14px; margin-bottom:18px;
  border-bottom:2px dotted #D5D5D5; }
.bbc .avis-top strong { color:var(--bbc-teal); font-size:18px;
  font-family:var(--bbc-font-display); font-weight:800; }
.bbc .avis-top time { margin-left:auto; font-size:12px; color:var(--bbc-gray-text); }
.bbc .avis-card h3 { color:var(--bbc-teal); font-size:24px; line-height:1.17;
  margin-bottom:12px; }
.bbc .avis-card p { font-size:14px; line-height:1.45; color:var(--bbc-gray-text); flex:1; }
.bbc .avis-author { margin-top:18px; font-weight:700; font-size:14px;
  color:var(--bbc-teal) !important; flex:none !important; }
.bbc .avis-foot { margin-top:30px;
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; flex-wrap:wrap; }
.bbc .avis-foot > span { font-size:14px; font-style:italic; font-weight:500; color:var(--bbc-teal); }
.bbc .job { background:var(--bbc-cyan);
  display:grid; grid-template-columns:43% 1fr;
  min-height:449px; }
.bbc .job-photo { width:100%; height:100%; min-height:320px;
  object-fit:cover; object-position:center;
  transform:scaleX(-1); border-radius:60px 0 0 60px; }
.bbc .job-content { padding:78px clamp(28px,11.7vw,169px) 60px clamp(28px,4.7vw,68px);
  display:flex; flex-direction:column; justify-content:center;
  color:var(--bbc-white); }
.bbc .job-content h2 { color:var(--bbc-white); max-width:586px; }
.bbc .job-content p { margin-top:18px; max-width:581px;
  font-size:21px; line-height:1.34; }
.bbc .job-content .btn { margin-top:auto; align-self:flex-end; }
.bbc .conseils { padding:88px 0 96px; }
.bbc .articles { display:grid; grid-template-columns:repeat(3,1fr); }
.bbc .post { padding:0 30px;
  border-left:2px dotted #D5D5D5;
  display:flex; flex-direction:column; }
.bbc .post:first-child { border-left:none; padding-left:0; }
.bbc .post:last-child { padding-right:0; }
.bbc .post-img { width:100%; height:160px; object-fit:cover;
  border-radius:16px; margin-bottom:18px; }
.bbc .post-meta { display:flex; align-items:center; justify-content:space-between;
  gap:10px; margin-bottom:12px; }
.bbc .post-meta .tag { font-size:12px; font-weight:800;
  letter-spacing:.06em; text-transform:uppercase;
  color:var(--bbc-orange); }
.bbc .post-meta time { font-size:12px; color:var(--bbc-gray-text); }
.bbc .post h3 { color:var(--bbc-teal); font-size:22px; line-height:1.2;
  margin-bottom:12px; }
.bbc .post p { font-size:14px; line-height:1.45; color:var(--bbc-gray-text); flex:1; }
.bbc .post-icon { margin-top:18px; display:inline-flex;
  transition:transform .2s ease; }
.bbc .post-icon:hover { transform:scale(1.12); }
.bbc .post-icon svg { width:30px; height:30px; }
.bbc .site-footer { background:var(--bbc-teal); color:var(--bbc-white);
  padding:68px 0 0; position:relative; }
.bbc .footer-grid { display:grid; grid-template-columns:1fr auto 1fr;
  gap:40px; align-items:start;
  padding-bottom:36px; }
.bbc .f-logo .logo img { height:65px; }
.bbc .f-links { margin-top:30px; display:grid; gap:12px; }
.bbc .f-links a { font-size:14px; font-weight:400; color:rgba(255,255,255,.92);
  transition:color .2s ease; }
.bbc .f-links a:hover { color:var(--bbc-orange); }
.bbc .f-social { text-align:center; }
.bbc .f-social > p { font-size:17px; font-weight:700; margin-bottom:18px; }
.bbc .socials { display:flex; justify-content:center; gap:10px; }
.bbc .socials a { display:inline-flex;
  transition:transform .2s ease; }
.bbc .socials a:hover { transform:translateY(-3px); }
.bbc .socials svg { width:60px; height:60px; }
.bbc .award-slot { margin:36px auto 0;
  width:292px; height:131px;
  background:var(--bbc-white); border-radius:16px 16px 0 0;
  display:flex; align-items:center; justify-content:center; }
.bbc .award { color:#1B2A4A; display:flex; align-items:center; gap:12px; text-align:left; }
.bbc .award-year { font-family:var(--bbc-font-display); font-weight:800; font-size:22px;
  color:var(--bbc-teal); }
.bbc .award-lines { display:grid; gap:3px; }
.bbc .award-l1 { font-size:9px; font-weight:700; letter-spacing:.06em; }
.bbc .award-l1 em { font-style:italic; color:#C0392B; }
.bbc .award-l2 { font-size:11px; font-weight:800; letter-spacing:.08em;
  background:#1B2A4A; color:var(--bbc-white);
  padding:2px 9px; border-radius:3px; width:max-content; }
.bbc .award-l3 { font-size:8px; font-weight:600; letter-spacing:.14em; color:#6B7280; }
.bbc .f-legal { text-align:right; font-size:14px; line-height:1.45; }
.bbc .f-legal a { display:inline-block; margin-top:8px;
  color:rgba(255,255,255,.88); text-decoration:underline; }
.bbc .f-legal a:hover { color:var(--bbc-orange); }
.bbc .bulle::before, .bbc .bulle::after { content:''; position:absolute; background:var(--bbc-white); border-radius:50%; }
.bbc .bulle-hero { top:-46px; right:13%; }
.bbc .bulle-hero::before { width:112px; height:112px; }
.bbc .bulle-hero::after { width:34px; height:34px; left:122px; top:66px; }
.bbc h1, .bbc h2, .bbc h3 { font-family:var(--bbc-font-display); font-weight:800; }
.bbc .breadcrumb { font-size:13px; color:var(--bbc-teal); }
.bbc .breadcrumb a:hover { color:var(--bbc-orange); }
.bbc .breadcrumb .sep { margin:0 8px; }
.bbc .locator-band { position:relative; overflow:hidden;
  background:var(--bbc-gray-section);
  margin-top:-60px;
  padding:calc(60px + 74px) 0 74px; }
.bbc .finder-box h2 { font-size:clamp(26px,2.45vw,35px); line-height:1.15; margin-bottom:22px; }
.bbc .solutions8 { padding:88px 0 96px; }
.bbc .solutions8 h2 { text-align:center; margin-bottom:20px; }
.bbc .sol8-chapeau { text-align:center; max-width:740px; margin:0 auto 64px; font-size:16px; line-height:1.5; color:var(--bbc-gray-text); }
.bbc .sol8-grid { display:grid; grid-template-columns:repeat(4,1fr);
  gap:64px 20px; }
.bbc .sol8 { text-align:center; display:flex; flex-direction:column; align-items:center; }
.bbc .sol8-illu { height:108px; display:flex; align-items:flex-end; justify-content:center; margin-bottom:16px; }
.bbc .sol8-illu img { max-height:108px; width:auto; }
.bbc .sol8 h3 { color:var(--bbc-teal); font-size:24px; line-height:1.15; min-height:56px; display:flex; align-items:flex-start; justify-content:center; }
.bbc .sol8 p { font-size:14px; line-height:1.5; color:var(--bbc-gray-text); margin-top:8px; flex:1; }
.bbc .sol8 .link-more { margin-top:12px; }
.bbc .stats { background:var(--bbc-gray-section); padding:96px 0; }
.bbc .stats-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.bbc .stat { text-align:center; padding:14px 30px; }
.bbc .stat + .stat { border-left:2px dotted rgba(35,85,102,.45); }
.bbc .stat-num { font-family:var(--bbc-font-display); font-weight:800; font-size:clamp(34px,3.2vw,46px); line-height:1.1; color:var(--bbc-teal); }
.bbc .stat-num sup { font-size:.55em; }
.bbc .stat p { margin-top:14px; font-size:21px; line-height:1.43; color:var(--bbc-teal); }
.bbc .aides-band { position:relative;
  background:var(--bbc-periwinkle);
  padding:88px 0 92px;
  overflow:hidden; }
.bbc .aides-band h2 { max-width:633px; color:var(--bbc-white); }
.bbc .aides-band .chapeau { margin-top:18px; max-width:633px; font-size:16px; line-height:1.5; color:rgba(255,255,255,.95); }
.bbc .aides-cards { margin-top:58px;
  display:grid; grid-template-columns:repeat(3,1fr); gap:21px; }
.bbc .aide-card { background:transparent; border:2px solid var(--bbc-white); border-radius:26px; padding:30px 24px; min-height:177px; text-align:center; display:flex; flex-direction:column; justify-content:center; }
.bbc .aide-card h3 { color:var(--bbc-white); font-size:24px; line-height:1.2; }
.bbc .aide-card p { margin-top:8px; font-size:15px; line-height:1.45; color:rgba(255,255,255,.95); }
.bbc .aide-card .detail { margin-top:12px; font-size:13px; font-weight:700; color:var(--bbc-white); text-decoration:underline; }
.bbc .aide-card .detail:hover { color:rgba(255,255,255,.75); }
.bbc .aides-cta { margin-top:44px; display:flex; justify-content:flex-end; align-items:center; gap:30px; flex-wrap:wrap; }
.bbc .aides-cta .link-more { color:var(--bbc-white); }
.bbc .aides-cta .link-more:hover { color:rgba(255,255,255,.75); }
.bbc .editorial { padding:96px 0; }
.bbc .edito-q { color:var(--bbc-orange) !important; font-size:28px !important; line-height:1.2 !important; letter-spacing:-0.01em; margin:34px 0 12px; }
.bbc .edito-body .edito-q:first-child { margin-top:0; }
.bbc .edito-body p a { color:var(--bbc-teal); font-weight:700; text-decoration:underline; }
.bbc .edito-body p a:hover { color:var(--bbc-orange); }
.bbc .edito-grid { display:grid; grid-template-columns:446px 1fr; gap:clamp(40px,7.7vw,113px); align-items:start; }
.bbc .edito-photo { width:100%; height:460px; object-fit:cover; border-radius:24px; }
.bbc .edito-body p { font-size:14px; line-height:1.55; color:var(--bbc-gray-text); }
.bbc .faq-band { position:relative;
  background:var(--bbc-orange);
  padding:80px 0 86px;
  overflow:hidden; }
.bbc .faq-band h2 { position:relative; margin-bottom:54px; color:var(--bbc-white); text-align:center; }
.bbc .faq-list { width:min(727px,100%); margin-inline:auto; }
.bbc .faq-item { border-bottom:1px dotted rgba(255,255,255,.85); }
.bbc .faq-item summary { list-style:none; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:20px 4px;
  font-size:16px; font-weight:400; color:var(--bbc-white); }
.bbc .faq-item summary::-webkit-details-marker { display:none; }
.bbc .faq-item summary svg { width:14px; height:14px; flex:none; transition:transform .2s ease; }
.bbc .faq-item[open] summary svg { transform:rotate(45deg); }
.bbc .faq-item .answer { margin:4px 4px 20px; padding:18px 22px; background:var(--bbc-white); border-radius:16px; font-size:15px; font-weight:700; line-height:1.55; color:var(--bbc-orange); max-width:640px; }
.bbc .faq-item .answer a { color:var(--bbc-teal); font-weight:700; text-decoration:underline; }
.bbc .faq-item .answer a:hover { color:var(--bbc-orange-hover); }

/* FAQ cyan du Hub Candidats (recrut-faq) : le texte doit rester dans sa propre
   teinte, pas en orange (regle du 18/07, couleur = univers de la page). Plus
   fonce que le cyan de survol des boutons (#46B4DB) deja utilise sur cette
   page, pour un contraste de lecture suffisant en texte gras sur fond blanc. */
.bbc .recrut-faq .answer { color:#1B7A98; }

/* FAQ violette de la page aides financieres (univers aides = periwinkle,
   regle du 18/07) : la bande partagee .faq-band est orange par defaut pour
   les pages garde d'enfant, cette classe additionnelle la fait basculer en
   violet ici uniquement, sans toucher aux autres pages. Texte de reponse plus
   fonce que le violet de survol des boutons (#6A7FD9), pour un contraste de
   lecture suffisant en gras sur fond blanc. */
.bbc .faq-band-periwinkle { background:var(--bbc-periwinkle); }
.bbc .faq-band-periwinkle .answer { color:#4956B8; }
.bbc .faq-more { display:flex; justify-content:flex-end; width:min(727px,100%); margin:26px auto 0; }
.bbc .faq-more .link-more { color:var(--bbc-white); }
.bbc .faq-more .link-more:hover { color:rgba(255,255,255,.75); }
.bbc .encart { margin:64px auto 0;
  width:min(914px,100%);
  background:var(--bbc-white); border-radius:42px;
  padding:46px 90px;
  display:flex; align-items:center; justify-content:space-between; gap:40px;
  position:relative; }
.bbc .encart h2 { font-size:clamp(24px,2vw,29px); line-height:1.45; color:var(--bbc-teal); text-align:left; margin:0; }
.bbc .encart-btns { display:flex; flex-direction:column; gap:12px; min-width:256px; }
.bbc .encart-btns .btn { width:100%; padding:0 20px; }
.bbc .forme { position:absolute; z-index:1; pointer-events:none; }
.bbc .forme svg { width:100%; height:100%; display:block; }
.bbc .forme-star { left:5%; top:54%; width:62px; height:62px; }
.bbc .forme-aster { right:9%; top:24%; width:74px; height:74px; }
.bbc .forme-flower { right:12%; top:130px; width:72px; height:72px; }
.bbc .forme-sparkle { left:15%; bottom:30%; width:58px; height:58px; }
.bbc .forme-crown { right:6%; top:110px; width:74px; height:46px; }
.bbc .bulle-aides { top:-40px; left:57%; }
.bbc .bulle-aides::before, .bbc .bulle-aides::after { background:var(--bbc-gray-section); }
.bbc .bulle-aides::before { width:98px; height:98px; }
.bbc .bulle-aides::after { width:30px; height:30px; left:-44px; top:56px; }
.bbc .bulle-faq { top:-36px; left:8%; }
.bbc .bulle-faq::before { width:102px; height:102px; }
.bbc .bulle-faq::after { width:30px; height:30px; left:112px; top:60px; }
@media (max-width:1080px) {
  .bbc .main-nav { display:none; }
  .bbc .hero { min-height:0; display:block; border-radius:0 0 40px 40px; }
  .bbc .hero h1 .teal { color:var(--bbc-teal); }
  .bbc .aides-card { display:block; border-radius:40px; min-height:0; }
  .bbc .aides-img { position:static; height:300px; }
  .bbc .aides-content { padding:40px 6%; width:100%; }
  .bbc .aides-card::after { display:none; }
  .bbc .avis-grid { grid-template-columns:1fr; }
  .bbc .job { grid-template-columns:1fr; }
  .bbc .job-photo { border-radius:0; }
  .bbc .job-content .btn { align-self:flex-start; margin-top:26px; }
  .bbc .articles { grid-template-columns:1fr; gap:40px; }
  .bbc .post { border-left:none; padding:0; }
  .bbc .footer-grid { grid-template-columns:1fr; text-align:center; }
  .bbc .f-logo .logo svg { margin-inline:auto; }
  .bbc .f-legal { text-align:center; }
  .bbc .sol8-grid { grid-template-columns:repeat(2,1fr); gap:48px 16px; }
  .bbc .stats-grid { grid-template-columns:1fr; gap:34px; }
  .bbc .stat + .stat { border-left:none; border-top:2px dotted rgba(35,85,102,.45); padding-top:34px; }
  .bbc .aides-cards { grid-template-columns:1fr; }
  .bbc .aides-band::before, .bbc .faq-band::before { display:none; }
  .bbc .edito-grid { grid-template-columns:1fr; }
  .bbc .edito-photo { height:340px; }
  .bbc .faq-list { margin-left:0; }
  .bbc .encart { flex-direction:column; text-align:center; padding:36px 8%; }
  .bbc .f-logo .logo img { margin-inline:auto; }
}
@media (max-width:560px) {
  .bbc .steps { flex-direction:column; align-items:center; }
  .bbc .step-arrow { transform:rotate(90deg); margin:6px 0; }
  .bbc .search-row { flex-direction:column; align-items:stretch; }
  .bbc .finder-caption { text-align:center; }
  .bbc .hero-actions .btn { width:100%; }
  .bbc .sol8-grid { grid-template-columns:1fr; }
  .bbc .encart-btns { width:100%; }
  .bbc .encart-btns .btn { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  .bbc, .bbc * { transition:none !important; }
}

/* ---- Variantes accueil ---- */
.bbc-home .hero { position:relative; overflow:hidden;
  border-radius:0 0 60px 60px;
  min-height:min(52vw,749px);
  display:flex; align-items:stretch;
  background:#FBF3EB; }
.bbc-home .hero-img { position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; object-position:center; }
.bbc-home .hero-content { position:relative; z-index:2;
  width:min(1100px,91%); margin-inline:auto;
  padding:110px 0 64px;
  display:flex; flex-direction:column; justify-content:center; }
.bbc-home .hero h1 { font-size:clamp(32px,3.82vw,55px);
  line-height:1.07; letter-spacing:-0.02em;
  color:var(--bbc-orange);
  max-width:560px; }
.bbc-home .hero-sub { margin-top:22px; max-width:469px;
  font-size:21px; line-height:1.34; color:var(--bbc-teal); }
.bbc-home .finder-box { width:min(913px,91%); margin-inline:auto; }
.bbc-home .search-row { display:flex; align-items:center; gap:23px; }
.bbc-home .search-row input { flex:1; height:57px; padding:0 40px;
  border:none; border-radius:125px;
  background:var(--bbc-gray-section);
  font-family:var(--bbc-font-body); font-size:16px; color:var(--bbc-teal);
  outline:none; }
.bbc-home .finder-caption { margin-top:14px; text-align:right;
  font-size:14px; font-style:italic; font-weight:500; color:var(--bbc-teal); }
.bbc-home .bulle { position:absolute; pointer-events:none; z-index:2; }
@media (max-width:1080px) {
  .bbc-home .hero { flex-direction:column; }
  .bbc-home .hero-img { position:static; height:320px; }
  .bbc-home .hero-content { padding:40px 0 52px; }
}

/* ---- Variantes hub ---- */
.bbc-hub .hero { position:relative; overflow:hidden;
  border-radius:0 0 60px 60px;
  min-height:min(52vw,749px);
  display:flex; align-items:stretch;
  background:#F6F2ED; z-index:2; }
.bbc-hub .hero-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.bbc-hub .hero-content { position:relative; z-index:2;
  width:min(1100px,91%); margin-inline:auto;
  padding:28px 0 64px;
  display:flex; flex-direction:column; justify-content:center; }
.bbc-hub .hero h1 { margin-top:57px;
  font-size:clamp(32px,3.82vw,55px); line-height:1.07; letter-spacing:-0.02em;
  color:var(--bbc-orange); max-width:727px; }
.bbc-hub .hero-sub { margin-top:24px; max-width:632px; font-size:16px; line-height:1.5; color:var(--bbc-teal); }
.bbc-hub .finder-box { width:min(1100px,91%); margin-inline:auto; }
.bbc-hub .search-row { display:flex; align-items:center; gap:23px; max-width:913px; }
.bbc-hub .search-row input { flex:1; height:57px; padding:0 40px; border:none; border-radius:125px;
  background:var(--bbc-white); font-family:var(--bbc-font-body); font-size:16px; color:var(--bbc-teal); outline:none; }
.bbc-hub .finder-caption { margin-top:14px; text-align:left; font-size:14px; font-style:italic; font-weight:500; color:var(--bbc-teal); }
.bbc-hub .bulle { position:absolute; pointer-events:none; z-index:1; }
@media (max-width:1080px) {
  .bbc-hub .hero-img { position:static; height:300px; }
  .bbc-hub .hero-content { padding:24px 0 48px; }
}

/* ---- Composants du hub aides financieres ---- */
.bbc .crumb-row { display:flex; justify-content:space-between; align-items:baseline; gap:16px; flex-wrap:wrap; }
.bbc .maj-date { font-size:13px; font-style:italic; font-weight:500; color:var(--bbc-teal); }
.bbc .portes { margin-top:-60px; padding-top:calc(60px + 84px); }
.bbc .portes .aides-cards { grid-template-columns:repeat(4,1fr); margin-top:48px; }
.bbc .portes .bulle-aides::before, .bbc .portes .bulle-aides::after { background:var(--bbc-white); }
.bbc .tableau { padding:92px 0 66px; }
.bbc .tableau h2 { margin-bottom:44px; }
.bbc .table-wrap { background:var(--bbc-gray-section); border-radius:20px; padding:12px 28px 20px; overflow-x:auto; }
.bbc .comp-table { width:100%; border-collapse:collapse; min-width:660px; }
.bbc .comp-table th { font-family:var(--bbc-font-display); font-weight:800; font-size:18px; color:var(--bbc-teal); text-align:left; padding:20px 16px 14px; }
.bbc .comp-table td { font-size:14px; line-height:1.5; color:var(--bbc-gray-text); padding:16px; vertical-align:top; }
.bbc .comp-table td:first-child { font-weight:700; color:var(--bbc-teal); font-size:15px; }
.bbc .comp-table tbody tr { border-top:2px dotted #D5D5D5; }
/* Paragraphe d'intro avant un tableau (nouveau, Gab.3 declinaison Nounou) :
   meme habillage de lien que .edito-body p a, largeur de lecture contenue */
.bbc .tableau-intro{ max-width:800px; margin:0 0 40px; font-size:15px; line-height:1.6; color:var(--bbc-gray-text); }
.bbc .tableau-intro a{ color:var(--bbc-teal); font-weight:700; text-decoration:underline; }
.bbc .tableau-intro a:hover{ color:var(--bbc-orange); }

/* Tableau "semaine type" (sortie-ecole-creche uniquement) : habillage rose pale
   + separateur d'en-tete plein + losange decoratif en surplomb (personnage
   "grand-sortie-ecole", coherent avec le sujet de cette page). Scope a
   .tableau-semaine pour ne pas toucher au tableau comparatif standard (hub
   aides financieres, page nounou), qui reste gris. */
.bbc .table-wrap-deco{ position:relative; }
.bbc .tableau-diamond{ position:absolute; top:-80px; left:13%; width:108px; height:108px; z-index:2;
  filter:drop-shadow(0 12px 22px rgba(35,85,102,.16)); }
.bbc .tableau-semaine .table-wrap-deco{ margin-top:0; }
.bbc .tableau-semaine .deco-gap{ margin-bottom:96px; }
.bbc .tableau-semaine .table-wrap{ padding:40px 40px 44px; }
.bbc .tableau-semaine .comp-table{ border:none; }
.bbc .tableau-semaine .comp-table th{ border:none; padding:16px 16px 18px; }
.bbc .tableau-semaine .comp-table td{ border:none; padding:20px 16px; color:var(--bbc-teal); }
.bbc .tableau-semaine .comp-table thead tr{ border:none; border-bottom:2px solid var(--bbc-teal); background:transparent; }
.bbc .tableau-semaine .comp-table tbody tr{ border:none; background:transparent !important; }
.bbc .tableau-semaine .comp-table tbody tr:nth-child(even),
.bbc .tableau-semaine .comp-table tbody tr:nth-child(odd){ background:transparent !important; }
.bbc .tableau-semaine .comp-table td, .bbc .tableau-semaine .comp-table th{ background:transparent !important; }
/* Variantes de couleur : le fond pale du tableau suit la couleur propre de
   son losange decoratif (regle demandee le 23/07), pas une teinte fixe */
.bbc .tableau-lilas .table-wrap{ background:#F5EEF4; }
.bbc .tableau-lilas .comp-table tbody tr{ border-top:2px dotted #D9C2D6; }
.bbc .tableau-ambre .table-wrap{ background:#FDF3E0; }
.bbc .tableau-ambre .comp-table tbody tr{ border-top:2px dotted #EDDCB8; }
/* Variante violet plein (a l'essai), texte blanc dans la carte */
.bbc .tableau-violet .table-wrap{ background:var(--bbc-periwinkle); }
.bbc .tableau-violet .comp-table thead tr{ border-bottom:2px solid var(--bbc-white); }
.bbc .tableau-violet .comp-table th{ color:var(--bbc-white); }
.bbc .tableau-violet .comp-table td{ color:var(--bbc-white); }
.bbc .tableau-violet .comp-table td:first-child{ color:var(--bbc-white); font-weight:700; }
.bbc .tableau-violet .comp-table tbody tr{ border-top:2px dotted rgba(255,255,255,.45); }
@media (max-width:640px){
  .bbc .tableau-diamond{ width:76px; height:76px; top:-56px; left:10%; }
  .bbc .tableau-semaine .table-wrap{ padding:28px 20px 30px; }
}

/* Variante ".edito-body" sans colonne photo (Gab.3 declinaison Nounou : le
   document ne prevoit pas de second visuel, seulement 2 blocs question/
   reponse) : simple contention de largeur pour la lecture, .edito-q et
   .edito-body p a restent reutilises tels quels. */
.bbc .edito-body-solo{ max-width:800px; margin-inline:auto; }

.bbc .simu { background:var(--bbc-periwinkle); display:grid; grid-template-columns:43% 1fr; min-height:449px; align-items:stretch; }
.bbc .simu-photo { width:100%; height:100%; min-height:449px; object-fit:cover; object-position:center; align-self:stretch;
  transform:scaleX(-1); border-radius:60px 0 0 60px; }
.bbc .simu-content { padding:78px clamp(28px,11.7vw,169px) 60px clamp(28px,4.7vw,68px); display:flex; flex-direction:column; justify-content:center; }
.bbc .simu h2 { color:var(--bbc-white); max-width:720px; }
.bbc .simu p { margin-top:16px; max-width:640px; font-size:21px; line-height:1.34; color:var(--bbc-white); }
.bbc .simu .btn { margin-top:28px; align-self:flex-end; }
.bbc .age { padding:88px 0 80px; }
.bbc .age h2 { margin-bottom:44px; }
.bbc .age-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:21px; }
.bbc .age-card { background:var(--bbc-gray-section); border-radius:20px; padding:34px 32px; }
.bbc .age-card h3 { color:var(--bbc-teal); font-size:24px; line-height:1.2; }
.bbc .age-card p { margin-top:10px; font-size:15px; line-height:1.5; color:var(--bbc-gray-text); }
.bbc .age-card .link-more { margin-top:16px; }
.bbc .eeat { padding:64px 0 84px; }
.bbc .eeat-box { border-top:2px dotted #D5D5D5; padding-top:26px; font-size:13px; line-height:1.8; color:var(--bbc-gray-text); }
.bbc .eeat-box strong { color:var(--bbc-teal); }
@media (max-width:1080px) {
  .bbc .portes .aides-cards { grid-template-columns:repeat(2,1fr); }
  .bbc .age-grid { grid-template-columns:1fr; }
  .bbc .simu { grid-template-columns:1fr; }
  .bbc .simu-photo { border-radius:0; }
  .bbc .simu .btn { align-self:flex-start; }
}
@media (max-width:640px) {
  .bbc .portes .aides-cards { grid-template-columns:1fr; }
}

/* ---- Ajustements WordPress ---- */
.bbc img{ max-width:100%; }
body.admin-bar .bbc .site-header{ top:32px; }

/* ---- Patchs pleine largeur ---- */
body{ overflow-x:hidden; }
.bbc-home, .bbc-hub, .bbc-service{ margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }

/* ==========================================================================
   AJOUTS — Gabarit 4, Hub Candidats (19/07/2026)
   Rien ci-dessus n'est modifié. Tout ce qui suit est nouveau et additif :
   soit de nouvelles classes, soit des surcharges *scopées* à un nouveau
   conteneur (même technique que .portes .aides-cards déjà en place),
   jamais une redéfinition d'une règle existante.
   ========================================================================== */

/* Bouton cyan (même schéma que btn-orange / btn-periwinkle, univers recrutement) */
.bbc .btn-cyan { background:var(--bbc-cyan); }
.bbc .btn-cyan:hover { background:#46B4DB; }
.bbc .btn-outline-cyan { background:transparent; border:2px solid var(--bbc-cyan); color:var(--bbc-cyan); }
.bbc .btn-outline-cyan:hover { background:var(--bbc-cyan); color:var(--bbc-white); }

/* Bloc 2 — Preuves chiffrées : réutilise .stats/.stat/.stat-num tels quels,
   fond blanc pour ce hub (au lieu du gris par défaut de .stats),
   simple variante 4 colonnes scopée à ce bloc (comme .portes .aides-cards) */
.bbc .stats-recrut { background:var(--bbc-white); }
.bbc .stats-recrut .stats-grid { grid-template-columns:repeat(4,1fr); }
@media (max-width:1080px){ .bbc .stats-recrut .stats-grid{ grid-template-columns:1fr 1fr; gap:34px; } }
@media (max-width:560px){ .bbc .stats-recrut .stats-grid{ grid-template-columns:1fr; } }

/* Bloc 3 — Quatre portes : même anatomie que .aides-band / .aide-card /
   .aides-cards (réutilisés tels quels), seul le fond change (cyan, univers
   recrutement, cf. règle du 18/07) */
.bbc .recrut-band { position:relative; background:var(--bbc-cyan); padding:88px 0 92px; overflow:hidden; }
.bbc .recrut-band h2 { max-width:700px; color:var(--bbc-white); }
.bbc .recrut-band .aides-cards { grid-template-columns:repeat(4,1fr); }
@media (max-width:1080px){ .bbc .recrut-band .aides-cards{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .bbc .recrut-band .aides-cards{ grid-template-columns:1fr; } }

/* Bloc 4 — Avantages : réutilise .age-card tel quel (fond gris, sobre),
   nouvelle grille à 4 colonnes (celle-ci n'a pas de variante existante).
   position:relative/overflow:hidden pour accueillir la bulle de transition */
.bbc .avantages { position:relative; overflow:hidden; padding:88px 0 80px; }
.bbc .avantages h2 { margin-bottom:44px; }
.bbc .avantages-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:21px; }
@media (max-width:1080px){ .bbc .avantages-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){ .bbc .avantages-grid{ grid-template-columns:1fr; } }

/* Bloc 5 — Comment ça marche : même famille visuelle que .step/.step-num/
   .step-arrow (réutilisé tel quel), mais titre + description au lieu d'une
   seule ligne, donc nouvelles classes plutôt que de toucher .step existant */
.bbc .process-section { position:relative; overflow:hidden; background:var(--bbc-gray-section); padding-top:88px; }
.bbc .process-section h2 { text-align:center; max-width:700px; margin:0 auto; }
.bbc .process { padding:82px 0 40px; display:flex; align-items:flex-start; justify-content:center; gap:12px; flex-wrap:nowrap; }
.bbc .proc-step { text-align:center; flex:1; min-width:0; }
.bbc .proc-num { font-family:var(--bbc-font-display); font-weight:800; font-size:55px; line-height:1.1; color:var(--bbc-cyan); }
.bbc .proc-step h4 { margin-top:8px; font-family:var(--bbc-font-display); font-weight:800; font-size:17px; color:var(--bbc-teal); }
.bbc .proc-step p { margin-top:8px; font-size:14px; line-height:1.5; color:var(--bbc-gray-text); }
.bbc .process .step-arrow { display:flex; align-items:center; width:56px; flex:none; gap:4px; }
.bbc .process .step-arrow .dots { flex:1; height:0; border-top:2px dotted var(--bbc-cyan); }
.bbc .process .step-arrow svg { width:11px; height:16px; flex:none; }
@media (max-width:560px){ .bbc .process{ flex-direction:column; align-items:center; } }

/* Bloc 6 — Témoignages : réutilise .avis/.avis-grid (padding, grille 3 col),
   carte simplifiée (pas d'en-tête date/note ici, juste citation + nom).
   .temoignages-scope ajoute juste position/overflow pour la bulle, sans
   toucher à la règle .avis (partagée, utilisée telle quelle par ailleurs) */
.bbc .temoignages-scope { position:relative; overflow:hidden; padding-top:88px; }
.bbc .temoignages-scope .bulle-aides { top:-78px; }
.bbc .tem-card { background:var(--bbc-white); border-radius:24px; padding:38px 28px 30px;
  box-shadow:0 10px 30px rgba(35,85,102,.10);
  display:flex; flex-direction:column; align-items:center; text-align:center;
  transition:transform .2s ease, box-shadow .2s ease; }
.bbc .tem-card:hover { transform:translateY(-5px); box-shadow:0 18px 38px rgba(35,85,102,.16); }
.bbc .tem-photo { position:relative; width:124px; height:124px; margin-bottom:22px; flex:none; }
.bbc .tem-photo::before { content:''; position:absolute; left:-13px; bottom:-7px; width:42px; height:42px; border-radius:50%; background:var(--bbc-cyan); }
.bbc .tem-photo::after { content:''; position:absolute; right:-5px; top:-9px; width:19px; height:19px; border-radius:50%; background:#FDB839; }
.bbc .tem-avatar { position:relative; z-index:1; width:124px; height:124px; border-radius:50%; object-fit:cover; border:4px solid var(--bbc-white); box-shadow:0 6px 16px rgba(35,85,102,.16); }
.bbc .tem-quote { position:relative; padding-top:30px; font-size:14.5px; line-height:1.6; color:#4A4A4A; font-style:italic; flex:1; }
.bbc .tem-quote::before { content:'201C'; position:absolute; top:-8px; left:50%; transform:translateX(-50%); font-family:Georgia,serif; font-size:58px; font-style:normal; line-height:1; color:var(--bbc-cyan); opacity:.35; }
.bbc .tem-foot { width:100%; margin-top:22px; padding-top:18px; border-top:2px dotted #D5D5D5; }
.bbc .tem-name { font-family:var(--bbc-font-display); font-weight:800; font-size:18px; color:var(--bbc-teal); }
.bbc .tem-agency { display:inline-block; margin-top:8px; padding:5px 15px; border-radius:100px; background:rgba(89,194,229,.15); color:var(--bbc-teal); font-size:12.5px; font-weight:700; }

/* Bloc 7 — FAQ : réutilise .faq-list/.faq-item/summary/.answer tels quels
   (déjà blancs sur fond coloré, donc compatibles avec n'importe quel fond) ;
   seul le fond de bande change, orange -> cyan pour ce hub */
.bbc .recrut-faq { position:relative; background:var(--bbc-cyan); padding:80px 0 86px; overflow:hidden; }
.bbc .recrut-faq > .container > h2 { margin-bottom:54px; color:var(--bbc-white); text-align:center; }

/* Bloc 8 — CTA final : réutilise .encart/.encart-btns tels quels, seul le
   paragraphe (absent du CSS d'origine) a besoin d'un habillage minimal */
.bbc .encart p { margin-top:10px; font-size:14px; line-height:1.5; color:var(--bbc-gray-text); }

/* Bulles de transition entre sections : réutilise .bulle/.bulle-hero/
   .bulle-aides/.bulle-faq tels quels (couleur = section précédente) ;
   seul .bulle-cyan est nouveau (aucune bulle existante n'était cyan) */
.bbc .bulle-cyan::before, .bbc .bulle-cyan::after { background:var(--bbc-cyan); }
.bbc .bulle-periwinkle::before, .bbc .bulle-periwinkle::after { background:var(--bbc-periwinkle); }
.bbc .bulle-orange::before, .bbc .bulle-orange::after { background:var(--bbc-orange); }

/* ==========================================================================
   AJOUTS — Gabarit 6, Hub Agences (19/07/2026)
   Même principe : rien au-dessus n'est modifié. .faq-band/.encart/.finder-box/
   .search-row sont réutilisés tels quels (univers orange = garde d'enfant/
   parent, cohérent avec la fonction "trouver sa garde" de ce hub).
   ========================================================================== */

/* Recherche remise dans le hero (comme le veut le wireframe Gab.6) — largeur
   calée sur celle du chapeau (.hero-sub max-width:632px) pour un bloc de texte
   aligné du fil d'Ariane jusqu'au champ de recherche. */
.bbc .hero-finder { margin-top:30px; margin-inline:0; width:100%; max-width:632px; }
.bbc .hero-finder .search-row { width:100%; max-width:100%; }
.bbc .geoloc-link { color:var(--bbc-teal); font-weight:700; text-decoration:underline; }
.bbc .geoloc-link:hover { color:var(--bbc-orange); }

/* Bloc 3 — Nos agences par région : nouveau, pas de composant existant pour
   une simple liste de liens ; pilules sobres, cohérentes avec les boutons
   pleinement arrondis du reste du site */
.bbc .regions-band { position:relative; overflow:hidden; padding:76px 0 84px; }
.bbc .regions-band h2 { margin-bottom:36px; }
.bbc .regions-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
.bbc .region-pill { padding:14px 10px; border-radius:100px; background:var(--bbc-gray-section); color:var(--bbc-teal); font-weight:700; font-size:14.5px; text-align:center; transition:background .2s ease, color .2s ease; }
.bbc .region-pill:hover { background:var(--bbc-orange); color:var(--bbc-white); }
@media (max-width:1080px){ .bbc .regions-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:640px){ .bbc .regions-grid{ grid-template-columns:repeat(2,1fr); } }

/* Bloc 4 — Bloc éditorial : réutilise .editorial/.edito-grid/.edito-photo/
   .edito-body/.edito-q tels quels ; .agences-editorial ajoute juste un fond
   gris (alternance avec le blanc de .regions-band juste au-dessus) */
.bbc .agences-editorial { position:relative; overflow:hidden; background:var(--bbc-gray-section); }

/* Bloc 2 — Recherche + résultats + carte (maquette statique, "en construction") */
.bbc .locator-band { position:relative; overflow:hidden; background:var(--bbc-gray-section); margin-top:-60px; padding:calc(60px + 74px) 0 74px; }
.bbc .results-map { margin-top:44px; display:grid; grid-template-columns:1fr 320px; gap:24px; align-items:stretch; }
.bbc .results-list { display:flex; flex-direction:column; gap:16px; }
.bbc .result-card { background:var(--bbc-white); border-radius:20px; padding:22px 26px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.bbc .result-card h3 { font-size:18px; color:var(--bbc-teal); }
.bbc .result-addr { margin-top:4px; font-size:14px; color:var(--bbc-gray-text); }
.bbc .result-rating { margin-top:6px; font-size:13px; font-weight:700; color:var(--bbc-orange); }
.bbc .result-side { text-align:right; }
.bbc .result-phone { font-size:14px; color:var(--bbc-teal); font-weight:700; }
.bbc .result-side .link-more { margin-top:8px; }
.bbc .fake-map { position:relative; background:var(--bbc-white); border-radius:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px; }
.bbc .fake-map-svg { width:100%; max-width:220px; height:auto; }
.bbc .fake-map-label { margin-top:14px; font-size:12.5px; font-style:italic; color:var(--bbc-gray-text); text-align:center; }
@media (max-width:1080px){
  .bbc .results-map { grid-template-columns:1fr; }
  .bbc .fake-map { padding:32px; }
}
@media (max-width:640px){
  .bbc .result-card { flex-direction:column; align-items:flex-start; }
  .bbc .result-side { text-align:left; }
}

/* ==========================================================================
   AJOUTS — Gabarit 15, Qui sommes-nous (19/07/2026)
   Page d'entité : peu de composants réutilisables tels quels (pas de cartes
   colorées, pas de FAQ) — plusieurs nouveaux blocs sobres. .stats/.encart/
   .encart-btns réutilisés où c'est pertinent.
   ========================================================================== */

/* Bloc 2 — Citation de la fondatrice (nouveau, LE différenciant de la page) */
.bbc .founder-block { position:relative; overflow:visible; padding:72px 0 0; }
.bbc .founder-grid { position:relative; display:grid; grid-template-columns:min(420px,42%) 1fr; gap:64px; align-items:center; }
.bbc .founder-photo { width:100%; height:min(56vw,520px); object-fit:cover; border-radius:24px 24px 0 0; display:block; }
.bbc .founder-flower { position:absolute; top:-24px; left:38%; width:64px; height:64px; z-index:2; }
.bbc .founder-quote { font-family:var(--bbc-font-display); font-weight:800; font-size:clamp(26px,2.7vw,36px); line-height:1.35; color:var(--bbc-teal); }
.bbc .founder-sign { margin-top:22px; font-size:15px; font-weight:700; color:var(--bbc-gray-text); }
@media (max-width:1080px){ .bbc .founder-grid{ grid-template-columns:1fr; } .bbc .founder-photo{ height:340px; max-width:340px; margin:0 auto; } .bbc .founder-flower{ display:none; } .bbc .founder-block{ text-align:center; } .bbc .founder-quote{ text-align:left; } }

/* Bloc 3 — Timeline (refonte 23/07 : fond violet, formes variees par jalon) */
.bbc .timeline-band { position:relative; overflow:hidden; background:var(--bbc-periwinkle); padding:80px 0 88px; }
.bbc .timeline-band h2 { color:var(--bbc-white); margin-bottom:64px; }
.bbc .timeline-row { position:relative; display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.bbc .tl-line { position:absolute; top:129px; left:0; right:36px; height:0; border-top:2px dotted rgba(255,255,255,.6); z-index:1; }
.bbc .tl-arrow { position:absolute; top:114px; right:0; z-index:2; }
.bbc .tl-item { flex:1; min-width:0; text-align:center; position:relative; z-index:2; }
.bbc .tl-year { min-height:70px; display:flex; align-items:flex-end; justify-content:center; margin-bottom:24px;
  font-family:var(--bbc-font-display); font-weight:800; font-size:26px; line-height:1.15; color:var(--bbc-white); }
.bbc .tl-shape { display:block; width:70px; height:70px; margin:0 auto 20px; }
.bbc .tl-shape svg { width:100%; height:100%; display:block; }
.bbc .tl-item p { margin-top:10px; font-size:14px; line-height:1.5; color:rgba(255,255,255,.9); }
@media (max-width:1080px){
  .bbc .timeline-row{ flex-direction:column; gap:36px; }
  .bbc .tl-line, .bbc .tl-arrow{ display:none; }
  .bbc .tl-item{ text-align:left; display:flex; align-items:center; gap:20px; }
  .bbc .tl-year{ min-height:0; margin-bottom:0; }
  .bbc .tl-shape{ margin:0; flex:none; }
}

/* Bloc 4 — Chiffres réseau : réutilise .stats/.stat/.stat-num, fond blanc
   (au lieu du gris par défaut) pour alterner avec la timeline juste au-dessus */
.bbc .entity-stats { background:var(--bbc-white); }
.bbc .entity-stats .stats-grid { grid-template-columns:repeat(4,1fr); }
@media (max-width:1080px){ .bbc .entity-stats .stats-grid{ grid-template-columns:1fr 1fr; gap:34px; } }
@media (max-width:560px){ .bbc .entity-stats .stats-grid{ grid-template-columns:1fr; } }

/* Bloc 5 — Reconnaissances et garanties : réutilise .aides-band/.aide-card/
   .aides-cards tels quels (fond périwinkle, cartes contour blanc) — ajoute la
   couleur demandée sans réinventer un style, .labels-band n'ajoute rien */

/* Bloc 6 — Nos valeurs (nouveau, ancre #valeurs) : fond orange + cartes
   contour blanc (même esprit que .aide-card) pour la couleur et le soin
   demandés — nouvelle bande, aucune existante n'était orange à fond plein */
.bbc .values-band { position:relative; overflow:hidden; background:var(--bbc-orange); padding:80px 0; }
.bbc .values-band h2 { text-align:center; margin-bottom:44px; color:var(--bbc-white); }
.bbc .values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:21px; }
.bbc .value-card { background:transparent; border:2px solid rgba(255,255,255,.85); border-radius:22px; padding:28px 24px; }
.bbc .value-card h3 { color:var(--bbc-white); font-size:18px; margin-bottom:10px; }
.bbc .value-card p { font-size:14px; line-height:1.55; color:rgba(255,255,255,.95); }
@media (max-width:1080px){ .bbc .values-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){ .bbc .values-grid{ grid-template-columns:1fr; } }

/* Bloc 7 — Deux angles différenciants (nouveau), fond gris */
.bbc .diff-band { position:relative; overflow:hidden; background:var(--bbc-gray-section); padding:80px 0; }
.bbc .diff-band h2 { text-align:center; margin-bottom:44px; }
.bbc .diff-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:21px; }
.bbc .diff-card { background:var(--bbc-white); border-radius:20px; padding:34px 32px; }
.bbc .diff-card h3 { color:var(--bbc-teal); font-size:20px; line-height:1.25; margin-bottom:12px; }
.bbc .diff-card p { font-size:14.5px; line-height:1.55; color:var(--bbc-gray-text); }
@media (max-width:1080px){ .bbc .diff-grid{ grid-template-columns:1fr; } }

/* Bloc 8 — Ils parlent de nous (presse), fond blanc */
.bbc .press-band { padding:70px 0; text-align:center; }
.bbc .press-band h2 { margin-bottom:8px; }
.bbc .press-placeholder { margin:26px auto 0; max-width:640px; padding:32px; background:var(--bbc-gray-section); border-radius:20px; color:var(--bbc-gray-text); font-size:14px; font-style:italic; }

/* Bloc 9 — CTA final double : bande teal (nouvelle couleur de bande, propre
   à cette page institutionnelle), réutilise .encart/.encart-btns tels quels
   (.encart-btns empile déjà plusieurs boutons nativement, aucune règle requise) */
/* Bloc 9 — CTA final double : layout photo+contenu, même anatomie exacte que
   .simu/.job (grid 43%/1fr, padding en clamp, min-height 449px) mais nouvelle
   classe car ni le fond périwinkle de .simu ni le cyan de .job ne convenaient
   ici (page institutionnelle, pas d'univers unique) — fond gris clair, texte
   teal par défaut au lieu de blanc. */
.bbc .cta-split { background:var(--bbc-gray-section); display:grid; grid-template-columns:43% 1fr; min-height:449px; align-items:stretch; }
.bbc .cta-split-photo { width:100%; height:100%; min-height:449px; object-fit:cover; }
.bbc .cta-split-content { padding:78px clamp(28px,11.7vw,169px) 60px clamp(28px,4.7vw,68px); display:flex; flex-direction:column; justify-content:center; }
.bbc .cta-split-content h2 { max-width:640px; }
.bbc .cta-split-content p { margin-top:16px; max-width:560px; font-size:18px; line-height:1.4; color:var(--bbc-gray-text); }
.bbc .cta-split-btns { margin-top:28px; display:flex; gap:16px; flex-wrap:wrap; }
@media (max-width:1080px){
  .bbc .cta-split { grid-template-columns:1fr; }
  .bbc .cta-split-photo { min-height:280px; height:280px; }
}

/* ==========================================================================
   AJOUTS — Formulaire devis, variante "agence déjà identifiée" (19/07/2026)
   3 écrans : Adresse -> Enfants -> Contact. Rien ci-dessus n'est modifié.
   Nouveau composant (stepper, champs bordés, choix-boutons) : aucun
   équivalent existant à réutiliser pour ceux-là. .container n'est PAS
   utilisé ici (trop large pour un formulaire) : nouvelle largeur .devis-wrap,
   même logique que les largeurs dédiées déjà en place (.faq-list, .encart).
   Univers devis parent -> orange (règle du 18/07). .btn-outline-orange suit
   le même schéma que .btn-outline-cyan (Gab.4).
   ========================================================================== */

.bbc .btn-outline-orange { background:transparent; border:2px solid var(--bbc-orange); color:var(--bbc-orange); }
.bbc .btn-outline-orange:hover { background:var(--bbc-orange); color:var(--bbc-white); }

.bbc .devis-page { background:var(--bbc-gray-section); padding:72px 0 96px; }
.bbc .devis-wrap { width:min(560px,92%); margin-inline:auto; }

.bbc .devis-card { position:relative; background:var(--bbc-white); border-radius:32px;
  padding:44px 44px 40px; box-shadow:0 24px 60px rgba(35,85,102,.12); }

.bbc .devis-progress { display:flex; gap:8px; margin-bottom:34px; }
.bbc .devis-progress span { flex:1; height:6px; border-radius:100px; background:#E7E2DA;
  transition:background .3s ease; }
.bbc .devis-progress span.done { background:var(--bbc-orange); }

.bbc .devis-step h2 { font-size:clamp(21px,2.1vw,26px); line-height:1.25;
  color:var(--bbc-teal); margin-bottom:28px; }

.bbc .devis-field { margin-bottom:14px; }
.bbc .devis-field input {
  width:100%; height:56px; padding:0 20px;
  border:1.5px solid #E2DED5; border-radius:16px;
  font-family:var(--bbc-font-body); font-size:15px; color:var(--bbc-teal);
  background:var(--bbc-white); outline:none;
  transition:border-color .2s ease; }
.bbc .devis-field input::placeholder { color:#A8A29A; font-style:italic; }
.bbc .devis-field input:focus { border-color:var(--bbc-orange); box-shadow:0 0 0 3px rgba(255,127,39,.15); }
.bbc .devis-field input.err { border-color:#D6534B; }

.bbc .devis-hint { margin-top:8px; font-size:13px; font-style:italic;
  color:var(--bbc-gray-text); display:flex; align-items:center; gap:6px; }

.bbc .devis-choices { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:6px; }
.bbc .devis-choice { height:88px; border:1.5px solid #E2DED5; border-radius:18px;
  background:var(--bbc-white); cursor:pointer;
  font-family:var(--bbc-font-display); font-weight:800; font-size:22px; color:var(--bbc-teal);
  display:flex; align-items:center; justify-content:center;
  transition:border-color .2s ease, background .2s ease, color .2s ease, transform .15s ease; }
.bbc .devis-choice:hover { border-color:var(--bbc-orange); transform:translateY(-2px); }
.bbc .devis-choice.selected { background:var(--bbc-orange); border-color:var(--bbc-orange); color:var(--bbc-white); }
.bbc .devis-choice.err { border-color:#D6534B; }

.bbc .devis-reassurance { margin:4px 0 22px; font-size:13px; font-style:italic;
  font-weight:500; color:var(--bbc-teal); text-align:center; }

.bbc .devis-nav { margin-top:8px; display:flex; align-items:center; gap:16px; }
.bbc .devis-nav .btn { flex:1; }
.bbc .devis-back { font-size:14px; font-weight:700; color:var(--bbc-gray-text);
  transition:color .2s ease; flex:none; }
.bbc .devis-back:hover { color:var(--bbc-orange); }

.bbc .devis-success { text-align:center; padding:20px 0 8px; }
.bbc .devis-success-badge { width:64px; height:64px; margin:0 auto 22px;
  border-radius:50%; background:var(--bbc-orange);
  display:flex; align-items:center; justify-content:center; }
.bbc .devis-success-badge svg { width:28px; height:28px; }
.bbc .devis-success h2 { margin-bottom:12px; }
.bbc .devis-success p { font-size:15px; line-height:1.5; color:var(--bbc-gray-text); }

@media (max-width:560px){
  .bbc .devis-card { padding:34px 26px 30px; border-radius:24px; }
  .bbc .devis-choices { gap:10px; }
  .bbc .devis-choice { height:76px; font-size:19px; }
}

/* ==========================================================================
   AJOUTS — Gabarit 8, Tunnel devis général /demande-de-devis/ (19/07/2026)
   Complète les étapes 1/3/4 + tips CAF manquants dans le wireframe (cf.
   échange). Réutilise .devis-card/.devis-progress/.devis-step/.devis-field/
   .devis-choices/.devis-choice/.devis-nav/.devis-back/.btn-outline-orange
   tels quels (formulaire agence, 19/07). Rien ci-dessus n'est modifié.
   Univers devis parent -> orange partout, y compris le tip CAF (le tip VIT
   sur la page devis, pas sur la page aides : règle du 18/07 appliquée au
   conteneur, pas au sujet du texte).
   ========================================================================== */

/* En-tête minimal propre au tunnel (remplace le header standard : nav
   retirée = zéro distraction, cf. annotation Gab.8-1). Théme Builder : à
   exclure de cette page côté header standard (condition d'affichage) — le
   header ci-dessous est autoportant dans le fichier de sections. */
.bbc .devis-tunnel-header { background:var(--bbc-white); padding:22px 0; }
.bbc .devis-tunnel-header .container { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.bbc .devis-rgpd-lock { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; color:var(--bbc-teal); }
.bbc .devis-rgpd-lock svg { width:14px; height:14px; flex:none; }

/* Grille form + récap (desktop), empilée (mobile) */
.bbc .devis-tunnel-wrap { width:min(1040px,92%); margin-inline:auto; padding:48px 0 96px; }
.bbc .devis-layout { display:grid; grid-template-columns:1fr 336px; gap:32px; align-items:start; }
@media (max-width:1000px){ .bbc .devis-layout{ grid-template-columns:1fr; } }

/* Le formulaire réutilise .devis-card tel quel, mais sans la largeur fixe de
   .devis-wrap (qui ne s'applique pas ici) */
.bbc .devis-layout .devis-card { width:100%; }

/* Choix texte (étape 1 "besoin") : même carte que .devis-choice, police plus
   sobre car le libellé est un mot/groupe de mots, pas un chiffre seul */
.bbc .devis-choice-text { height:auto; min-height:72px; padding:14px 12px;
  font-family:var(--bbc-font-body); font-weight:700; font-size:15px; }

/* Sélecteur "fréquence" : même look que les champs texte */
.bbc .devis-field select {
  width:100%; height:56px; padding:0 44px 0 20px;
  border:1.5px solid #E2DED5; border-radius:16px;
  font-family:var(--bbc-font-body); font-size:15px; color:var(--bbc-teal);
  background:var(--bbc-white) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 8"><path d="M1 1l5 5 5-5" stroke="%23235566" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right 20px center;
  background-size:11px 7px;
  appearance:none; -webkit-appearance:none;
  outline:none; cursor:pointer; transition:border-color .2s ease; }
.bbc .devis-field select:focus { border-color:var(--bbc-orange); box-shadow:0 0 0 3px rgba(255,127,39,.15); }
/* .devis-label : pas de dépendance à .devis-field, sinon les libellés de
   groupe (Âge des enfants, Quand avez-vous besoin de garde) posés hors
   .devis-field ne recevaient aucun style (bug remonté par Steve : libellés
   trop petits et collés aux boutons du dessous). */
.bbc .devis-label { display:block; margin-bottom:13px; font-size:15px; font-weight:700; color:var(--bbc-teal); }

/* Tip CAF contextuel */
.bbc .devis-tip { margin-top:6px; margin-bottom:22px; padding:16px 18px;
  background:rgba(255,127,39,.08); border-left:3px solid var(--bbc-orange); border-radius:12px;
  display:flex; gap:10px; align-items:flex-start; }
.bbc .devis-tip .ico { flex:none; font-size:17px; line-height:1.4; }
.bbc .devis-tip p { font-size:13.5px; line-height:1.5; color:var(--bbc-teal); }

/* Case à cocher RGPD (étape 3) */
.bbc .devis-checkbox { display:flex; align-items:flex-start; gap:10px; margin:4px 0 22px; }
.bbc .devis-checkbox input { width:20px; height:20px; flex:none; margin-top:2px; accent-color:var(--bbc-orange); cursor:pointer; }
.bbc .devis-checkbox label { font-size:13px; line-height:1.5; color:var(--bbc-gray-text); cursor:pointer; }
.bbc .devis-checkbox label a { color:var(--bbc-teal); text-decoration:underline; }
.bbc .devis-checkbox.err label { color:#D6534B; }

/* Récapitulatif vivant (sidebar desktop / bandeau compact mobile) */
.bbc .devis-recap { background:var(--bbc-white); border-radius:28px; padding:32px 28px;
  box-shadow:0 20px 50px rgba(35,85,102,.10); position:sticky; top:24px; }
.bbc .devis-recap-title { font-family:var(--bbc-font-display); font-weight:800; font-size:15px;
  letter-spacing:.02em; text-transform:uppercase; color:var(--bbc-teal); margin-bottom:18px; }
.bbc .devis-recap-row { display:flex; justify-content:space-between; gap:12px;
  padding:11px 0; border-bottom:1px dotted #E2DED5; font-size:14px; }
.bbc .devis-recap-row:last-of-type { border-bottom:none; }
.bbc .devis-recap-row .k { color:var(--bbc-gray-text); }
.bbc .devis-recap-row .v { color:var(--bbc-teal); font-weight:700; text-align:right; }
.bbc .devis-recap-row .v.muted { color:#C7C2B8; font-weight:400; }
.bbc .devis-recap-row .edit { font-size:12px; font-weight:700; color:var(--bbc-orange); margin-left:6px; }
.bbc .devis-trust { margin:18px 0 4px; display:flex; flex-direction:column; gap:6px; }
.bbc .devis-trust span { font-size:12.5px; font-weight:600; color:var(--bbc-teal); display:flex; align-items:center; gap:7px; }
.bbc .devis-trust span::before { content:''; width:5px; height:5px; border-radius:50%; background:var(--bbc-orange); flex:none; }
.bbc .devis-rating { margin-top:16px; padding-top:16px; border-top:1px dotted #E2DED5;
  font-size:13px; font-style:italic; font-weight:500; color:var(--bbc-teal); }

/* Bandeau récap compact — mobile uniquement */
.bbc .devis-recap-mobile { display:none; }
@media (max-width:1000px){
  .bbc .devis-recap { display:none; }
  .bbc .devis-recap-mobile { display:flex; align-items:center; gap:10px; flex-wrap:wrap;
    background:var(--bbc-white); border-radius:16px; padding:14px 18px; margin-bottom:20px;
    font-size:13px; font-weight:700; color:var(--bbc-teal); box-shadow:0 8px 24px rgba(35,85,102,.08); }
  .bbc .devis-recap-mobile .sep { color:#D5D5D5; font-weight:400; }
}

@media (max-width:560px){
  .bbc .devis-tunnel-header .container { justify-content:center; text-align:center; }
}

/* ---- Retouches 20/07 : alignement des liens sous texte de longueur variable ---- */
.bbc .age-card p{ min-height:74px; }

/* Bloc "CMG, credit d'impot..." (4 portes) : la 1ere tentative (hauteur figee
   96px sur le texte) debordait sur la carte au texte le plus long (CMG de la
   CAF, 5-6 lignes) -> chevauchement avec "Le detail". Nouvelle methode, sans
   deviner de hauteur en pixels :
   1) le titre reserve une zone de 2 lignes -> les textes dessous demarrent
      tous a la meme hauteur, que le titre fasse 1 ou 2 lignes ;
   2) le lien est colle en bas de sa carte via une marge auto (flexbox) ;
   3) .aides-cards est en CSS Grid, qui etire nativement les 4 cartes a la
      hauteur de la plus grande -> plus aucun risque de debordement, quel
      que soit le texte. */
.bbc .aide-card{ justify-content:flex-start; }
.bbc .aide-card h3{ min-height:60px; }
.bbc .aide-card p{ height:auto; min-height:0; }
.bbc .aide-card .detail{ margin-top:auto; padding-top:12px; }


/* ==========================================================================
   AJOUTS — Gabarit 3, Sous-page solution de garde (declinaison "Baby-sitting")
   (20/07/2026) — 1 gabarit -> 8 declinaisons a venir (memes classes reutilisees
   pour sortie-ecole-creche, nounou, mercredis, garde-partagee, handicap,
   teletravail, pass, seuls le contenu et le visuel varient).
   Rien ci-dessus n'est modifie. Nouveau wrapper de page .bbc-service (page
   fille, plus legere qu'un hub) ; composants deja existants reutilises tels
   quels : .steps/.step/.step-num (Home), .locator-band/.finder-box/.search-row
   (hub garde-enfant), .edito-q/.edito-body p a (hub garde-enfant, sans la
   colonne photo ici), .faq-band/.faq-item (hub aides), .encart (hub garde-
   enfant), .sol8/.sol8-illu/.sol8 h3 (hub garde-enfant, en rangee de 3 au
   lieu de 4). Univers = orange (garde d'enfants, regle du 18/07).
   ========================================================================== */

/* ---- Variantes page-fille (.bbc-service) : hero allege, sans ligne de date ---- */
.bbc-service .hero{ position:relative; overflow:hidden;
  border-radius:0 0 60px 60px;
  min-height:min(52vw,749px);
  display:flex; align-items:stretch;
  background:#F6F2ED; z-index:2; }
.bbc-service .hero-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 75%; }
.bbc-service .hero-content{ position:relative; z-index:2;
  width:min(1100px,91%); margin-inline:auto;
  padding:28px 0 56px;
  display:flex; flex-direction:column; justify-content:center; }
.bbc-service .hero h1{ margin-top:57px;
  font-size:clamp(32px,3.82vw,55px); line-height:1.07; letter-spacing:-0.02em;
  color:var(--bbc-orange); max-width:727px; }
.bbc-service .hero h1 .teal{ color:var(--bbc-teal); }
.bbc-service .hero-sub{ margin-top:24px; max-width:632px; font-size:16px; line-height:1.5; color:var(--bbc-teal); }
.bbc-service .finder-box{ width:min(1100px,91%); margin-inline:auto; }
.bbc-service .search-row{ display:flex; align-items:center; gap:23px; max-width:913px; }
.bbc-service .search-row input{ flex:1; height:57px; padding:0 40px; border:none; border-radius:125px;
  background:var(--bbc-white); font-family:var(--bbc-font-body); font-size:16px; color:var(--bbc-teal); outline:none; }
.bbc-service .finder-caption{ margin-top:14px; text-align:left; font-size:14px; font-style:italic; font-weight:500; color:var(--bbc-teal); }
.bbc-service .finder-caption a{ color:var(--bbc-teal); font-weight:700; text-decoration:underline; }
.bbc-service .finder-caption a:hover{ color:var(--bbc-orange); }
/* Section avis (reutilisee telle quelle depuis la Home, padding 34/92px)
   trop serree en haut sur cette page, coincee juste sous la bande violette.
   Scope a .bbc-service pour ne pas toucher au rythme de la Home. */
.bbc-service .avis{ padding:84px 0 92px; }

.bbc-service .bulle{ position:absolute; pointer-events:none; z-index:1; }
@media (max-width:1080px){
  .bbc-service .hero-img{ position:static; height:280px; }
  .bbc-service .hero-content{ padding:24px 0 44px; }
}

/* ---- Comment ça marche (titre + steps existants) ---- */
.bbc .process3{ padding:78px 0 20px; }
.bbc .process3 h2{ text-align:center; margin-bottom:8px; }
.bbc .process3 .steps p strong{ color:var(--bbc-teal); }
/* Les 3 etapes debordaient sur 2 lignes : le texte de chaque etape est plus
   long ici que sur la Home (phrase complete vs intitule court), et la
   largeur fixe de .step (262px, regle partagee) + 2 fleches ne tenait plus
   dans le container 1100px. Correction scopee a .process3 uniquement :
   etapes flexibles + fleches plus compactes -> garantit 1 seule ligne sans
   toucher aux etapes de la Home (qui restent inchangees, textes courts). */
.bbc .process3 .steps{ flex-wrap:nowrap; gap:clamp(10px,1.6vw,26px); }
.bbc .process3 .step{ max-width:none; flex:1 1 0; min-width:0; }
.bbc .process3 .step-arrow{ width:clamp(36px,4.5vw,80px); height:auto; }


/* ---- Bande tarif + aides (nouveau) ---- */
.bbc .tarif-band{ position:relative; overflow:hidden; background:var(--bbc-periwinkle); padding:64px 0 72px; text-align:center; }
.bbc .tarif-lead{ font-size:18px; color:var(--bbc-white); }
.bbc .tarif-lead strong{ font-family:var(--bbc-font-display); font-weight:800; }
.bbc .tarif-num{ margin-top:6px; font-family:var(--bbc-font-display); font-weight:800;
  font-size:clamp(28px,3vw,42px); color:var(--bbc-white); line-height:1.15; }
.bbc .tarif-num strong{ font-weight:800; }
.bbc .tarif-note{ margin-top:14px; font-size:13px; font-style:italic; color:rgba(255,255,255,.85); }
.bbc .tarif-note a{ color:var(--bbc-white); font-weight:700; text-decoration:underline; }
.bbc .tarif-note a:hover{ color:rgba(255,255,255,.7); }
.bbc .tarif-cta{ margin-top:26px; display:flex; align-items:center; justify-content:center; gap:26px; flex-wrap:wrap; }
.bbc .tarif-cta .link-more{ color:var(--bbc-white); }
.bbc .tarif-cta .link-more:hover{ color:rgba(255,255,255,.75); }

/* ---- Preuve sociale allegee (nouveau, en attente du widget Opinion System) ---- */
.bbc .mini-avis{ background:var(--bbc-gray-section); padding:72px 0; text-align:center; }
.bbc .mini-avis h2{ margin-bottom:10px; }
.bbc .mini-avis-mention{ font-size:14px; font-style:italic; font-weight:500; color:var(--bbc-teal); }
.bbc .mini-avis-mention a{ color:var(--bbc-teal); font-weight:700; text-decoration:underline; }
.bbc .mini-avis-mention a:hover{ color:var(--bbc-orange); }
.bbc .mini-avis-row{ margin-top:32px; display:flex; justify-content:center; gap:18px; flex-wrap:wrap; }
.bbc .mini-avis-chip{ background:var(--bbc-white); border-radius:100px; padding:14px 26px;
  font-size:14px; font-weight:700; color:var(--bbc-teal); box-shadow:0 6px 18px rgba(35,85,102,.08); }


/* ---- Les autres solutions : meme grille que .sol8-grid, en rangee de 3 ---- */
.bbc .autres-solutions{ padding:80px 0 88px; }
.bbc .autres-solutions h2{ text-align:center; margin-bottom:56px; }
.bbc .autres-solutions .sol8-grid{ grid-template-columns:repeat(3,1fr); max-width:900px; margin-inline:auto; }
@media (max-width:1080px){ .bbc .autres-solutions .sol8-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){ .bbc .autres-solutions .sol8-grid{ grid-template-columns:1fr; } }

/* ---- CTA final (reutilise .encart tel quel, fond gris pour le detacher) ---- */
.bbc .cta-final{ background:var(--bbc-gray-section); padding:76px 0; }
.bbc .cta-final .encart{ margin:0 auto; }
.bbc .cta-final .encart h2{ max-width:520px; }

/* ==========================================================================
   HERO SPLIT (sortie-ecole-creche uniquement, 23/07/2026) : format 2 colonnes
   orange + photo, en remplacement du hero standard photo pleine largeur.
   Scope a .hero-split pour ne pas toucher au hero standard (.bbc-service .hero)
   utilise par baby-sitting et nounou. Structure inspiree de .job/.simu (grid
   colonne texte + colonne photo) mais adaptee pour porter fil d'ariane, H1 et
   lead comme un vrai hero.
   ========================================================================== */
.bbc .hero-split{ position:relative; overflow:hidden;
  border-radius:0 0 60px 60px;
  display:grid; grid-template-columns:55% 45%;
  min-height:0; align-items:stretch; }
.bbc .hero-split-content{ background:var(--bbc-orange);
  padding:60px clamp(28px,4vw,80px) 60px clamp(24px,6.5vw,96px);
  display:flex; flex-direction:column; justify-content:center; }
.bbc .hero-split .breadcrumb{ font-size:13px; }
.bbc .hero-split .breadcrumb a{ color:rgba(255,255,255,.75); }
.bbc .hero-split .breadcrumb a:hover{ color:var(--bbc-white); }
.bbc .hero-split .breadcrumb span:last-child{ color:var(--bbc-white); font-weight:700; }
.bbc .hero-split .breadcrumb .sep{ color:rgba(255,255,255,.6); }
.bbc .hero-split h1, .bbc .hero-split h1 .teal{ color:var(--bbc-white); margin-top:24px; }
.bbc .hero-split .hero-sub{ color:var(--bbc-white); }
.bbc .hero-split-photo-wrap{ position:relative; overflow:hidden; }
.bbc .hero-split-photo{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.bbc .hero-split .bulle::before, .bbc .hero-split .bulle::after{ background:var(--bbc-white); }
@media (max-width:1080px){
  .bbc .hero-split{ grid-template-columns:1fr; min-height:0; border-radius:0 0 40px 40px; }
  .bbc .hero-split-content{ padding:40px 6% 36px; order:2; }
  .bbc .hero-split-photo-wrap{ height:300px; order:1; }
  .bbc .hero-split h1{ margin-top:16px; }
}

/* ==========================================================================
   AJOUTS — Gabarit 10, sous-page aides financieres "CMG de la CAF" (23/07/2026)
   Premiere sous-page de ce silo : variante violette du hero-split (univers
   aides financieres), + composants propres a ce gabarit (reponse directe,
   conditions/demarches, CTA simulateur). Reutilise .stats/.tableau/.faq-band-
   periwinkle/.eeat tels quels (deja construits pour le hub aides financieres).
   ========================================================================== */

/* Variante violette du hero-split (Gab.3 = orange, Gab.10 = violet) */
.bbc .hero-split-periwinkle .hero-split-content{ background:var(--bbc-periwinkle); }
.bbc .hero-split-periwinkle .crumb-row{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; flex-wrap:wrap; }
.bbc .hero-split-periwinkle .maj-date{ font-size:13px; font-style:italic; font-weight:500; color:rgba(255,255,255,.85); }
.bbc .hero-split-periwinkle h1{ margin-top:20px; max-width:640px; }
.bbc .hero-split-periwinkle .hero-sub{ max-width:600px; }

/* En resume : deplace dans le hero (voir .hero-split-periwinkle .hero-sub),
   plus de section/carte separee */

/* Conditions d'eligibilite + demarches en 3 etapes */
.bbc .conditions-demarches{ padding:72px 0 88px; background:var(--bbc-gray-section); }
.bbc .stats-white{ background:var(--bbc-white); }
.bbc .editorial-gray{ background:var(--bbc-gray-section); }
.bbc .cd-grid{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.bbc .cd-grid h2{ font-size:clamp(24px,2vw,30px); margin-bottom:26px; }
.bbc .check-list{ list-style:none; display:grid; gap:18px; }
.bbc .check-list li{ position:relative; padding-left:30px; font-size:15px; line-height:1.55; color:var(--bbc-gray-text); }
.bbc .check-list li::before{ content:''; position:absolute; left:0; top:6px; width:16px; height:16px;
  border-radius:50%; background:var(--bbc-periwinkle); }
.bbc .check-list li a{ color:var(--bbc-teal); font-weight:700; text-decoration:underline; }
.bbc .check-list li a:hover{ color:var(--bbc-orange); }
.bbc .cd-steps{ display:grid; gap:22px; }
.bbc .cd-step{ display:flex; gap:18px; align-items:flex-start; }
.bbc .cd-step .step-num{ font-family:var(--bbc-font-display); font-weight:800; font-size:34px;
  color:var(--bbc-periwinkle); line-height:1; flex:none; }
.bbc .cd-step p{ font-size:15px; line-height:1.55; color:var(--bbc-gray-text); padding-top:4px; }
.bbc .cd-step p a{ color:var(--bbc-teal); font-weight:700; text-decoration:underline; display:inline-flex; align-items:center; gap:5px; }
.bbc .cd-step p a:hover{ color:var(--bbc-orange); }
.bbc .cd-step p a svg{ width:7px; height:11px; }
@media (max-width:1080px){
  .bbc .cd-grid{ grid-template-columns:1fr; gap:44px; }
}

/* CTA simulateur : bande violette, meme logique de contraste que .tarif-band
   (bouton orange sur fond violet, deja etabli et valide) */
.bbc .simu-cta-band{ position:relative; overflow:hidden; background:var(--bbc-white);
  padding:64px 0 72px; text-align:center; }
.bbc .simu-cta-band h2{ color:var(--bbc-teal); max-width:760px; margin-inline:auto; }
.bbc .simu-cta-band .btn{ margin-top:30px; }

/* ==========================================================================
   AJOUTS — Gabarit 15, bloc "Reconnaissances et garanties" (labels-band),
   correctif 23/07/2026 : cette section reutilise .aides-band/.aide-card,
   mais avec un jeu de couleurs INVERSE par rapport a leur usage habituel
   (aides financieres, hub candidats, hub garde-enfant) : fond gris clair +
   cartes remplies periwinkle, au lieu de fond periwinkle + cartes contour
   blanc transparent. Scope a .labels-band pour ne toucher aucune des autres
   pages qui reutilisent .aides-band/.aide-card tels quels.
   ========================================================================== */
.bbc .labels-band{ background:var(--bbc-gray-section); }
.bbc .labels-band h2{ color:var(--bbc-teal); }
.bbc .labels-band .aide-card{ background:var(--bbc-periwinkle); border:none; }
.bbc .labels-band .aide-card h3{ color:var(--bbc-white); }
.bbc .labels-band .aide-card p{ color:rgba(255,255,255,.95); }

/* Yeux decoratifs au-dessus du titre de chaque carte (23/07/2026) : zone de
   hauteur fixe + alignement bas, comme .sol8-illu, pour que les 3 titres
   demarrent a la meme hauteur malgre les tailles/formats differents des 3
   SVG fournis (yeux-bas et yeux-droit font 50x16, yeux-haut-gauche 57x23 —
   celui-ci est volontairement plus grand/incline). Chaque SVG garde sa
   taille native, pas de mise a l'echelle forcee. */
.bbc .aide-eyes{ min-height:24px; display:flex; align-items:flex-end; justify-content:center; margin-bottom:14px; }

/* ==========================================================================
   AJOUTS — Gabarit 15, refonte "Nos valeurs" en disposition eclatee (23/07/2026)
   La maquette n'est pas une grille reguliere : 3 cartes de chaque cote,
   legerement decalees et en chevauchement, autour d'une etoile centrale
   "Nos valeurs". Nouveau conteneur .values-cluster (remplace .values-grid
   dans le HTML — .values-grid/.value-card restent dans ce fichier sans etre
   supprimes, .value-card est reutilise tel quel pour le fond/bordure/typo,
   seule la disposition change).
   ERREUR CORRIGEE (23h48) : un fond transparent n'empeche PAS le texte de
   deux cartes voisines de se superposer visuellement (illisible) — la
   transparence ne joue que pour ce qu'il y a DERRIERE la carte, pas pour le
   texte d'une autre carte au meme endroit. Marges negatives ramenees a des
   valeurs tres prudentes (dans la seule zone de padding 28px des cartes,
   jamais dans la zone de texte) : le chevauchement reste donc discret, pas
   au niveau de la maquette. A ajuster avec des mesures precises (Figma ou
   inspecteur du navigateur) plutot que redeviner a l'oeil une 3e fois.
   L'etoile utilise le vrai SVG forme10 (fourni par Steve, couleur native
   #D59FD8, non redefinie). Ratio natif 88x77 respecte (pas un carre) via
   width seul + height:auto sur le svg. Le texte de l'etoile est un vrai h2
   (accessibilite) : la maquette n'a pas de titre separe au-dessus du
   cluster, l'etoile fait office de titre de section — le doublon "Nos
   valeurs" en haut de bande (22h34) a ete retire.
   ========================================================================== */
.bbc .values-cluster{ position:relative; display:grid; grid-template-columns:1fr 220px 1fr; align-items:center; gap:0 28px; padding:8px 0 56px; }
.bbc .vc-col{ display:flex; flex-direction:column; gap:0; position:relative; z-index:2; }

.bbc .vc-confiance{ width:80%; margin-left:20%; }
.bbc .vc-creativite{ width:100%; margin-top:-14px; }
.bbc .vc-qualites{ width:78%; margin-left:22%; margin-top:-10px; }

.bbc .vc-engagement{ width:80%; margin-right:20%; }
.bbc .vc-expertise{ width:100%; margin-top:-14px; }
.bbc .vc-service{ width:78%; margin-right:22%; margin-top:-10px; }

.bbc .values-star{ width:220px; position:relative; z-index:3; align-self:center;
  display:flex; align-items:center; justify-content:center; }
.bbc .values-star svg{ width:100%; height:auto; display:block; }
.bbc .values-star-label{ position:absolute; max-width:62%; font-family:var(--bbc-font-display); font-weight:800;
  font-size:clamp(18px,1.9vw,24px); line-height:1.15; color:var(--bbc-white); text-align:center; }

/* forme-sparkle (base CSS partagee, non modifiee) tombait desormais sur le
   texte de "Les qualites humaines" avec le nouveau chevauchement — override
   scope a cette section uniquement, repousse vers le bord exterieur */
.bbc .values-band .forme-sparkle{ left:2%; bottom:8%; }

@media (max-width:1080px){
  .bbc .values-cluster{ grid-template-columns:1fr; gap:24px; padding:8px 0 32px; }
  .bbc .vc-confiance, .bbc .vc-creativite, .bbc .vc-qualites,
  .bbc .vc-engagement, .bbc .vc-expertise, .bbc .vc-service{
    width:100%; margin:0; }
  .bbc .values-star{ order:-1; width:150px; margin:0 auto 8px; }
}

/* ==========================================================================
   AJOUTS — Gabarit 15, refonte "Ce qui nous distingue" en bande photo
   (23/07/2026). La maquette n'est pas une grille grise sans image : c'est
   une photo pleine largeur (comme .hero), H2 en haut a gauche, 2 cartes
   .diff-card flottant sur la photo pres du bas avec un large espace entre
   elles (la photo reste visible au centre). .diff-card garde son style
   d'origine (fond blanc, typo) inchange — seuls .diff-band/.diff-grid/
   .diff-band h2 sont surcharges ici (regles d'origine non supprimees,
   non reutilisees ailleurs sur le site).
   Cadrage de la photo determine par scan de colonnes/lignes (memes
   principes que le recadrage des heros, cf. playbook) : le sujet
   (intervenante + enfant) est concentre vers 35-45% en largeur et 55-85%
   en hauteur de la photo source — d'ou l'object-position choisi.
   Photo source : shutterstock_2810485259 — URL WordPress a confirmer par
   Steve, placeholder en attendant (voir src dans le HTML).
   ========================================================================== */
.bbc .diff-band{ position:relative; overflow:hidden; background:none; padding:0;
  min-height:min(46vw,640px); }
.bbc .diff-band-img{ position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:35% 62%; }
.bbc .diff-band .container{ position:relative; z-index:2; min-height:min(46vw,640px);
  display:flex; flex-direction:column; justify-content:space-between; padding:56px 0 48px; }
.bbc .diff-band h2{ text-align:left; margin:0; max-width:380px; }
.bbc .diff-grid{ grid-template-columns:repeat(2,1fr); gap:min(22vw,380px); }
.bbc .diff-card h3{ text-transform:uppercase; letter-spacing:.01em; }

/* Coin arrondi + miroir sur la photo du CTA final (Bloc 9), meme traitement
   deja etabli pour .job-photo/.simu-photo (23/07/2026, oubli reconnu ici) :
   la photo est retournee horizontalement et son coin (avant le flip) est
   arrondi cote bloc de couleur, pour qu'il ressorte arrondi une fois le
   miroir applique. Effet de bord assume (comme pour les autres photos
   traitees ainsi) : tout texte lisible dans la photo (ex. l'enseigne sur la
   porte en arriere-plan) se retrouve inverse par le miroir. */
.bbc .cta-split-photo{ transform:scaleX(-1); border-radius:60px 0 0 60px; }
@media (max-width:1080px){
  .bbc .cta-split-photo{ border-radius:0; transform:none; }
}

@media (max-width:1080px){
  .bbc .diff-band{ min-height:0; }
  .bbc .diff-band-img{ position:static; height:280px; }
  .bbc .diff-band .container{ min-height:0; padding:32px 0 0; gap:24px; }
  .bbc .diff-grid{ grid-template-columns:1fr; gap:21px; }
}/* End custom CSS */