.elementor-13041 .elementor-element.elementor-element-7dce80c3:not(.elementor-motion-effects-element-type-background), .elementor-13041 .elementor-element.elementor-element-7dce80c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#303030;}.elementor-13041 .elementor-element.elementor-element-7dce80c3 > .elementor-container{min-height:70vh;}.elementor-13041 .elementor-element.elementor-element-7dce80c3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-13041 .elementor-element.elementor-element-7dce80c3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-13041 .elementor-element.elementor-element-519ed6e6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13041 .elementor-element.elementor-element-519ed6e6{text-align:center;}.elementor-13041 .elementor-element.elementor-element-519ed6e6 .elementor-heading-title{font-size:80px;font-weight:bold;line-height:95px;color:var( --e-global-color-secondary );}.elementor-13041 .elementor-element.elementor-element-4a5b49ed{margin-top:10%;margin-bottom:0%;}.elementor-bc-flex-widget .elementor-13041 .elementor-element.elementor-element-79fc5a7b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-13041 .elementor-element.elementor-element-79fc5a7b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-13041 .elementor-element.elementor-element-79fc5a7b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-13041 .elementor-element.elementor-element-79fc5a7b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13041 .elementor-element.elementor-element-63fc0360 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13041 .elementor-element.elementor-element-63fc0360{text-align:center;font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:500;line-height:45px;color:#78D7CD;}.elementor-13041 .elementor-element.elementor-element-e7d181f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13041 .elementor-element.elementor-element-e7d181f:not(.elementor-motion-effects-element-type-background), .elementor-13041 .elementor-element.elementor-element-e7d181f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#303030;}.elementor-13041 .elementor-element.elementor-element-9bf85b9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13041 .elementor-element.elementor-element-9bf85b9:not(.elementor-motion-effects-element-type-background), .elementor-13041 .elementor-element.elementor-element-9bf85b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#303030;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-13041 .elementor-element.elementor-element-519ed6e6 .elementor-heading-title{font-size:80px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-13041 .elementor-element.elementor-element-519ed6e6 .elementor-heading-title{font-size:35px;line-height:50px;}.elementor-13041 .elementor-element.elementor-element-79fc5a7b{width:100%;}.elementor-13041 .elementor-element.elementor-element-63fc0360 > .elementor-widget-container{padding:0% 10% 0% 10%;}.elementor-13041 .elementor-element.elementor-element-63fc0360{font-size:18px;line-height:1.5em;}body.elementor-page-13041{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-3ebf6e5 *//* ===== HERO DESKTOP — PAGE CRÉER (≥1025px) ===== */
:root {
  --bo-v2-turquoise: #78D7CD;
  --bo-v2-turquoise-dark: #5EC2B8;
  --bo-v2-anthracite: #303030;
  --bo-v2-white-soft: #EBEAE7;
  --bo-v2-border: rgba(120, 215, 205, 0.25);
  --bo-v2-figma-cyan: #48a9f8;
}
.bo-v2-hero{display:grid;grid-template-columns:1fr 1fr;font-family:inherit;min-height:1100px;width:100%;}
.bo-v2-left{background:var(--bo-v2-turquoise);padding:4rem 3rem;display:flex;flex-direction:column;gap:3rem;justify-content:center;}
.bo-v2-left .bo-v2-hook{display:block;font-family:inherit;font-size:3.5rem;font-weight:700;line-height:1.05;color:var(--bo-v2-anthracite) !important;margin:0;letter-spacing:-0.02em;}
.bo-v2-photo{position:relative;width:95%;max-width:700px;aspect-ratio:3/4;overflow:visible;align-self:center;}
.bo-v2-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.bo-v2-photo-grid{position:absolute;inset:0;pointer-events:none;z-index:2;display:grid;grid-template-columns:repeat(12,1fr);gap:24px;}
.bo-v2-photo-col{background:rgba(72,169,248,.10);opacity:0;}
.bo-v2-photo--visible .bo-v2-photo-col{animation:bo-v2-col-fade-in 600ms ease-out forwards;}
@keyframes bo-v2-col-fade-in{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.bo-v2-photo--visible .bo-v2-photo-col:nth-child(1){animation-delay:100ms;}
.bo-v2-photo--visible .bo-v2-photo-col:nth-child(2){animation-delay:180ms;}
.bo-v2-photo--visible .bo-v2-photo-col:nth-child(3){animation-delay:260ms;}
.bo-v2-photo--visible .bo-v2-photo-col:nth-child(4){animation-delay:340ms;}
.bo-v2-photo--visible .bo-v2-photo-col:nth-child(5){animation-delay:420ms;}
.bo-v2-photo--visible .bo-v2-photo-col:nth-child(6){animation-delay:500ms;}
.bo-v2-photo--visible .bo-v2-photo-col:nth-child(7){animation-delay:580ms;}
.bo-v2-photo--visible .bo-v2-photo-col:nth-child(8){animation-delay:660ms;}
.bo-v2-photo--visible .bo-v2-photo-col:nth-child(9){animation-delay:740ms;}
.bo-v2-photo--visible .bo-v2-photo-col:nth-child(10){animation-delay:820ms;}
.bo-v2-photo--visible .bo-v2-photo-col:nth-child(11){animation-delay:900ms;}
.bo-v2-photo--visible .bo-v2-photo-col:nth-child(12){animation-delay:980ms;}
.bo-v2-right{background:var(--bo-v2-anthracite);padding:4rem 3rem;display:flex;flex-direction:column;gap:2.5rem;position:relative;}
.bo-v2-right a.bo-v2-admission-link,.bo-v2-right a.bo-v2-admission-link:link,.bo-v2-right a.bo-v2-admission-link:visited{position:absolute;top:2rem;right:3rem;font-family:inherit;font-size:1rem;font-weight:700;color:var(--bo-v2-turquoise);text-decoration:none;transition:opacity .2s;background:transparent;border:none;}
.bo-v2-right a.bo-v2-admission-link:hover,.bo-v2-right a.bo-v2-admission-link:focus,.bo-v2-right a.bo-v2-admission-link:active{color:var(--bo-v2-turquoise);opacity:.7;}
.bo-v2-card-id{border:1px solid var(--bo-v2-border);border-radius:8px;padding:2rem 2.5rem;margin-top:2rem;position:relative;min-height:280px;}
.bo-v2-card{display:none;animation:bo-v2-card-fade .35s ease;}
.bo-v2-card.bo-v2-card-active{display:block;}
@keyframes bo-v2-card-fade{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}
.bo-v2-id-row{display:flex;flex-direction:column;padding:.75rem 0;border-bottom:1px solid var(--bo-v2-border);}
.bo-v2-id-row:first-child{padding-top:0;}
.bo-v2-id-row:last-child{border-bottom:none;padding-bottom:0;}
.bo-v2-id-label{font-family:inherit;font-size:.75rem;font-weight:700;color:var(--bo-v2-turquoise);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.35rem;opacity:.85;}
.bo-v2-id-value{font-family:inherit;font-size:1.375rem;font-weight:700;color:var(--bo-v2-white-soft);line-height:1.2;letter-spacing:-.01em;}
.bo-v2-id-value.bo-v2-id-email{font-size:1.125rem;word-break:break-all;}
.bo-v2-interactive{display:grid;grid-template-columns:200px 1fr;gap:2.5rem;flex:1;}
.bo-v2-roulette{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem;}
.bo-v2-roulette li{margin:0;}
.bo-v2-right button.bo-v2-tab,.bo-v2-right button.bo-v2-tab:link,.bo-v2-right button.bo-v2-tab:visited{font-family:inherit;font-size:1.125rem;font-weight:500;color:var(--bo-v2-white-soft);background:transparent;border:none;padding:.35rem 0;cursor:pointer;text-align:left;width:100%;opacity:.35;transition:opacity .25s,font-weight .25s;letter-spacing:-.01em;outline:none;}
.bo-v2-right button.bo-v2-tab:hover,.bo-v2-right button.bo-v2-tab:focus,.bo-v2-right button.bo-v2-tab:active{color:var(--bo-v2-white-soft);background:transparent;opacity:.7;}
.bo-v2-right button.bo-v2-tab.bo-v2-active{opacity:1;font-weight:700;color:var(--bo-v2-white-soft);background:transparent;}
.bo-v2-content{border:1px solid var(--bo-v2-border);border-radius:8px;padding:2rem 2.25rem;position:relative;overflow:hidden;min-height:480px;}
.bo-v2-panel{display:none;animation:bo-v2-fade-in .35s ease;}
.bo-v2-panel.bo-v2-panel-active{display:block;}
@keyframes bo-v2-fade-in{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.bo-v2-panel-title{font-family:inherit;font-size:1.375rem;font-weight:700;color:#78D7CD !important;margin:0 0 1.5rem;letter-spacing:-.01em;}
.bo-v2-panel p{font-family:inherit;font-size:1.125rem;font-weight:500;line-height:1.6;color:var(--bo-v2-white-soft);margin:.6rem 0;}
.bo-v2-panel strong,.bo-v2-panel b{color:var(--bo-v2-turquoise);font-weight:700;}
.bo-v2-panel a,.bo-v2-panel a:link,.bo-v2-panel a:visited{color:var(--bo-v2-turquoise);text-decoration:underline;font-weight:700;}
.bo-v2-panel a:hover,.bo-v2-panel a:focus,.bo-v2-panel a:active{color:var(--bo-v2-white-soft);}
.bo-v2-content .bo-v2-prix{font-size:2.5rem;font-weight:700;color:var(--bo-v2-turquoise);margin:1rem 0;line-height:1;}
.bo-v2-raisons{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem;}
.bo-v2-raisons li{display:flex;align-items:flex-start;gap:.85rem;margin:0;}
.bo-v2-num{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--bo-v2-turquoise);color:var(--bo-v2-anthracite);font-family:inherit;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;margin-top:.15rem;}
.bo-v2-raisons li p{font-family:inherit;font-size:1.0625rem;font-weight:500;color:var(--bo-v2-white-soft);line-height:1.5;margin:0;flex:1;}
@media (max-width:1024px){.bo-v2-hero{display:none !important;min-height:0 !important;height:0 !important;visibility:hidden !important;}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7eb5206 *//* ===== HERO MOBILE/TABLETTE — PAGE CRÉER — préfixe .bo-mob- ===== */
.bo-mob-hero{font-family:inherit;width:100%;display:flex;flex-direction:column;}

.bo-mob-top{background:#78D7CD;padding:3rem 2rem;display:flex;flex-direction:column;gap:2rem;}
.bo-mob-top .bo-mob-hook{display:block;font-family:inherit;font-size:2.5rem;font-weight:700;line-height:1.1;color:#303030 !important;margin:0;letter-spacing:-0.02em;}
.bo-mob-photo{width:100%;max-width:500px;aspect-ratio:3/4;background:#303030;overflow:hidden;align-self:center;}
.bo-mob-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center;display:block;}

.bo-mob-bottom{background:#303030;padding:3rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;}
.bo-mob-tabs-zone{position:relative;}

.bo-mob-card-id{position:sticky;top:0;z-index:10;background:#303030;border:1px solid rgba(120,215,205,0.25);border-radius:8px;padding:1.25rem 1.5rem;margin-bottom:1rem;box-shadow:0 4px 12px rgba(0,0,0,0.25);}
.bo-mob-card{display:none;}
.bo-mob-card.bo-mob-card-active{display:grid;grid-template-columns:1fr 1fr;gap:0.6rem 1rem;}
.bo-mob-id-row{display:flex;flex-direction:column;padding:0;}
.bo-mob-id-label{font-family:inherit;font-size:0.65rem;font-weight:700;color:#78D7CD;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.15rem;opacity:0.85;}
.bo-mob-id-value{font-family:inherit;font-size:0.875rem;font-weight:700;color:#EBEAE7;line-height:1.25;letter-spacing:-0.01em;}
.bo-mob-id-value.bo-mob-id-email{font-size:0.75rem;word-break:break-all;}

.bo-mob-accordion{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.5rem;}
.bo-mob-item{border:1px solid rgba(120,215,205,0.25);border-radius:8px;overflow:hidden;background:transparent;}
.bo-mob-item.bo-mob-item-active{border-color:#78D7CD;}

.bo-mob-bottom button.bo-mob-tab,.bo-mob-bottom button.bo-mob-tab:link,.bo-mob-bottom button.bo-mob-tab:visited{width:100%;min-height:56px;padding:1rem 1.25rem;font-family:inherit;font-size:1.0625rem;font-weight:700;color:#EBEAE7;background:transparent;border:none;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;letter-spacing:-0.01em;outline:none;}
.bo-mob-tab-label{flex:1;}
.bo-mob-tab-icon{position:relative;width:18px;height:18px;flex-shrink:0;margin-left:1rem;}
.bo-mob-tab-icon::before,.bo-mob-tab-icon::after{content:"";position:absolute;background:#78D7CD;transition:transform 0.25s ease;}
.bo-mob-tab-icon::before{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%);}
.bo-mob-tab-icon::after{top:0;left:50%;width:2px;height:100%;transform:translateX(-50%);}
.bo-mob-item-active .bo-mob-tab{background:#78D7CD;color:#303030;}
.bo-mob-item-active .bo-mob-tab-icon::before,.bo-mob-item-active .bo-mob-tab-icon::after{background:#303030;}
.bo-mob-item-active .bo-mob-tab-icon::after{transform:translateX(-50%) rotate(90deg);}

.bo-mob-panel{max-height:0;overflow:hidden;padding:0 1.25rem;transition:max-height 0.4s ease,padding 0.3s ease;background:rgba(0,0,0,0.2);}
.bo-mob-item-active .bo-mob-panel{max-height:2000px;padding:1.25rem;}
.bo-mob-panel-title{font-family:inherit;font-size:1.2rem;font-weight:700;color:#78D7CD !important;margin:0 0 1rem 0;letter-spacing:-0.01em;}
.bo-mob-panel p{font-family:inherit;font-size:0.95rem;font-weight:500;line-height:1.6;color:#EBEAE7;margin:0.5rem 0;}
.bo-mob-panel strong,.bo-mob-panel b{color:#78D7CD;font-weight:700;}
.bo-mob-panel a,.bo-mob-panel a:link,.bo-mob-panel a:visited{color:#78D7CD;text-decoration:underline;font-weight:700;}
.bo-mob-panel a:hover{color:#EBEAE7;}
.bo-mob-panel .bo-mob-prix{font-size:1.875rem;font-weight:700;color:#78D7CD;margin:0.75rem 0;line-height:1;}

.bo-mob-raisons{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.65rem;}
.bo-mob-raisons li{display:flex;align-items:flex-start;gap:0.75rem;margin:0;}
.bo-mob-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#78D7CD;color:#303030;font-family:inherit;font-weight:700;font-size:0.8rem;display:flex;align-items:center;justify-content:center;margin-top:0.1rem;}
.bo-mob-raisons li p{font-family:inherit;font-size:0.95rem;font-weight:500;color:#EBEAE7;line-height:1.5;margin:0;flex:1;}

.bo-mob-bottom a.bo-mob-cta,.bo-mob-bottom a.bo-mob-cta:link,.bo-mob-bottom a.bo-mob-cta:visited{display:block;width:100%;text-align:center;padding:1.1rem 1.5rem;background:#78D7CD;color:#303030;border-radius:15px;margin-top:1rem;font-family:inherit;font-size:1.0625rem;font-weight:700;text-decoration:none;letter-spacing:-0.01em;}
.bo-mob-bottom a.bo-mob-cta:hover{background:#5EC2B8;color:#303030;}

@media (min-width:768px) and (max-width:1024px){
  .bo-mob-top{padding:3.5rem 2.5rem;}
  .bo-mob-top .bo-mob-hook{font-size:3rem;}
  .bo-mob-bottom{padding:3rem 2rem;}
  .bo-mob-id-label{font-size:0.7rem;}
  .bo-mob-id-value{font-size:1rem;}
  .bo-mob-bottom button.bo-mob-tab{font-size:1.125rem;}
  .bo-mob-panel-title{font-size:1.375rem;}
  .bo-mob-panel p,.bo-mob-raisons li p{font-size:1rem;}
}
@media (max-width:380px){
  .bo-mob-top{padding:2rem 1.25rem;}
  .bo-mob-top .bo-mob-hook{font-size:2rem;}
  .bo-mob-bottom{padding:2.5rem 1.25rem;}
  .bo-mob-card.bo-mob-card-active{grid-template-columns:1fr;gap:0.5rem;}
  .bo-mob-bottom button.bo-mob-tab{font-size:1rem;padding:0.85rem 1rem;}
  .bo-mob-panel-title{font-size:1.125rem;}
  .bo-mob-panel .bo-mob-prix{font-size:1.625rem;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e19f5d8 *//* ============================================================
   BO ÉCOLE — PAGE FORMATION DESIGNER UI (TP CDUI)
   Version finale nettoyée v6
   - Branding : turquoise #78D7CD / anthracite #303030
   - Texte sur fond sombre : #E8E8EA (gris clair neutre, pas blanc pur)
   - Typo : Montserrat héritée Elementor (font-family: inherit)
   - Hiérarchie : 20px texte courant / 22px titres cartes / 26px sous-titres
   - Border-radius : 6px onglets nav / 15px CTA boutons
   ============================================================ */


/* ============================================================
   1. VARIABLES
   ============================================================ */
:root {
  --bo-turquoise: #78D7CD;
  --bo-anthracite: #303030;
  --bo-anthracite-light: #3D3D3D;
  --bo-white: #FFFFFF;
  --bo-soft-white: #E8E8EA;
}


/* ============================================================
   2. CONTAINERS & SECTIONS
   ============================================================ */
.bo-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.bo-cdui-section {
  padding: 5rem 0;
  font-family: inherit;
}

.bo-section-dark {
  background: var(--bo-anthracite);
  color: var(--bo-soft-white);
}

.bo-section-turquoise {
  background: var(--bo-turquoise);
  color: var(--bo-anthracite);
}


/* ============================================================
   3. TITRES (font-weight 700 / 500)
   ============================================================ */
.bo-cdui-h2 {
  font-family: inherit;
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0 0 1.5rem 0;
  line-height: 1.1;
}

.bo-section-dark .bo-cdui-h2 { color: var(--bo-turquoise); }
.bo-section-turquoise .bo-cdui-h2 { color: var(--bo-anthracite); }

.bo-cdui-h3 {
  font-family: inherit;
  font-size: 1.75rem;
  font-weight: 700;
  margin: 4rem 0 2rem 0;
}

.bo-section-dark .bo-cdui-h3 { color: var(--bo-turquoise); }

.bo-cdui-intro {
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 0 2.5rem 0;
  max-width: 850px;
}


/* ============================================================
   4. TABS — NAVIGATION HORIZONTALE (border-radius 6px)
   ============================================================ */
.bo-tabs {
  width: 100%;
}

.bo-tabs-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-bottom: 3rem;
}

.bo-tab {
  font-family: inherit;
  font-size: 0.95rem;
  font-weight: 500;
  padding: 0.85rem 1.4rem;
  background: transparent;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

/* Onglets sur fond anthracite */
.bo-section-dark .bo-tab {
  color: var(--bo-turquoise);
  border: 1px solid var(--bo-turquoise);
}

.bo-section-dark .bo-tab:hover {
  background: rgba(120, 215, 205, 0.12);
}

.bo-section-dark .bo-tab[aria-selected="true"] {
  background: var(--bo-turquoise);
  color: var(--bo-anthracite);
  font-weight: 700;
  border-color: var(--bo-turquoise);
}

/* Onglets sur fond turquoise */
.bo-section-turquoise .bo-tab {
  color: var(--bo-anthracite);
  border: 1px solid var(--bo-anthracite);
}

.bo-section-turquoise .bo-tab:hover {
  background: rgba(48, 48, 48, 0.08);
}

.bo-section-turquoise .bo-tab[aria-selected="true"] {
  background: var(--bo-anthracite);
  color: var(--bo-turquoise);
  font-weight: 700;
  border-color: var(--bo-anthracite);
}

/* Indicateur "nouveau" — point pulsant */
.bo-tab-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--bo-turquoise);
  margin-right: 0.5rem;
  vertical-align: middle;
  animation: bo-pulse 2s ease-in-out infinite;
}

.bo-section-dark .bo-tab-new[aria-selected="true"] .bo-tab-dot {
  background: var(--bo-anthracite);
}

@keyframes bo-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(1.3); }
}


/* ============================================================
   5. TABS — CONTENU (panels)
   ============================================================ */
.bo-tabs-content {
  position: relative;
}

.bo-tab-panel {
  display: none;
  animation: bo-fade-in 0.3s ease;
}

.bo-tab-panel.bo-active {
  display: block;
}

@keyframes bo-fade-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.bo-panel-title {
  font-family: inherit;
  font-size: 1.625rem;
  font-weight: 700;
  margin: 0 0 1.5rem 0;
  line-height: 1.3;
}

.bo-section-dark .bo-panel-title { color: var(--bo-turquoise); }
.bo-section-turquoise .bo-panel-title { color: var(--bo-anthracite); }

.bo-tab-panel p,
.bo-tab-panel ul,
.bo-tab-panel ol {
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7;
  margin: 0.85rem 0;
}

.bo-tab-panel ul,
.bo-tab-panel ol {
  padding-left: 1.5rem;
}

.bo-tab-panel li {
  margin: 0.5rem 0;
}

.bo-section-dark .bo-tab-panel,
.bo-section-dark .bo-tab-panel p,
.bo-section-dark .bo-tab-panel li {
  color: var(--bo-soft-white);
}

.bo-section-turquoise .bo-tab-panel,
.bo-section-turquoise .bo-tab-panel p,
.bo-section-turquoise .bo-tab-panel li {
  color: var(--bo-anthracite);
}

/* Strong — override thème WordPress */
.bo-section-turquoise .bo-tab-panel strong,
.bo-section-turquoise .bo-tab-panel b {
  color: var(--bo-anthracite);
  font-weight: 700;
}

.bo-section-dark .bo-tab-panel strong,
.bo-section-dark .bo-tab-panel b {
  color: var(--bo-turquoise);
  font-weight: 700;
}

/* Liens dans panels */
.bo-tab-panel a {
  text-decoration: underline;
  font-weight: 700;
}

.bo-section-dark .bo-tab-panel a { color: var(--bo-turquoise); }
.bo-section-dark .bo-tab-panel a:hover { color: var(--bo-soft-white); }
.bo-section-turquoise .bo-tab-panel a { color: var(--bo-anthracite); }
.bo-section-turquoise .bo-tab-panel a:hover { color: var(--bo-white); }

.bo-panel-meta {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(120, 215, 205, 0.25);
  font-size: 0.95rem;
}

.bo-section-turquoise .bo-panel-meta {
  border-top-color: rgba(48, 48, 48, 0.2);
}


/* ============================================================
   6. PRÉREQUIS — 3 cartes infographie
   ============================================================ */
.bo-prereq-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin: 1.5rem 0 2rem 0;
}

.bo-prereq-card {
  background: rgba(48, 48, 48, 0.06);
  border-radius: 8px;
  padding: 1.5rem;
}

.bo-prereq-num {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--bo-anthracite);
  color: var(--bo-turquoise);
  font-weight: 700;
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.bo-prereq-title {
  font-family: inherit;
  font-size: 1.375rem;
  font-weight: 700;
  color: var(--bo-anthracite);
  margin: 0 0 0.75rem 0;
}

.bo-prereq-card p {
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.55;
  margin: 0;
}

.bo-prereq-sub {
  font-family: inherit;
  font-size: 1.625rem;
  font-weight: 700;
  color: var(--bo-anthracite);
  margin: 2rem 0 0.5rem 0;
}


/* ============================================================
   7. DURÉE — bloc 500h + 150h = 650h
   ============================================================ */
.bo-duree-detail {
  display: flex;
  align-items: stretch;
  gap: 0.75rem;
  margin: 1.5rem 0 2rem 0;
  flex-wrap: wrap;
}

.bo-duree-detail-card {
  flex: 1;
  min-width: 0;
  background: rgba(48, 48, 48, 0.06);
  border-radius: 8px;
  padding: 1.5rem 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bo-duree-detail-card.bo-duree-total {
  background: var(--bo-anthracite);
}

/* Spécificité haute pour forcer texte clair dans bloc total */
.bo-duree-detail-card.bo-duree-total.bo-duree-total p,
.bo-duree-detail-card.bo-duree-total.bo-duree-total strong {
  color: var(--bo-soft-white);
}

.bo-duree-detail-card.bo-duree-total .bo-duree-detail-h {
  color: var(--bo-turquoise);
}

.bo-duree-detail-h {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--bo-anthracite);
  line-height: 1;
  margin-bottom: 0.5rem;
}

.bo-duree-detail-card p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}

.bo-duree-detail-card p strong {
  font-size: 1.125rem;
  display: block;
  margin-bottom: 0.4rem;
}

.bo-duree-detail-plus,
.bo-duree-detail-eq {
  display: flex;
  align-items: center;
  font-size: 2rem;
  font-weight: 700;
  color: var(--bo-anthracite);
  padding: 0 0.25rem;
}


/* ============================================================
   8. DURÉE — 4 cartes rentrées Sept/Oct/Nov/Déc
   ============================================================ */
.bo-duree-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin: 2rem 0;
}

.bo-duree-card {
  background: rgba(48, 48, 48, 0.06);
  border-top: 4px solid var(--bo-anthracite);
  border-radius: 8px;
  padding: 1.5rem 1rem;
  text-align: center;
}

.bo-duree-month {
  font-size: 1rem;
  font-weight: 700;
  color: var(--bo-anthracite);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

.bo-duree-time {
  font-size: 3rem;
  font-weight: 700;
  color: var(--bo-anthracite);
  line-height: 1;
  margin-bottom: 0.75rem;
}

.bo-duree-card p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}

.bo-duree-deadline {
  text-align: center;
  margin-top: 1.5rem;
}


/* ============================================================
   9. TARIF — bloc prix anthracite + chips financements
   ============================================================ */
.bo-tarif-bloc {
  background: var(--bo-anthracite);
  border-radius: 8px;
  padding: 2.5rem 2rem;
  text-align: center;
  margin: 1.5rem 0 2.5rem 0;
}

.bo-tarif-prix {
  font-size: 3.5rem;
  font-weight: 700;
  color: var(--bo-turquoise);
  line-height: 1;
  margin-bottom: 1rem;
}

.bo-tarif-prix span {
  font-size: 1.5rem;
  font-weight: 500;
}

/* Spécificité haute pour forcer texte clair dans bloc anthracite */
.bo-tarif-bloc.bo-tarif-bloc .bo-tarif-detail {
  color: var(--bo-soft-white);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

.bo-tarif-sub {
  font-family: inherit;
  font-size: 1.625rem;
  font-weight: 700;
  margin: 0 0 1rem 0;
  color: var(--bo-anthracite);
}

.bo-finance-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.bo-chip {
  display: inline-block;
  font-family: inherit;
  font-size: 0.85rem;
  font-weight: 700;
  padding: 0.5rem 1rem;
  background: var(--bo-anthracite);
  color: var(--bo-turquoise);
  border-radius: 50px;
}


/* ============================================================
   10. CARTES NUMÉROTÉES
   (Admission, Objectifs, Pédagogie, Évaluation, Handicap)
   ============================================================ */
.bo-admission-intro {
  margin-bottom: 2rem;
  text-align: center;
}

.bo-cards-list,
.bo-steps {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.bo-step {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1.1rem 1.5rem;
  background: rgba(48, 48, 48, 0.06);
  border-radius: 8px;
  margin: 0;
}

.bo-step-num {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--bo-anthracite);
  color: var(--bo-turquoise);
  font-weight: 700;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bo-step-content {
  flex: 1;
}

.bo-step-title {
  font-family: inherit;
  font-size: 1.375rem;
  font-weight: 700;
  color: var(--bo-anthracite);
  margin: 0 0 0.2rem 0;
}

.bo-step-content p {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0;
  line-height: 1.5;
}


/* ============================================================
   11. SECTION RÉASSURANCE — CHIFFRES animés
   ============================================================ */
.bo-chiffres-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin: 2.5rem 0;
}

.bo-chiffre {
  text-align: center;
  padding: 2.5rem 1rem;
  border: 1px solid var(--bo-turquoise);
  border-radius: 8px;
}

.bo-chiffre-num {
  font-family: inherit;
  font-size: 4.5rem;
  font-weight: 700;
  color: var(--bo-turquoise);
  line-height: 1;
  margin-bottom: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0.1rem;
}

.bo-counter {
  display: inline-block;
}

.bo-percent {
  font-size: 2rem;
  font-weight: 700;
}

.bo-chiffre-label {
  font-family: inherit;
  font-size: 1rem;
  color: var(--bo-soft-white);
  font-weight: 500;
}


/* ============================================================
   12. SECTION RÉASSURANCE — TÉMOIGNAGES
   ============================================================ */
.bo-temoignages-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.bo-temoignage-card {
  border: 1px solid var(--bo-turquoise);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.bo-temoignage-photo {
  width: 100%;
  aspect-ratio: 3 / 4;
  background-size: cover;
  background-position: center top;
  background-color: var(--bo-anthracite-light);
}

.bo-temoignage-body {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.bo-temoignage-tag {
  display: inline-block;
  font-family: inherit;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--bo-turquoise);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.85rem;
}

.bo-temoignage-quote {
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 500;
  font-style: italic;
  color: var(--bo-soft-white);
  line-height: 1.6;
  margin: 0 0 1.25rem 0;
  padding: 0;
  border: none;
  flex: 1;
}

.bo-temoignage-name {
  font-family: inherit;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--bo-soft-white);
  margin: 0 0 0.5rem 0;
}

/* Lien interview — spécificité doublée pour battre le thème */
.bo-temoignage-card .bo-temoignage-link,
.bo-temoignage-card a.bo-temoignage-link,
.bo-temoignage-card a.bo-temoignage-link:link,
.bo-temoignage-card a.bo-temoignage-link:visited {
  font-family: inherit;
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--bo-soft-white);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  align-self: flex-start;
  transition: color 0.2s ease;
}

.bo-temoignage-card a.bo-temoignage-link:hover,
.bo-temoignage-card a.bo-temoignage-link:focus,
.bo-temoignage-card a.bo-temoignage-link:active {
  color: var(--bo-turquoise);
  text-decoration-color: var(--bo-turquoise);
}


/* ============================================================
   13. CARTE D'IDENTITÉ — bloc info pratique gauche
   ============================================================ */
.bo-carte-identite {
  font-family: inherit;
  max-width: 360px;
}

.bo-info-row {
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(48, 48, 48, 0.2);
}

.bo-info-row:first-child {
  padding-top: 0;
}

.bo-info-label {
  font-family: inherit;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--bo-anthracite);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 0.25rem;
  opacity: 0.7;
}

.bo-info-value {
  font-family: inherit;
  font-size: 1.625rem;
  font-weight: 700;
  color: var(--bo-anthracite);
  line-height: 1.2;
}


/* ============================================================
   14. 10 RAISONS — colonne manifeste droite
   ============================================================ */
.bo-raisons {
  font-family: inherit;
}

.bo-raisons-title {
  font-family: inherit;
  font-size: 1.625rem;
  font-weight: 700;
  color: var(--bo-anthracite);
  margin: 0 0 1.5rem 0;
  line-height: 1.2;
}

.bo-raisons-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.bo-raison {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin: 0;
}

.bo-raison-num {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--bo-anthracite);
  color: var(--bo-turquoise);
  font-family: inherit;
  font-weight: 700;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.1rem;
}

.bo-raison p {
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--bo-anthracite);
  line-height: 1.5;
  margin: 0;
  flex: 1;
}


/* ============================================================
   15. CTA BOUTONS — border-radius 15px
   (CTA finaux + bouton carte d'identité)
   ============================================================ */

/* Bouton carte d'identité */
.bo-info-cta {
  display: inline-block;
  margin-top: 1.5rem;
  padding: 0.85rem 1.4rem;
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 700;
  background: var(--bo-anthracite);
  color: var(--bo-turquoise);
  border: 1px solid var(--bo-anthracite);
  border-radius: 15px;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
}

.bo-info-cta:link,
.bo-info-cta:visited {
  background: var(--bo-anthracite);
  color: var(--bo-turquoise);
}

.bo-info-cta:hover {
  background: transparent;
  color: var(--bo-anthracite);
}

/* CTA finaux (section turquoise bas de page) */
.bo-cdui-cta-final {
  background: var(--bo-turquoise);
  padding: 5rem 0;
  text-align: center;
}

.bo-cdui-cta-final.bo-cdui-cta-final .bo-cta-h2 {
  display: block;
  font-family: inherit;
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--bo-anthracite);
  margin: 0 0 1rem 0;
  line-height: 1.1;
  text-align: center;
}

.bo-cdui-cta-final.bo-cdui-cta-final .bo-cdui-cta-sub {
  color: var(--bo-anthracite);
  font-family: inherit;
  font-size: 1.15rem;
  font-weight: 500;
  text-align: center;
  margin: 0 0 2.5rem 0;
}

.bo-cdui-cta-final.bo-cdui-cta-final .bo-cdui-cta-buttons {
  display: flex;
  gap: 0.6rem;
  justify-content: center;
  flex-wrap: wrap;
}

.bo-cdui-cta-final.bo-cdui-cta-final a.bo-cta-primary,
.bo-cdui-cta-final.bo-cdui-cta-final a.bo-cta-secondary {
  display: inline-block;
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 500;
  padding: 0.85rem 1.4rem;
  border-radius: 15px;
  text-decoration: none;
  border: 1px solid var(--bo-anthracite);
  cursor: pointer;
  transition: all 0.2s ease;
}

/* Bouton principal — état "actif" par défaut */
.bo-cdui-cta-final.bo-cdui-cta-final a.bo-cta-primary,
.bo-cdui-cta-final.bo-cdui-cta-final a.bo-cta-primary:link,
.bo-cdui-cta-final.bo-cdui-cta-final a.bo-cta-primary:visited {
  background: var(--bo-anthracite);
  color: var(--bo-turquoise);
  font-weight: 700;
}

.bo-cdui-cta-final.bo-cdui-cta-final a.bo-cta-primary:hover {
  background: transparent;
  color: var(--bo-anthracite);
}

/* Bouton secondaire — état "inactif" par défaut */
.bo-cdui-cta-final.bo-cdui-cta-final a.bo-cta-secondary,
.bo-cdui-cta-final.bo-cdui-cta-final a.bo-cta-secondary:link,
.bo-cdui-cta-final.bo-cdui-cta-final a.bo-cta-secondary:visited {
  background: transparent;
  color: var(--bo-anthracite);
}

.bo-cdui-cta-final.bo-cdui-cta-final a.bo-cta-secondary:hover {
  background: rgba(48, 48, 48, 0.08);
}


/* ============================================================
   16. RESPONSIVE TABLETTE (640px – 1024px)
   ============================================================ */
@media (max-width: 1024px) {
  .bo-cdui-section {
    padding: 4rem 0;
  }

  .bo-cdui-h2 {
    font-size: 2rem;
  }

  .bo-tab {
    font-size: 0.9rem;
    padding: 0.7rem 1.1rem;
  }

  .bo-prereq-grid {
    grid-template-columns: 1fr;
  }

  .bo-duree-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .bo-chiffres-grid,
  .bo-temoignages-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .bo-temoignages-grid > :last-child {
    grid-column: 1 / -1;
    max-width: 50%;
    margin: 0 auto;
  }
}


/* ============================================================
   17. RESPONSIVE MOBILE (< 640px)
   ============================================================ */
@media (max-width: 640px) {
  .bo-cdui-section {
    padding: 3rem 0;
  }

  .bo-container {
    padding: 0 1.25rem;
  }

  .bo-cdui-h2 {
    font-size: 1.75rem;
  }

  .bo-cdui-h3 {
    font-size: 1.4rem;
  }

  /* Tabs nav passe en colonne */
  .bo-tabs-nav {
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 2rem;
  }

  .bo-tab {
    width: 100%;
    text-align: left;
    white-space: normal;
  }

  /* Texte courant — 17px sur mobile */
  .bo-cdui-intro,
  .bo-tab-panel p,
  .bo-tab-panel ul,
  .bo-tab-panel ol,
  .bo-tarif-bloc.bo-tarif-bloc .bo-tarif-detail,
  .bo-temoignage-quote,
  .bo-step-content p,
  .bo-raison p {
    font-size: 1.0625rem;
  }

  .bo-prereq-card p,
  .bo-duree-detail-card p,
  .bo-duree-card p {
    font-size: 1rem;
  }

  .bo-duree-detail-card p strong {
    font-size: 1rem;
  }

  /* Sous-titres — 22px sur mobile */
  .bo-panel-title,
  .bo-info-value,
  .bo-raisons-title,
  .bo-prereq-sub,
  .bo-tarif-sub {
    font-size: 1.375rem;
  }

  /* Titres cartes — 19px sur mobile */
  .bo-step-title,
  .bo-prereq-title {
    font-size: 1.1875rem;
  }

  /* Prérequis — cercle plus petit */
  .bo-prereq-num {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }

  /* Durée bloc 500h+150h+650h passe en colonne */
  .bo-duree-detail {
    flex-direction: column;
    gap: 0.5rem;
  }

  .bo-duree-detail-plus,
  .bo-duree-detail-eq {
    justify-content: center;
    padding: 0;
  }

  .bo-duree-grid {
    grid-template-columns: 1fr;
  }

  .bo-duree-time {
    font-size: 2.4rem;
  }

  .bo-duree-month {
    font-size: 0.9rem;
  }

  /* Tarif */
  .bo-tarif-prix {
    font-size: 2.5rem;
  }

  .bo-tarif-prix span {
    font-size: 1.2rem;
  }

  /* Chips */
  .bo-chip {
    font-size: 0.8rem;
    padding: 0.45rem 0.9rem;
  }

  /* Cartes numérotées plus compactes */
  .bo-step {
    padding: 1rem 1.1rem;
    gap: 0.85rem;
  }

  /* Chiffres réassurance — 3 colonnes maintenues */
  .bo-chiffres-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.6rem;
  }

  .bo-chiffre {
    padding: 1.5rem 0.4rem;
  }

  .bo-chiffre-num {
    font-size: 2.4rem;
  }

  .bo-percent {
    font-size: 1.2rem;
  }

  .bo-chiffre-label {
    font-size: 0.75rem;
  }

  /* Témoignages en colonne */
  .bo-temoignages-grid {
    grid-template-columns: 1fr;
  }

  .bo-temoignages-grid > :last-child {
    max-width: 100%;
  }

  /* Lien interview */
  .bo-temoignage-card .bo-temoignage-link,
  .bo-temoignage-card a.bo-temoignage-link {
    font-size: 1rem;
  }

  /* Carte d'identité full width */
  .bo-carte-identite {
    max-width: 100%;
  }

  /* 10 raisons — cercles plus petits */
  .bo-raison-num {
    width: 28px;
    height: 28px;
    font-size: 0.85rem;
  }

  /* CTA finaux en colonne */
  .bo-cdui-cta-final {
    padding: 3rem 0;
  }

  .bo-cdui-cta-final.bo-cdui-cta-final .bo-cta-h2 {
    font-size: 1.5rem;
  }

  .bo-cdui-cta-final.bo-cdui-cta-final .bo-cdui-cta-buttons {
    flex-direction: column;
    align-items: stretch;
  }

  .bo-cdui-cta-final.bo-cdui-cta-final a.bo-cta-primary,
  .bo-cdui-cta-final.bo-cdui-cta-final a.bo-cta-secondary,
  .bo-info-cta {
    width: 100%;
    text-align: center;
    font-size: 1.0625rem;
  }
}


/* ============================================================
   18. RESPONSIVE TRÈS PETITS ÉCRANS (< 380px)
   ============================================================ */
@media (max-width: 380px) {
  .bo-chiffre-num {
    font-size: 1.9rem;
  }

  .bo-percent {
    font-size: 1rem;
  }

  .bo-chiffre-label {
    font-size: 0.7rem;
  }
}/* End custom CSS */