/* biboo.ch : page Publicité, shortcode [biboo_publicite] (version 1.25.0). */
.bpb.bpb { --noir:#1D1D1B; --nuage:#F4F4F7; --trait:#E4E4E9; --gris:#5E5E5A; --rouge:#E30613; --orange:#F39200; --lilas:#AB8BC0; --lilas-encre:#7A5AA6;
  --orange-encre:#A35A00; --vert:#009640; --f-titre:"Nunito Sans",system-ui,sans-serif;
  font:400 1rem/1.6 "Nunito Sans",system-ui,sans-serif; color:var(--noir); margin:0 0 28px; }
.bpb.bpb *, .bpb.bpb *::before, .bpb.bpb *::after { box-sizing:border-box; }
.bpb.bpb a, .bpb.bpb a:hover { color:inherit; text-decoration:none !important; background:none; }
.bpb.bpb strong { font-weight:800; color:inherit; }
.bpb.bpb img { border-radius:0; max-width:none; }
.bpb.bpb ul li, .bpb.bpb .bpb-pack ul li { list-style:none !important; margin:0; }
.bpb.bpb li::marker { content:""; }
.bpb.bpb p, .bpb.bpb ul, .bpb.bpb li, .bpb.bpb table { margin:0; padding:0; }
.bpb.bpb .bpb-txt { display:block; color:#3c3c39; }
.bpb.bpb h2 { font:900 clamp(1.35rem,2.4vw,1.7rem)/1.15 var(--f-titre); margin:6px 0 20px; letter-spacing:-.01em; }
.bpb.bpb .bpb-eye { font:800 12px/1 var(--f-titre); letter-spacing:.1em; text-transform:uppercase; color:var(--orange-encre); }
.bpb.bpb .bpb-sec { margin-top:56px; }

/* Intro */
.bpb.bpb .bpb-intro { position:relative; overflow:hidden; background:var(--noir); color:#fff; border-radius:22px; padding:36px 34px 34px; }
.bpb.bpb .bpb-intro > *:not(i) { position:relative; z-index:1; max-width:520px; }
.bpb.bpb .bpb-kick { font:800 12px/1 var(--f-titre); letter-spacing:.12em; text-transform:uppercase; color:var(--orange); }
.bpb.bpb .bpb-h1 { font:900 clamp(1.7rem,3.4vw,2.35rem)/1.08 var(--f-titre); margin:12px 0 14px; color:#fff; }
.bpb.bpb .bpb-lead { font-size:1.06rem; color:#e2e2e6; }
.bpb.bpb .bpb-ctas { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.bpb.bpb .bpb-btn { display:inline-flex; align-items:center; gap:8px; background:var(--orange) !important; color:var(--noir) !important; font:800 .95rem/1 var(--f-titre); padding:14px 20px; border-radius:999px; transition:transform .15s; }
.bpb.bpb .bpb-btn span { font-size:.68rem; letter-spacing:.08em; background:rgba(0,0,0,.14); padding:4px 7px; border-radius:999px; }
.bpb.bpb .bpb-btn:hover { transform:translateY(-1px); }
.bpb.bpb .bpb-btn-o { background:transparent !important; color:#fff !important; box-shadow:inset 0 0 0 2px rgba(255,255,255,.75); }
.bpb.bpb .bpb-btn-o span { background:rgba(255,255,255,.16); }
.bpb.bpb .bpb-b { position:absolute; border-radius:50%; pointer-events:none; aspect-ratio:1; }
.bpb.bpb .bpb-b1 { width:150px; right:34px; top:30px; background:var(--rouge); opacity:.8; }
.bpb.bpb .bpb-b2 { width:120px; right:118px; top:110px; background:var(--vert); opacity:.75; mix-blend-mode:screen; }
.bpb.bpb .bpb-b3 { width:22px; right:40px; top:198px; background:var(--orange); }
.bpb.bpb .bpb-b4 { width:14px; right:216px; top:52px; background:var(--lilas); }

/* Médias */
.bpb.bpb .bpb-medias { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.bpb.bpb .bpb-media { position:relative; display:flex; flex-direction:column; gap:8px; background:var(--nuage); border-radius:18px; padding:20px 18px 22px; border-top:5px solid var(--m); transition:transform .15s, box-shadow .15s; }
.bpb.bpb .bpb-media:hover { transform:translateY(-2px); box-shadow:0 10px 26px rgba(0,0,0,.08); }
.bpb.bpb .bpb-media img { width:64px; height:64px; position:absolute; right:12px; top:12px; }
.bpb.bpb .bpb-media strong { font:800 1.08rem/1.25 var(--f-titre); padding-right:58px; }
.bpb.bpb .bpb-media .bpb-txt { font-size:.95rem; line-height:1.55; }
.bpb.bpb .bpb-tag { align-self:flex-start; background:var(--m); color:#fff; font:800 .66rem/1 var(--f-titre); letter-spacing:.08em; text-transform:uppercase; padding:6px 10px; border-radius:999px; }
.bpb.bpb .bpb-tag-d { color:var(--noir); }
.bpb.bpb .bpb-tag-n { background:var(--noir); color:#fff; }
.bpb.bpb .bpb-stats { display:grid; grid-template-columns:repeat(4,1fr); margin-top:14px; background:var(--noir); color:#fff; border-radius:18px; padding:20px 8px; }
.bpb.bpb .bpb-stats div { padding:0 14px; border-left:1px solid #444; }
.bpb.bpb .bpb-stats div:first-child { border-left:0; }
.bpb.bpb .bpb-stats b { display:block; font:900 1.65rem/1.1 var(--f-titre); }
.bpb.bpb .bpb-stats span { display:block; font-size:.8rem; line-height:1.4; color:#c9c9d0; margin-top:4px; }

/* Offres */
.bpb.bpb .bpb-offres { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.bpb.bpb .bpb-offre { display:flex; flex-direction:column; gap:8px; border:1.5px solid var(--trait); border-radius:18px; padding:20px 20px 18px; position:relative; }
.bpb.bpb .bpb-offre::before { content:""; width:14px; height:14px; border-radius:50%; background:var(--m); }
.bpb.bpb .bpb-offre strong { font:800 1.1rem/1.25 var(--f-titre); }
.bpb.bpb .bpb-offre .bpb-txt { font-size:.95rem; line-height:1.55; }
.bpb.bpb .bpb-offre em { margin-top:auto; padding-top:6px; font:900 1rem/1.2 var(--f-titre); font-style:normal; }

/* Tarifs */
.bpb.bpb .bpb-tabs { display:flex; flex-direction:column; gap:10px; }
.bpb.bpb .bpb-tab { border:1.5px solid var(--trait); border-radius:16px; overflow:hidden; }
.bpb.bpb .bpb-tab[open] { border-color:var(--noir); }
.bpb.bpb .bpb-tab summary { list-style:none; cursor:pointer; padding:16px 20px; font:800 1.02rem/1.2 var(--f-titre); display:flex; justify-content:space-between; align-items:center; }
.bpb.bpb.bpb .bpb-tab summary::-webkit-details-marker, .bpb.bpb .bpb-faq summary::-webkit-details-marker { display:none; }
.bpb.bpb .bpb-tab summary::after, .bpb.bpb .bpb-faq summary::after { content:"+"; font:900 1.3rem/1 var(--f-titre); color:var(--orange-encre); margin-left:12px; }
.bpb.bpb .bpb-tab[open] summary::after, .bpb.bpb .bpb-faq details[open] summary::after { content:"−"; }
.bpb.bpb .bpb-scroll { overflow-x:auto; padding:0 20px; }
.bpb.bpb .bpb-table { width:100%; border-collapse:collapse; font-size:.93rem; line-height:1.4; }
.bpb.bpb .bpb-table th { font:800 .7rem/1 var(--f-titre); letter-spacing:.08em; text-transform:uppercase; color:var(--gris); text-align:left; padding:10px 8px; border-bottom:2px solid var(--noir); white-space:nowrap; }
.bpb.bpb .bpb-table td { padding:10px 8px; border-bottom:1px solid var(--trait); vertical-align:top; }
.bpb.bpb .bpb-table tr:last-child td { border-bottom:0; }
.bpb.bpb .bpb-table .n { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.bpb.bpb .bpb-table .b { font-weight:900; }
.bpb.bpb .bpb-table .nw { white-space:nowrap; }
.bpb.bpb .bpb-table small { display:block; color:var(--gris); font-size:.82rem; }
.bpb.bpb .bpb-pill { display:inline-block; font:800 .62rem/1 var(--f-titre); letter-spacing:.06em; text-transform:uppercase; border:1.5px solid var(--noir); border-radius:999px; padding:3px 6px; margin-left:4px; vertical-align:2px; }
.bpb.bpb .bpb-note { font-size:.85rem; color:var(--gris); padding:10px 20px 18px; }
.bpb.bpb .bpb-note a { text-decoration:underline !important; text-underline-offset:2px; }

/* Packs */
.bpb.bpb .bpb-packs { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.bpb.bpb .bpb-pack { display:flex; flex-direction:column; gap:10px; border:1.5px solid var(--trait); border-radius:18px; padding:22px 22px 20px; }
.bpb.bpb .bpb-pack-x { border:2.5px solid var(--noir); }
.bpb.bpb .bpb-pack strong { font:900 1.25rem/1.2 var(--f-titre); }
.bpb.bpb .bpb-pack ul { list-style:none; font-size:.93rem; }
.bpb.bpb .bpb-pack li { position:relative; padding:7px 0 7px 18px; border-bottom:1px dashed var(--trait); }
.bpb.bpb .bpb-pack li::before { content:""; position:absolute; left:0; top:14px; width:9px; height:9px; border-radius:50%; background:var(--m); }
.bpb.bpb .bpb-prix { margin-top:auto !important; padding-top:6px; font:900 1.7rem/1 var(--f-titre); }
.bpb.bpb .bpb-prix s { font-size:.95rem; font-weight:700; color:var(--gris); margin-left:4px; }

/* Pourquoi */
.bpb.bpb .bpb-why { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.bpb.bpb .bpb-why div { border-top:3px solid var(--noir); padding-top:12px; }
.bpb.bpb .bpb-why strong { display:block; font:900 1.02rem/1.25 var(--f-titre); margin-bottom:6px; }
.bpb.bpb .bpb-why .bpb-txt { font-size:.93rem; line-height:1.55; }

/* FAQ */
.bpb.bpb .bpb-faq details { border-bottom:1px solid var(--trait); }
.bpb.bpb .bpb-faq summary { list-style:none; cursor:pointer; padding:15px 0; font:800 1rem/1.3 var(--f-titre); display:flex; justify-content:space-between; align-items:center; }
.bpb.bpb .bpb-faq details p { padding:0 0 16px; color:#3c3c39; font-size:.96rem; }

/* Contact */
.bpb.bpb .bpb-contact { position:relative; overflow:hidden; margin-top:56px; background:var(--orange); border-radius:22px; padding:30px 34px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; }
.bpb.bpb .bpb-contact > *:not(i) { position:relative; z-index:1; }
.bpb.bpb .bpb-contact > div { max-width:400px; }
.bpb.bpb .bpb-contact h2 { margin:0 0 6px; }
.bpb.bpb .bpb-contact p { color:var(--noir); }
.bpb.bpb .bpb-btn-w { background:var(--noir) !important; color:#fff !important; }
.bpb.bpb .bpb-form { margin-top:28px; font:800 1rem/1.3 var(--f-titre); }

@media (max-width:760px) {
  .bpb.bpb .bpb-intro { padding:28px 22px 26px; }
  .bpb.bpb .bpb-b1 { width:90px; top:auto; bottom:18px; right:16px; opacity:.55; }
  .bpb.bpb .bpb-b2 { width:64px; right:84px; top:auto; bottom:12px; opacity:.5; }
  .bpb.bpb .bpb-b3 { right:22px; top:22px; }
  .bpb.bpb .bpb-b4 { right:58px; top:28px; }
  .bpb.bpb .bpb-ctas { margin-bottom:88px; }
  .bpb.bpb .bpb-medias, .bpb.bpb .bpb-offres, .bpb.bpb .bpb-packs, .bpb.bpb .bpb-why { grid-template-columns:1fr; }
  .bpb.bpb .bpb-stats { grid-template-columns:1fr 1fr; row-gap:16px; }
  .bpb.bpb .bpb-stats div:nth-child(3) { border-left:0; }
  .bpb.bpb .bpb-sec { margin-top:44px; }
  .bpb.bpb .bpb-scroll { padding:0 12px; }
  .bpb.bpb .bpb-tab summary { padding:14px 16px; }
  .bpb.bpb .bpb-note { padding:10px 16px 16px; }
  .bpb.bpb .bpb-contact { padding:24px 22px; }
}