/* =========================================================================
   Entrepreneur 360 — page dédiée du programme phare
   Complément de formation.css (variables, header, fil d'Ariane, badges,
   accordéons .mod, pied de page). Cette page n'est pas une fiche formation
   du catalogue mais une page de vente : elle enchaîne des sections pleine
   largeur, dont plusieurs sur fond navy, au lieu du gabarit deux colonnes.
   Les composants navy reprennent à l'identique ceux de la section #e360 de
   index.html, pour que la home et la page dédiée restent indiscernables.
   Créée le 2 août 2026.
   ========================================================================= */

/* --- rythme général des sections --- */
.e3-sec{padding:84px 0}
.e3-sec--creme{background:var(--creme)}
.e3-sec--blanc{background:var(--blanc)}
.e3-sec--navy{background:var(--navy);color:#fff}
.e3-sec--navy-dark{background:var(--navy-dark);color:#fff}

.e3-eyebrow{font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);margin-bottom:18px}
.e3-sec--navy .e3-eyebrow,.e3-sec--navy-dark .e3-eyebrow{color:var(--or)}
.e3-h2{font-size:clamp(25px,3.2vw,36px);line-height:1.14;max-width:24ch;margin-bottom:20px}
.e3-sec--navy .e3-h2,.e3-sec--navy-dark .e3-h2{color:#fff}
.e3-intro{font-size:16.5px;color:var(--texte-doux);max-width:64ch;margin-bottom:38px}
.e3-sec--navy .e3-intro,.e3-sec--navy-dark .e3-intro{color:#C3D0E0}
.e3-sec p{max-width:64ch}

/* --- hero --- */
.e3-hero{background:var(--navy);color:#fff;padding:78px 0 84px}
.e3-hero h1{font-size:clamp(32px,5vw,54px);line-height:1.08;color:#fff;margin:16px 0 22px;max-width:20ch}
.e3-hero .e3-eyebrow{color:var(--or)}
.e3-hero-accroche{font-size:18px;color:#C3D0E0;max-width:58ch;margin-bottom:34px}
.e3-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:52px}
.e3-hero-recap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(201,168,76,.45)}
.e3-hero-recap>div{min-width:0;padding:24px 24px 0 0;border-right:1px solid rgba(255,255,255,.14)}
.e3-hero-recap>div:last-child{border-right:0}
.e3-hero-recap>div:not(:first-child){padding-left:24px}
.e3-hero-recap dt{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--or);margin-bottom:10px}
.e3-hero-recap dd{font-family:var(--serif);font-size:18px;line-height:1.34;color:#fff}

/* --- deux colonnes générique --- */
.e3-duo{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px;align-items:start}
.e3-duo>*{min-width:0}
.e3-duo>*:first-child{grid-column:span 6}
.e3-duo>*:last-child{grid-column:8/span 5}

/* --- liste à filet or (reprise de .e360 li) --- */
.e3-liste{list-style:none;border-top:1px solid var(--trait)}
.e3-liste li{position:relative;padding:15px 0 15px 34px;border-bottom:1px solid var(--trait);font-size:15.5px}
.e3-liste li::before{content:"";position:absolute;left:0;top:25px;width:18px;height:1px;background:var(--or)}
.e3-sec--navy .e3-liste,.e3-sec--navy-dark .e3-liste{border-top-color:rgba(255,255,255,.12)}
.e3-sec--navy .e3-liste li,.e3-sec--navy-dark .e3-liste li{border-bottom-color:rgba(255,255,255,.12);color:#E3E9F1}

/* --- encadré des trois phases (repris de .e360-visual) --- */
.e3-visual{border:1px solid rgba(201,168,76,.35);padding:46px 40px}
.e3-visual h3{color:var(--or);font-size:12.5px;font-family:var(--sans);font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:26px}
.e3-phase{padding:20px 0;border-top:1px solid rgba(255,255,255,.14)}
.e3-phase:first-of-type{border-top:0;padding-top:0}
.e3-phase b{display:block;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--or);margin-bottom:8px}
.e3-phase span{display:block;font-family:var(--serif);font-size:18px;line-height:1.38;color:#fff}
.e3-note{font-size:14px;color:#9FB1C6;margin-top:28px}

/* --- cartes « ce programme est fait pour vous si » --- */
.e3-cartes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--trait)}
.e3-cartes>*{min-width:0}
.e3-carte{padding:34px 30px 34px 0;border-right:1px solid var(--trait)}
.e3-carte:last-child{border-right:0}
.e3-carte:not(:first-child){padding-left:30px}
.e3-carte span{display:block;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--bronze);margin-bottom:18px}
.e3-carte h3{font-family:var(--serif);font-size:20px;line-height:1.3;color:var(--navy);margin-bottom:12px}
.e3-carte p{font-size:14.5px;color:var(--texte-doux);line-height:1.68}

/* --- bloc test d'entrée --- */
.e3-test{background:var(--creme);border:1px solid var(--trait);border-left:3px solid var(--or);padding:44px 46px}
.e3-test h2{font-family:var(--serif);font-size:clamp(22px,2.6vw,30px);line-height:1.18;color:var(--navy);margin-bottom:18px;max-width:24ch}
.e3-test p{font-size:15.5px;color:var(--texte-doux);margin-bottom:14px}
.e3-test .btn{margin-top:16px;margin-right:12px}
.e3-test-note{font-size:13.5px;color:var(--texte-doux);margin-top:18px;padding-top:16px;border-top:1px solid var(--trait)}

/* --- frise des saisons --- */
.e3-saisons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--trait)}
.e3-saisons>*{min-width:0}
.e3-saison{padding:32px 26px 32px 0;border-right:1px solid var(--trait)}
.e3-saison:last-child{border-right:0}
.e3-saison:not(:first-child){padding-left:26px}
.e3-saison b{display:block;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);margin-bottom:14px}
.e3-saison h3{font-family:var(--serif);font-size:19px;line-height:1.3;color:var(--navy);margin-bottom:12px}
.e3-saison ul{list-style:none}
.e3-saison li{font-size:14px;color:var(--texte-doux);line-height:1.6;padding:6px 0 6px 16px;position:relative}
.e3-saison li::before{content:"";position:absolute;left:0;top:16px;width:8px;height:1px;background:var(--or-dark)}

