.elementor-2161 .elementor-element.elementor-element-b57c86b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-06d7aac */.hero-formation { background:#0d1b2a; padding:8rem 5rem 4rem; position:relative; overflow:hidden; }
.hero-formation::before { content:''; position:absolute; top:-150px; right:-150px; width:500px; height:500px; background:radial-gradient(circle,rgba(14,116,144,0.2) 0%,transparent 70%); pointer-events:none; }
.breadcrumb { font-size:0.75rem; color:rgba(255,255,255,0.45); margin-bottom:1.2rem; letter-spacing:0.05em; }
.breadcrumb a { color:#0ea5c9; text-decoration:none; }
.breadcrumb span { margin:0 0.5rem; }
.formation-meta-top { display:flex; gap:0.7rem; flex-wrap:wrap; margin-bottom:1.5rem; }
.badge-meta { display:inline-block; font-size:0.72rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; padding:0.3rem 0.9rem; border-radius:2px; }
.badge-cat { background:rgba(14,116,144,0.2); color:#0ea5c9; border:1px solid rgba(14,116,144,0.3); }
.badge-dur { background:rgba(255,255,255,0.07); color:rgba(255,255,255,0.7); border:1px solid rgba(255,255,255,0.1); }
.badge-mod { background:rgba(240,180,41,0.15); color:#f0b429; border:1px solid rgba(240,180,41,0.2); }
.hero-formation h1 { font-family:'DM Serif Display',serif; font-size:clamp(2rem,4vw,3.2rem); color:#fff; line-height:1.15; max-width:1750px; margin-bottom:1.2rem; }
.hero-formation .accroche { color:rgba(255,255,255,0.65); font-size:1rem; line-height:1.75; max-width:680px; margin-bottom:2.5rem; }
.hero-actions { display:flex; gap:1rem; flex-wrap:wrap; }
.btn-pdf { background:#e8612a; color:#fff; padding:0.9rem 2rem; border-radius:2px; font-weight:700; font-size:0.9rem; text-decoration:none; transition:background 0.2s,transform 0.2s; display:inline-flex; align-items:center; gap:0.5rem; }
.btn-pdf:hover { background:#ff7a40; transform:translateY(-2px); }
.btn-ghost { border:1.5px solid rgba(255,255,255,0.25); color:#fff; padding:0.9rem 2rem; border-radius:2px; font-weight:500; font-size:0.9rem; text-decoration:none; transition:border-color 0.2s; display:inline-block; }
.btn-ghost:hover { border-color:#fff; }
.key-strip { background:#0d1b2a; border-top:1px solid rgba(255,255,255,0.07); padding:1.5rem 5rem; display:flex; gap:3rem; flex-wrap:wrap; }
.key-item { display:flex; align-items:center; gap:0.7rem; }
.key-icon { font-size:1.1rem; }
.key-label { font-size:0.75rem; color:#8a9ab0; display:block; }
.key-value { font-size:0.92rem; font-weight:600; color:#fff; display:block; }
.page-body { max-width:1100px; margin:0 auto; padding:4rem 2rem; display:grid; grid-template-columns:1fr 320px; gap:4rem; align-items:start; }
.section-block { margin-bottom:3rem; }
.block-title { display:inline-flex; align-items:center; gap:0.6rem; background:#0d1b2a; color:#fff; font-size:0.75rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; padding:0.45rem 1rem; border-radius:2px; margin-bottom:1.5rem; }
.objectifs-list { list-style:none; display:flex; flex-direction:column; gap:0.7rem; }
.objectifs-list li { display:flex; align-items:flex-start; gap:0.8rem; font-size:0.92rem; color:#333; line-height:1.6; }
.obj-dot { width:8px; height:8px; border-radius:50%; background:#0e7490; flex-shrink:0; margin-top:0.45rem; }
.jour-card { display:grid; grid-template-columns:200px 1fr; border:1px solid #e8e4df; border-radius:6px; overflow:hidden; margin-bottom:8px; }
.jour-label { background:#0d1b2a; color:#fff; padding:1.4rem 1.2rem; display:flex; flex-direction:column; justify-content:center; }
.jour-num { font-size:0.68rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#0ea5c9; margin-bottom:0.3rem; }
.jour-theme { font-size:0.82rem; font-weight:700; color:#fff; line-height:1.4; }
.jour-content { background:#f2ede7; padding:1.4rem 1.5rem; }
.jour-content ul { list-style:none; display:flex; flex-direction:column; gap:0.5rem; }
.jour-content li { font-size:0.85rem; color:#444; line-height:1.6; padding-left:1rem; position:relative; }
.jour-content li::before { content:'—'; position:absolute; left:0; color:#0e7490; font-weight:700; }
.tags-grid { display:flex; flex-wrap:wrap; gap:0.6rem; }
.tag-item { background:#f2ede7; border:1px solid #e0ddd9; color:#444; font-size:0.83rem; padding:0.4rem 0.9rem; border-radius:20px; }
.modalites-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:0.5rem; }
.modalite-card { background:#f2ede7; border-radius:6px; padding:1.2rem 1.4rem; border-left:3px solid #0e7490; }
.modalite-card:nth-child(2) { border-left-color:#f0b429; }
.modalite-card h4 { font-size:0.85rem; font-weight:700; color:#0d1b2a; margin-bottom:0.4rem; }
.modalite-card p { font-size:0.82rem; color:#555; line-height:1.6; }
.modalite-card .price { font-size:1rem; font-weight:800; color:#e8612a; margin-top:0.5rem; }
.sidebar { position:sticky; top:100px; }
.sidebar-card { background:#0d1b2a; border-radius:8px; padding:1.8rem; margin-bottom:1.2rem; }
.sidebar-card h3 { font-family:'DM Serif Display',serif; font-size:1.2rem; color:#fff; margin-bottom:1rem; }
.sidebar-info { display:flex; flex-direction:column; gap:0.8rem; margin-bottom:1.5rem; }
.sidebar-row { display:flex; flex-direction:column; gap:0.2rem; }
.s-label { font-size:0.72rem; color:#8a9ab0; text-transform:uppercase; letter-spacing:0.08em; }
.s-value { font-size:0.9rem; color:#fff; font-weight:600; }
.btn-full { display:block; width:100%; text-align:center; background:#e8612a; color:#fff; padding:0.85rem; border-radius:4px; font-weight:700; font-size:0.9rem; text-decoration:none; transition:background 0.2s; margin-bottom:0.7rem; }
.btn-full:hover { background:#ff7a40; }
.btn-full-outline { display:block; width:100%; text-align:center; border:1.5px solid rgba(255,255,255,0.2); color:#fff; padding:0.85rem; border-radius:4px; font-weight:500; font-size:0.9rem; text-decoration:none; transition:border-color 0.2s; }
.btn-full-outline:hover { border-color:#fff; }
.sessions-card { background:#f2ede7; border-radius:8px; padding:1.8rem; border-top:3px solid #f0b429; }
.sessions-card h3 { font-size:0.8rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#0d1b2a; margin-bottom:1.2rem; }
.session-item { display:flex; align-items:center; justify-content:space-between; padding:0.7rem 0; border-bottom:1px solid #e0ddd9; font-size:0.87rem; }
.session-item:last-child { border-bottom:none; }
.session-date { font-weight:700; color:#0d1b2a; }
.session-places { font-size:0.75rem; color:#0e7490; font-weight:600; }
.sessions-note { font-size:0.75rem; color:#888; margin-top:0.8rem; font-style:italic; }
.cta-catalogue { background:#0d1b2a; padding:5rem; text-align:center; position:relative; overflow:hidden; }
.cta-catalogue h2 { font-family:'DM Serif Display',serif; font-size:clamp(1.8rem,3vw,2.6rem); color:#fff; margin-bottom:1rem; }
.cta-catalogue p { color:rgba(255,255,255,0.6); font-size:1rem; line-height:1.7; max-width:540px; margin:0 auto 2.5rem; }
.cta-form { display:flex; gap:0.8rem; justify-content:center; flex-wrap:wrap; max-width:560px; margin:0 auto; }
.cta-form input { flex:1; min-width:200px; padding:0.85rem 1.2rem; border:1.5px solid rgba(255,255,255,0.15); border-radius:4px; background:rgba(255,255,255,0.06); color:#fff; font-size:0.9rem; outline:none; }
.cta-form input::placeholder { color:rgba(255,255,255,0.35); }
.cta-form button { background:#e8612a; color:#fff; border:none; padding:0.85rem 1.8rem; border-radius:4px; font-size:0.9rem; font-weight:700; cursor:pointer; }
.cta-form button:hover { background:#ff7a40; }
.cta-note { font-size:0.75rem; color:rgba(255,255,255,0.3); margin-top:1rem; }

/* RESPONSIVE */
@media(max-width:900px){
  .hero-formation{padding:6rem 2rem 3rem}
  .key-strip{padding:1.5rem 2rem;gap:1.5rem}
  .page-body{grid-template-columns:1fr;gap:2.5rem;padding:2.5rem 1.5rem}
  .sidebar{position:static}
  .cta-catalogue{padding:3.5rem 2rem}
  .modalites-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .jour-card{grid-template-columns:1fr}
  .cta-form{flex-direction:column}
  .cta-form input,.cta-form button{width:100%}
}/* End custom CSS */