/* --- concours et stages (repris de .e360-plus / .ep) --- */
.e3-plus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid rgba(201,168,76,.45)}
.e3-plus>*{min-width:0}
.e3-p{padding:48px 48px 48px 0;border-right:1px solid rgba(255,255,255,.14)}
.e3-p:last-child{border-right:0;padding-left:48px;padding-right:0}
.e3-p-idx{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--or);border:1px solid rgba(201,168,76,.45);padding:7px 13px;margin-bottom:26px}
.e3-p h3{font-size:clamp(22px,2.5vw,29px);color:#fff;line-height:1.18;margin-bottom:20px;max-width:20ch}
.e3-p p{font-size:15.5px;color:#C3D0E0;margin-bottom:16px;max-width:46ch}
.e3-p-list{list-style:none;margin-top:26px;border-top:1px solid rgba(255,255,255,.14)}
.e3-p-list li{position:relative;padding:13px 0 13px 30px;border-bottom:1px solid rgba(255,255,255,.14);font-size:14.5px;color:#E3E9F1}
.e3-p-list li::before{content:"";position:absolute;left:0;top:23px;width:16px;height:1px;background:var(--or)}

/* --- trois piliers de la méthode --- */
.e3-piliers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgba(201,168,76,.45);margin-top:12px}
.e3-piliers>*{min-width:0}
.e3-pilier{padding:40px 40px 40px 0;border-right:1px solid rgba(255,255,255,.14)}
.e3-pilier:last-child{border-right:0}
.e3-pilier:not(:first-child){padding-left:40px}
.e3-pilier span{display:block;font-family:var(--serif);font-size:26px;color:var(--or);margin-bottom:16px}
.e3-pilier h3{font-family:var(--serif);font-size:21px;color:#fff;line-height:1.28;margin-bottom:12px}
.e3-pilier p{font-size:14.5px;color:#C3D0E0;line-height:1.7}
.e3-citation{font-family:var(--serif);font-size:clamp(21px,2.7vw,30px);line-height:1.36;color:var(--or);max-width:26ch;margin-bottom:34px}

/* --- tarif (repris de .e360-tarif-simple) --- */
.e3-tarif{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-top:38px;border-top:1px solid rgba(201,168,76,.45)}
.e3-tarif p{color:#D3DDEA;font-size:16px;max-width:52ch;margin:0}
.e3-tarif b{color:#fff}
.e3-tarif-note{margin-top:32px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);font-size:13.5px;color:#9FB1C6;max-width:78ch}
.e3-tarif-note a{color:var(--or);border-bottom:1px solid rgba(201,168,76,.45)}
.e3-tarif-note a:hover{border-bottom-color:var(--or)}

/* --- bloc Qualiopi, deux colonnes de définitions --- */
.e3-qualiopi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 46px;border-top:1px solid var(--trait)}
.e3-qualiopi>div{padding:20px 0;border-bottom:1px solid var(--trait);min-width:0}
.e3-qualiopi dt{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze);margin-bottom:9px}
.e3-qualiopi dd{font-size:14.5px;line-height:1.72;color:var(--texte-doux)}
.e3-qualiopi dd a{color:var(--navy);border-bottom:1px solid var(--trait-fort)}

/* --- emplacement témoignages en attente de contenu --- */
.e3-temoin-vide{border:1px dashed var(--trait-fort);background:var(--blanc);padding:44px 46px;text-align:center}
.e3-temoin-vide p{font-size:15.5px;color:var(--texte-doux);max-width:56ch;margin:0 auto 8px}
.e3-temoin-vide .e3-temoin-lab{font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--bronze);margin-bottom:16px}
.e3-avis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.e3-avis{background:var(--blanc);border:1px solid var(--trait);border-left:2px solid var(--or);padding:32px}
.e3-avis p{font-size:15px;line-height:1.68;color:var(--texte-doux);margin-bottom:18px}
.e3-avis .who{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--trait)}
.e3-avis .who b{font-family:var(--serif);font-size:16px;font-weight:500;color:var(--navy)}
.e3-avis .who span{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze)}
@media(max-width:760px){.e3-avis-grid{grid-template-columns:1fr}}

/* --- FAQ --- */
.e3-faq{border-top:1px solid var(--trait)}
.e3-faq details{border-bottom:1px solid var(--trait);background:var(--blanc)}
.e3-faq summary{list-style:none;cursor:pointer;padding:22px 26px;display:flex;align-items:baseline;gap:18px;font-family:var(--serif);font-size:18px;color:var(--navy);transition:background .2s}
.e3-faq summary::-webkit-details-marker{display:none}
.e3-faq summary::after{content:"+";margin-left:auto;font-family:var(--sans);font-size:19px;color:var(--or-dark);line-height:1}
.e3-faq details[open] summary::after{content:"\2013"}
.e3-faq summary:hover{background:var(--creme)}
.e3-faq-in{padding:0 26px 26px;border-top:1px solid var(--trait)}
.e3-faq-in p{font-size:15px;color:var(--texte-doux);margin-top:18px;max-width:66ch}
.e3-faq-in a{color:var(--navy);border-bottom:1px solid var(--trait-fort)}

/* --- appel à l'action final --- */
.e3-fin{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px;align-items:start}
.e3-fin>*{min-width:0}
.e3-fin-txt{grid-column:span 7}
.e3-fin-act{grid-column:9/span 4}
.e3-fin h2{color:#fff;font-size:clamp(24px,3vw,34px);margin-bottom:16px;max-width:20ch}
.e3-fin p{color:#C3D0E0;font-size:15.5px;margin-bottom:26px;max-width:52ch}
.e3-fin .btn{margin-right:12px;margin-bottom:12px}
.e3-coord{list-style:none;border-top:1px solid rgba(255,255,255,.14)}
.e3-coord li{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:14.5px;color:#C3D0E0}
.e3-coord b{display:block;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--or);margin-bottom:7px}
.e3-coord a{color:#fff;border-bottom:1px solid rgba(201,168,76,.5)}
.e3-retour{display:inline-block;margin-top:26px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--or);border-bottom:1px solid rgba(201,168,76,.5);padding-bottom:3px}
.e3-retour:hover{color:#fff;border-bottom-color:#fff}

/* --- responsive --- */
@media(max-width:960px){
  .e3-sec{padding:62px 0}
  .e3-hero{padding:56px 0 62px}
  .e3-duo>*:first-child,.e3-duo>*:last-child{grid-column:span 12}
  .e3-visual{margin-top:14px}
  .e3-hero-recap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .e3-hero-recap>div:nth-child(2){border-right:0}
  .e3-hero-recap>div:nth-child(3),.e3-hero-recap>div:nth-child(4){border-top:1px solid rgba(255,255,255,.14);margin-top:20px}
  .e3-hero-recap>div:nth-child(3){padding-left:0}
  .e3-cartes,.e3-saisons{grid-template-columns:repeat(2,minmax(0,1fr))}
  .e3-carte:nth-child(2),.e3-saison:nth-child(2){border-right:0}
  .e3-carte:nth-child(3),.e3-carte:nth-child(4),
  .e3-saison:nth-child(3),.e3-saison:nth-child(4){border-top:1px solid var(--trait)}
  .e3-carte:nth-child(3),.e3-saison:nth-child(3){padding-left:0}
  .e3-plus{grid-template-columns:minmax(0,1fr)}
  .e3-p,.e3-p:last-child{padding:40px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .e3-p:last-child{border-bottom:0}
  .e3-piliers{grid-template-columns:minmax(0,1fr)}
  .e3-pilier,.e3-pilier:not(:first-child){padding:32px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .e3-pilier:last-child{border-bottom:0}
  .e3-qualiopi{grid-template-columns:minmax(0,1fr);gap:0}
  .e3-fin-txt,.e3-fin-act{grid-column:span 12}
}
@media(max-width:640px){
  .e3-sec{padding:52px 0}
  .e3-hero-recap{grid-template-columns:minmax(0,1fr)}
  .e3-hero-recap>div{border-right:0;padding-left:0!important;border-top:1px solid rgba(255,255,255,.14);margin-top:0;padding-top:20px}
  .e3-hero-recap>div:first-child{border-top:0}
  .e3-cartes,.e3-saisons{grid-template-columns:minmax(0,1fr)}
  .e3-carte,.e3-carte:not(:first-child),
  .e3-saison,.e3-saison:not(:first-child){padding-left:0;padding-right:0;border-right:0;border-top:1px solid var(--trait)}
  .e3-carte:first-child,.e3-saison:first-child{border-top:0}
  .e3-visual{padding:34px 26px}
  .e3-test{padding:32px 26px}
  .e3-temoin-vide{padding:32px 24px}
  .e3-faq summary{padding:20px 18px}
  .e3-faq-in{padding:0 18px 22px}
}