/* ========================================================================
   AOC ÉDITIONS — ACCUEIL V1.2.0
   Couche de fidélité stricte pour le DOM réel de Divi 4.
   Référence : maquette HTML index.html validée.
   ======================================================================== */

body.aoc-page-accueil #main-content{overflow:hidden}
body.aoc-page-accueil #main-content .et_pb_section,
body.aoc-page-accueil #main-content .et_pb_row,
body.aoc-page-accueil #main-content .et_pb_column,
body.aoc-page-accueil #main-content .et_pb_module{box-sizing:border-box!important}

/* Lignes : neutralise définitivement les largeurs/gouttières générées par Divi. */
body.aoc-page-accueil #main-content .et_pb_row.wrap{
  width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;
  padding-left:34px!important;padding-right:34px!important;
}
body.aoc-page-accueil #main-content .aoc-grid:before,
body.aoc-page-accueil #main-content .aoc-grid:after{content:none!important;display:none!important}
body.aoc-page-accueil #main-content .aoc-grid>.et_pb_column{
  float:none!important;width:auto!important;max-width:none!important;margin:0!important;
}

/* Typographie générale de l'accueil. */
body.aoc-page-accueil #main-content,
body.aoc-page-accueil #main-content .et_pb_text,
body.aoc-page-accueil #main-content .et_pb_text_inner{
  font-family:"Spectral",Georgia,serif!important;font-size:17px;line-height:1.65;color:#182530;
}
body.aoc-page-accueil #main-content h1,
body.aoc-page-accueil #main-content h2,
body.aoc-page-accueil #main-content h3{
  font-family:"Newsreader","Iowan Old Style","Palatino Linotype",Georgia,serif!important;
  font-weight:500!important;line-height:1.02!important;letter-spacing:-.024em!important;padding:0!important;
}
body.aoc-page-accueil #main-content p{padding-bottom:0!important}
body.aoc-page-accueil #main-content .eyebrow{
  font-size:11px!important;line-height:1.65!important;letter-spacing:.26em!important;text-transform:uppercase!important;font-weight:500!important;color:#C16A43!important;
}
body.aoc-page-accueil #main-content .eyebrow.light{color:#D6A23E!important}

/* HERO ------------------------------------------------------------------ */
body.aoc-page-accueil #main-content .hero.aoc-home-hero{
  padding:180px 0 118px!important;min-height:0!important;background:#182530!important;color:#F4EFE4!important;overflow:hidden!important;
}
body.aoc-page-accueil #main-content .hero-grid{display:block!important;position:relative!important;z-index:3!important}
body.aoc-page-accueil #main-content .hero-copy{
  float:none!important;width:755px!important;max-width:755px!important;margin:0!important;padding:26px 0 0 28px!important;position:relative!important;
}
body.aoc-page-accueil #main-content .hero-copy:before{
  content:""!important;position:absolute!important;display:block!important;left:0!important;top:18px!important;bottom:18px!important;width:1px!important;
  background:linear-gradient(180deg,rgba(214,162,62,.9),rgba(214,162,62,.18) 72%,transparent)!important;
}
body.aoc-page-accueil #main-content .hero-copy:after{
  content:""!important;display:block!important;position:absolute!important;inset:-26px -30px -24px -26px!important;
  background:linear-gradient(135deg,rgba(9,18,26,.22),rgba(9,18,26,.04))!important;border:1px solid rgba(244,239,228,.07)!important;
  border-radius:28px!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:-1!important;box-shadow:0 24px 80px rgba(5,10,14,.12)!important;
}
body.aoc-page-accueil #main-content .hero h1{
  color:#F4EFE4!important;font-size:clamp(56px,6.2vw,84px)!important;line-height:1.02!important;max-width:760px!important;margin:0!important;
}
body.aoc-page-accueil #main-content .hero h1 em{color:#D6A23E!important;font-style:italic!important;font-weight:400!important}
body.aoc-page-accueil #main-content .hero .lede{
  width:565px!important;max-width:565px!important;color:#D0D3CF!important;font-size:19px!important;line-height:1.66!important;margin:24px 0 30px!important;
}
/* CTA du hero : vraie grille 2 colonnes pour neutraliser le comportement bloc natif de Divi. */
body.aoc-page-accueil #main-content .hero-copy{
  display:grid!important;grid-template-columns:205px 205px minmax(0,1fr)!important;column-gap:14px!important;row-gap:0!important;align-items:start!important;
}
body.aoc-page-accueil #main-content .hero-copy>.aoc-hero-main-copy,
body.aoc-page-accueil #main-content .hero-copy>.hero-meta,
body.aoc-page-accueil #main-content .hero-copy>.hero-note{grid-column:1/-1!important;width:100%!important}
body.aoc-page-accueil #main-content .hero-copy>.et_pb_button_module_wrapper.aoc-home-inline-action{
  display:block!important;float:none!important;clear:none!important;width:205px!important;min-width:205px!important;max-width:205px!important;margin:0!important;padding:0!important;vertical-align:top!important;text-align:left!important;
}
body.aoc-page-accueil #main-content .hero-copy>.et_pb_button_module_wrapper.primary{grid-column:1!important}
body.aoc-page-accueil #main-content .hero-copy>.et_pb_button_module_wrapper.ghost{grid-column:2!important}
body.aoc-page-accueil #main-content .hero-copy>.aoc-home-inline-action .et_pb_button{
  display:inline-flex!important;width:205px!important;min-width:205px!important;max-width:205px!important;height:54px!important;min-height:54px!important;
  padding:0 24px!important;margin:0!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;text-align:center!important;
  font-family:"Spectral",Georgia,serif!important;font-size:15.5px!important;line-height:1!important;font-weight:400!important;white-space:nowrap!important;
}
body.aoc-page-accueil #main-content .hero-copy>.primary .et_pb_button{background:#D6A23E!important;color:#241A06!important;border:0!important;font-weight:500!important}
body.aoc-page-accueil #main-content .hero-copy>.ghost .et_pb_button{background:rgba(244,239,228,.05)!important;color:#F4EFE4!important;border:1px solid rgba(244,239,228,.22)!important}
body.aoc-page-accueil #main-content .hero-meta{
  display:block!important;clear:both!important;width:100%!important;max-width:727px!important;margin:20px 0 0!important;padding:0!important;
  color:#D8D2C8!important;font-size:12.5px!important;line-height:20.625px!important;letter-spacing:.06em!important;text-transform:uppercase!important;
}
body.aoc-page-accueil #main-content .hero-meta .et_pb_text_inner{display:flex!important;flex-wrap:wrap!important;gap:10px 14px!important;align-items:center!important;color:#D8D2C8!important;font-size:12.5px!important;line-height:20.625px!important;letter-spacing:.06em!important;text-transform:uppercase!important}
body.aoc-page-accueil #main-content .hero-meta span{display:inline-flex!important;align-items:center!important;gap:10px!important}
body.aoc-page-accueil #main-content .hero-meta span+span:before{content:"";width:4px;height:4px;border-radius:50%;background:rgba(214,162,62,.65);display:inline-block;margin-right:2px}
body.aoc-page-accueil #main-content .hero-note{display:block!important;clear:both!important;width:540px!important;max-width:540px!important;margin:16px 0 14px!important;padding:0!important}
body.aoc-page-accueil #main-content .hero-note p{margin:0!important;color:#B8C0BE!important;font-size:14px!important;line-height:23.1px!important;font-style:italic!important}

/* Bande de confiance ---------------------------------------------------- */
body.aoc-page-accueil #main-content .trust{padding:0!important;background:#EFE7D9!important;border-bottom:1px solid rgba(24,37,48,.07)!important}
body.aoc-page-accueil #main-content .trust>.et_pb_row{min-height:56px!important;height:56px!important;padding-top:0!important;padding-bottom:0!important}
body.aoc-page-accueil #main-content .aoc-trust-copy,
body.aoc-page-accueil #main-content .aoc-trust-copy .et_pb_text_inner{height:56px!important;margin:0!important;padding:0!important}
body.aoc-page-accueil #main-content .aoc-trust-copy .et_pb_text_inner{display:flex!important;align-items:center!important;justify-content:center!important;gap:20px!important;flex-wrap:wrap!important;font-size:13px!important;line-height:21.45px!important;color:#6B6256!important;letter-spacing:.03em!important}
body.aoc-page-accueil #main-content .aoc-trust-copy b{width:3px!important;height:3px!important;border-radius:50%!important;background:#C16A43!important;display:block!important}


body.aoc-page-accueil #main-content .hero-copy{
  display:grid!important;
  grid-template-columns:240px 240px!important;
  column-gap:16px!important;
  align-items:start!important;
}
body.aoc-page-accueil #main-content .hero-copy>.aoc-hero-main-copy,
body.aoc-page-accueil #main-content .hero-copy>.hero-meta,
body.aoc-page-accueil #main-content .hero-copy>.hero-note{
  grid-column:1 / -1!important;
}
body.aoc-page-accueil #main-content .hero-copy>.et_pb_button_module_wrapper.aoc-home-inline-action{
  display:block!important;
  width:240px!important;
  min-width:240px!important;
  max-width:240px!important;
  margin:0!important;
}
body.aoc-page-accueil #main-content .hero-copy>.aoc-home-inline-action .et_pb_button{
  width:240px!important;
  min-width:240px!important;
  max-width:240px!important;
  height:62px!important;
  min-height:62px!important;
  padding:0 26px!important;
  justify-content:center!important;
  align-items:center!important;
  font-size:16px!important;
  line-height:1!important;
}

/* CATALOGUE ------------------------------------------------------------- */
body.aoc-page-accueil #main-content .books{padding:112px 0!important;background:#F4EFE4!important}
body.aoc-page-accueil #main-content .section-title{
  display:grid!important;grid-template-columns:minmax(0,1fr) 470px!important;column-gap:40px!important;align-items:end!important;
  margin:0 auto 54px!important;padding-top:0!important;padding-bottom:0!important;min-height:93.125px!important;
}
body.aoc-page-accueil #main-content .section-title h2{font-size:54px!important;line-height:55.08px!important;margin:10px 0 0!important;color:#182530!important}
body.aoc-page-accueil #main-content .section-title-side{align-self:end!important}
body.aoc-page-accueil #main-content .section-title-side p{width:470px!important;max-width:470px!important;margin:0!important;color:#71685B!important;font-size:17.5px!important;line-height:28.875px!important}
body.aoc-page-accueil #main-content .book-feature{
  display:grid!important;grid-template-columns:.92fr 1.08fr!important;column-gap:72px!important;align-items:center!important;
  padding-top:58px!important;padding-bottom:58px!important;margin:0 auto!important;border-top:1px solid rgba(24,37,48,.13)!important;
}
body.aoc-page-accueil #main-content .book-feature.alt{border-bottom:1px solid rgba(24,37,48,.13)!important}
body.aoc-page-accueil #main-content .book-visual{position:relative!important;min-height:500px!important;height:500px!important;display:grid!important;place-items:center!important;overflow:hidden!important}
body.aoc-page-accueil #main-content .book-visual:before{content:""!important;position:absolute!important;display:block!important;width:390px!important;height:390px!important;border-radius:50%!important;background:rgba(214,162,62,.14)!important;left:7%!important;top:9%!important}
body.aoc-page-accueil #main-content .book-feature.alt .book-visual:before{background:rgba(94,151,160,.14)!important;left:auto!important;right:7%!important}
body.aoc-page-accueil #main-content .book-visual>.et_pb_image.cover{
  position:relative!important;z-index:2!important;width:255px!important;max-width:255px!important;margin:0 auto!important;transform:rotate(-2deg)!important;
}
body.aoc-page-accueil #main-content .book-feature.alt .book-visual>.et_pb_image.cover{transform:rotate(2deg)!important}
body.aoc-page-accueil #main-content .book-visual>.cover .et_pb_image_wrap,
body.aoc-page-accueil #main-content .book-visual>.cover img{display:block!important;width:255px!important;max-width:255px!important;height:auto!important}
body.aoc-page-accueil #main-content .book-visual>.cover img{box-shadow:0 30px 56px -27px rgba(24,37,48,.58)!important}
body.aoc-page-accueil #main-content .book-visual>.et_pb_image.ghost-cover{
  position:absolute!important;z-index:1!important;width:205px!important;max-width:205px!important;margin:0!important;opacity:.12!important;filter:saturate(.65)!important;transform:translate(90px,56px) rotate(7deg)!important;
}
body.aoc-page-accueil #main-content .book-feature.alt .book-visual>.et_pb_image.ghost-cover{transform:translate(-92px,55px) rotate(-7deg)!important}
body.aoc-page-accueil #main-content .book-visual>.ghost-cover .et_pb_image_wrap,
body.aoc-page-accueil #main-content .book-visual>.ghost-cover img{width:205px!important;max-width:205px!important;height:auto!important}
body.aoc-page-accueil #main-content .book-copy{
  align-self:center!important;
  display:grid!important;
  grid-template-columns:218px 218px minmax(0,1fr)!important;
  grid-auto-rows:auto!important;
  column-gap:11px!important;
  row-gap:0!important;
  align-items:start!important;
  justify-content:start!important;
}
body.aoc-page-accueil #main-content .book-copy::after{display:none!important;content:none!important}
body.aoc-page-accueil #main-content .book-copy>.book-copy-text{grid-column:1/-1!important;width:100%!important;max-width:none!important}
body.aoc-page-accueil #main-content .book-copy h3{font-size:46px!important;line-height:46.92px!important;margin:8px 0 5px!important;color:#182530!important}
body.aoc-page-accueil #main-content .book-copy .sub{font-style:italic!important;color:#71685B!important;font-size:17px!important;line-height:28.05px!important;max-width:580px!important}
body.aoc-page-accueil #main-content .book-copy .short{font-size:17px!important;line-height:28.05px!important;color:#37464F!important;max-width:590px!important;margin:20px 0!important}
body.aoc-page-accueil #main-content .book-copy .meta{display:flex!important;gap:9px!important;flex-wrap:wrap!important;margin:0 0 25px!important}
body.aoc-page-accueil #main-content .book-copy .meta span{border:1px solid rgba(24,37,48,.12)!important;border-radius:999px!important;padding:7px 12px!important;font-size:12.5px!important;line-height:20.625px!important;color:#645D53!important;background:rgba(255,255,255,.24)!important}
body.aoc-page-accueil #main-content .book-copy>.et_pb_button_module_wrapper.aoc-home-inline-action{
  grid-row:2!important;
  display:block!important;float:none!important;clear:none!important;
  width:218px!important;min-width:218px!important;max-width:218px!important;
  margin:0!important;padding:0!important;vertical-align:top!important;text-align:left!important;
}
body.aoc-page-accueil #main-content .book-copy>.et_pb_button_module_wrapper.aoc-home-inline-action:nth-of-type(2){grid-column:1!important}
body.aoc-page-accueil #main-content .book-copy>.et_pb_button_module_wrapper.aoc-home-inline-action:nth-of-type(3){grid-column:2!important}
body.aoc-page-accueil #main-content .book-copy>.aoc-home-inline-action .et_pb_button{
  display:inline-flex!important;width:218px!important;min-width:218px!important;max-width:218px!important;
  height:58px!important;min-height:58px!important;box-sizing:border-box!important;padding:0 28px!important;
  border-radius:999px!important;justify-content:center!important;align-items:center!important;text-align:center!important;
  font-family:"Spectral",Georgia,serif!important;font-size:16px!important;line-height:1!important;font-weight:500!important;white-space:nowrap!important;
}
body.aoc-page-accueil #main-content .book-copy>.outline .et_pb_button{background:transparent!important;color:#182530!important;border:1px solid rgba(24,37,48,.13)!important}
body.aoc-page-accueil #main-content .book-copy>.dark .et_pb_button{background:#182530!important;color:#F4EFE4!important;border:1px solid #182530!important}

/* INTERLUDE ------------------------------------------------------------- */
body.aoc-page-accueil #main-content .visual-interlude{padding:88px 0!important;background:#182530!important;color:#F4EFE4!important;overflow:hidden!important}
body.aoc-page-accueil #main-content .interlude-grid{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:70px!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important}
body.aoc-page-accueil #main-content .stack{position:relative!important;height:405px!important;min-height:405px!important}
body.aoc-page-accueil #main-content .stack>.et_pb_image{position:absolute!important;width:210px!important;max-width:210px!important;z-index:2!important;margin:0!important}
body.aoc-page-accueil #main-content .stack>.et_pb_image .et_pb_image_wrap,
body.aoc-page-accueil #main-content .stack>.et_pb_image img{width:210px!important;max-width:210px!important;height:auto!important}
body.aoc-page-accueil #main-content .stack>.s1{left:24%!important;top:18px!important;transform:rotate(-8deg)!important}
body.aoc-page-accueil #main-content .stack>.s2{left:47%!important;top:55px!important;transform:rotate(6deg)!important}
body.aoc-page-accueil #main-content .stack:after{content:""!important;position:absolute!important;display:block!important;width:300px!important;height:300px!important;border-radius:50%!important;background:rgba(214,162,62,.22)!important;left:32%!important;top:46px!important;mix-blend-mode:screen!important;z-index:0!important}
body.aoc-page-accueil #main-content .interlude-copy h2{font-size:54px!important;line-height:55.08px!important;max-width:500px!important;margin:0!important;color:#F4EFE4!important}
body.aoc-page-accueil #main-content .interlude-copy p{color:#BBC3C3!important;max-width:500px!important;font-size:17px!important;line-height:28.05px!important;margin:18px 0 0!important}
body.aoc-page-accueil #main-content .triad{display:flex!important;gap:22px!important;margin-top:26px!important;font-family:"Newsreader",Georgia,serif!important;font-size:22px!important;line-height:28.05px!important;color:#EFE7D9!important}

/* PAR OÙ COMMENCER ------------------------------------------------------ */
body.aoc-page-accueil #main-content .start{padding:112px 0!important;background:#F0E9DC!important}
body.aoc-page-accueil #main-content .start-grid{display:grid!important;grid-template-columns:.78fr 1.22fr!important;column-gap:72px!important;align-items:start!important;padding-top:0!important;padding-bottom:0!important}
body.aoc-page-accueil #main-content .start h2{font-size:53px!important;line-height:54.06px!important;margin:10px 0 14px!important;color:#182530!important}
body.aoc-page-accueil #main-content .start-intro{color:#71685B!important;max-width:390px!important;margin:0!important}
body.aoc-page-accueil #main-content .aoc-choice-grid{display:grid!important;grid-template-columns:88px minmax(0,1fr) auto!important;grid-template-rows:135px 136px!important;column-gap:20px!important;align-items:center!important}
body.aoc-page-accueil #main-content .aoc-choice-grid .choice-image,
body.aoc-page-accueil #main-content .aoc-choice-grid .choice-copy,
body.aoc-page-accueil #main-content .aoc-choice-grid .choice-arrow{padding:23px 0!important;margin:0!important;border-top:1px solid rgba(24,37,48,.13)!important;align-self:stretch!important;display:flex!important;align-items:center!important}
body.aoc-page-accueil #main-content .aoc-choice-grid .choice-2{border-bottom:1px solid rgba(24,37,48,.13)!important}
body.aoc-page-accueil #main-content .aoc-choice-grid .choice-image .et_pb_image_wrap,
body.aoc-page-accueil #main-content .aoc-choice-grid .choice-image img{width:66px!important;max-width:66px!important;height:88px!important;object-fit:cover!important}
body.aoc-page-accueil #main-content .choice-copy .et_pb_text_inner{width:100%!important}
body.aoc-page-accueil #main-content .choice-copy h3{font-size:27px!important;line-height:27.54px!important;margin:0 0 4px!important;color:#182530!important}
body.aoc-page-accueil #main-content .choice-copy p{font-size:15px!important;line-height:24.75px!important;margin:0!important;color:#655D52!important;max-width:510px!important}
body.aoc-page-accueil #main-content .choice-arrow{justify-content:flex-end!important;font-size:24px!important;line-height:1!important;color:#C16A43!important;text-align:right!important}
body.aoc-page-accueil #main-content .choice-arrow .et_pb_text_inner{font-size:24px!important;line-height:1!important;color:#C16A43!important;text-align:right!important}

/* À PARAÎTRE ------------------------------------------------------------ */
body.aoc-page-accueil #main-content .soon{padding:112px 0!important;background:#182530!important;color:#F4EFE4!important;overflow:hidden!important}
body.aoc-page-accueil #main-content .soon-layout{display:grid!important;grid-template-columns:.85fr 1.15fr!important;column-gap:74px!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important}
body.aoc-page-accueil #main-content .future-cover{height:420px!important;min-height:420px!important;position:relative!important;display:grid!important;place-items:center!important}
body.aoc-page-accueil #main-content .future-card{width:255px!important;max-width:255px!important;aspect-ratio:.625!important;background:#22343F!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 30px 60px rgba(0,0,0,.2)!important;padding:28px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;transform:rotate(-2deg)!important;position:relative!important;overflow:hidden!important}
body.aoc-page-accueil #main-content .future-card>.et_pb_text_inner{position:relative!important;z-index:2!important;width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}
body.aoc-page-accueil #main-content .soon h2{font-size:54px!important;line-height:55.08px!important;margin:10px 0 16px!important;color:#F4EFE4!important}
body.aoc-page-accueil #main-content .soon p{max-width:560px!important;color:#BDC4C3!important;margin:0 0 24px!important;font-size:17px!important;line-height:28.05px!important}
body.aoc-page-accueil #main-content .soon-line{display:flex!important;gap:28px!important;border-top:1px solid rgba(255,255,255,.15)!important;padding:18px 0!important;color:#D3D5D0!important;font-size:14px!important;line-height:23.1px!important}
body.aoc-page-accueil #main-content .soon-line span:first-child{color:#D6A23E!important;min-width:95px!important}

/* AUTEUR ---------------------------------------------------------------- */
body.aoc-page-accueil #main-content .author{padding:112px 0!important;background:#F4EFE4!important}
body.aoc-page-accueil #main-content .author-grid{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:76px!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important}
body.aoc-page-accueil #main-content .portrait-frame{position:relative!important;min-height:590px!important;height:590px!important;overflow:hidden!important}
body.aoc-page-accueil #main-content .portrait-frame>.et_pb_image,
body.aoc-page-accueil #main-content .portrait-frame .et_pb_image_wrap,
body.aoc-page-accueil #main-content .portrait-frame img{display:block!important;width:100%!important;max-width:none!important;height:590px!important;min-height:590px!important;margin:0!important}
body.aoc-page-accueil #main-content .portrait-frame img{object-fit:cover!important;object-position:center 20%!important;filter:saturate(.88) contrast(.98)!important}
body.aoc-page-accueil #main-content .author h2{font-size:52px!important;line-height:53.04px!important;margin:10px 0 18px!important;color:#182530!important}
body.aoc-page-accueil #main-content .author .shortbio{max-width:550px!important;color:#38474F!important;margin:0 0 22px!important;font-size:17px!important;line-height:28.05px!important}
body.aoc-page-accueil #main-content .author .quote{font-family:"Newsreader",Georgia,serif!important;font-size:28px!important;line-height:37.8px!important;font-style:italic!important;border-left:2px solid #C16A43!important;padding-left:20px!important;margin:24px 0 28px!important;color:#182530!important}
body.aoc-page-accueil #main-content .author .et_pb_button_module_wrapper.btn{display:inline-block!important;width:auto!important;margin:0!important;text-align:left!important}

/* CTA FINAL ------------------------------------------------------------- */
body.aoc-page-accueil #main-content .final{padding:100px 0!important;background:#FBF8F1!important;text-align:center!important}
body.aoc-page-accueil #main-content .final .et_pb_column,
body.aoc-page-accueil #main-content .final .et_pb_text,
body.aoc-page-accueil #main-content .final .et_pb_text_inner{text-align:center!important}
body.aoc-page-accueil #main-content .final .mark{margin:0 auto 18px!important}
body.aoc-page-accueil #main-content .final .eyebrow{display:block!important;text-align:center!important}
body.aoc-page-accueil #main-content .final h2{font-size:52px!important;line-height:53.04px!important;max-width:720px!important;margin:8px auto 13px!important;color:#182530!important}
body.aoc-page-accueil #main-content .final p{max-width:620px!important;margin:0 auto 26px!important;color:#71685B!important;font-size:17px!important;line-height:28.05px!important}
body.aoc-page-accueil #main-content .final .et_pb_button_module_wrapper{text-align:center!important;margin:0!important;width:100%!important}
body.aoc-page-accueil #main-content .final .et_pb_button{display:inline-flex!important;width:auto!important;max-width:none!important;min-height:54px!important;padding:0 28px!important;align-items:center!important;justify-content:center!important;font-family:"Spectral",Georgia,serif!important;font-size:15.5px!important;line-height:1!important;letter-spacing:0!important;border-radius:999px!important;background:#182530!important;color:#F4EFE4!important;border:1px solid #182530!important;box-shadow:0 8px 22px rgba(24,37,48,.10)!important;transform:none!important;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease!important}
body.aoc-page-accueil #main-content .final .et_pb_button:hover{min-height:54px!important;padding:0 28px!important;font-size:15.5px!important;line-height:1!important;letter-spacing:0!important;background:#213441!important;border-color:#213441!important;color:#F4EFE4!important;box-shadow:0 10px 26px rgba(24,37,48,.16)!important;transform:none!important}

/* TABLETTE -------------------------------------------------------------- */
@media(max-width:900px){
  body.aoc-page-accueil #main-content .et_pb_row.wrap{padding-left:23px!important;padding-right:23px!important}
  body.aoc-page-accueil #main-content .hero.aoc-home-hero{padding:150px 0 94px!important}
  body.aoc-page-accueil #main-content .hero-copy{width:100%!important;max-width:none!important;padding:20px 0 0 22px!important}
  body.aoc-page-accueil #main-content .hero h1{font-size:clamp(48px,11vw,65px)!important}
  body.aoc-page-accueil #main-content .hero .lede{width:auto!important;max-width:565px!important}
  body.aoc-page-accueil #main-content .books,
  body.aoc-page-accueil #main-content .start,
  body.aoc-page-accueil #main-content .soon,
  body.aoc-page-accueil #main-content .author{padding:82px 0!important}
  body.aoc-page-accueil #main-content .visual-interlude{padding:70px 0!important}
  body.aoc-page-accueil #main-content .section-title,
  body.aoc-page-accueil #main-content .book-feature,
  body.aoc-page-accueil #main-content .interlude-grid,
  body.aoc-page-accueil #main-content .start-grid,
  body.aoc-page-accueil #main-content .soon-layout,
  body.aoc-page-accueil #main-content .author-grid{grid-template-columns:1fr!important}
  body.aoc-page-accueil #main-content .section-title{display:block!important;min-height:0!important;margin-bottom:30px!important}
  body.aoc-page-accueil #main-content .section-title h2,
  body.aoc-page-accueil #main-content .start h2,
  body.aoc-page-accueil #main-content .soon h2,
  body.aoc-page-accueil #main-content .author h2{font-size:44px!important;line-height:44.88px!important}
  body.aoc-page-accueil #main-content .section-title-side p{width:auto!important;max-width:470px!important;margin-top:12px!important}
  body.aoc-page-accueil #main-content .book-feature{gap:24px!important;padding-top:38px!important;padding-bottom:38px!important}
  body.aoc-page-accueil #main-content .book-visual{min-height:360px!important;height:360px!important}
  body.aoc-page-accueil #main-content .book-visual>.et_pb_image.cover,
  body.aoc-page-accueil #main-content .book-visual>.cover .et_pb_image_wrap,
  body.aoc-page-accueil #main-content .book-visual>.cover img{width:205px!important;max-width:205px!important}
  body.aoc-page-accueil #main-content .book-visual>.et_pb_image.ghost-cover,
  body.aoc-page-accueil #main-content .book-visual>.ghost-cover .et_pb_image_wrap,
  body.aoc-page-accueil #main-content .book-visual>.ghost-cover img{width:165px!important;max-width:165px!important}
  body.aoc-page-accueil #main-content .book-copy h3{font-size:38px!important;line-height:38.76px!important}
  body.aoc-page-accueil #main-content .stack{height:330px!important;min-height:330px!important}
  body.aoc-page-accueil #main-content .stack>.et_pb_image,
  body.aoc-page-accueil #main-content .stack>.et_pb_image .et_pb_image_wrap,
  body.aoc-page-accueil #main-content .stack>.et_pb_image img{width:170px!important;max-width:170px!important}
  body.aoc-page-accueil #main-content .interlude-copy h2{font-size:45px!important;line-height:45.9px!important}
  body.aoc-page-accueil #main-content .aoc-choice-grid{grid-template-columns:66px minmax(0,1fr) auto!important;grid-template-rows:auto!important}
  body.aoc-page-accueil #main-content .aoc-choice-grid .choice-image .et_pb_image_wrap,
  body.aoc-page-accueil #main-content .aoc-choice-grid .choice-image img{width:54px!important;max-width:54px!important;height:72px!important}
  body.aoc-page-accueil #main-content .future-cover{height:350px!important;min-height:350px!important}
  body.aoc-page-accueil #main-content .future-card{width:215px!important;max-width:215px!important}
  body.aoc-page-accueil #main-content .portrait-frame,
  body.aoc-page-accueil #main-content .portrait-frame>.et_pb_image,
  body.aoc-page-accueil #main-content .portrait-frame .et_pb_image_wrap,
  body.aoc-page-accueil #main-content .portrait-frame img{height:470px!important;min-height:470px!important}
}

/* MOBILE ---------------------------------------------------------------- */
@media(max-width:560px){
  body.aoc-page-accueil #main-content .hero-copy{display:block!important}
  body.aoc-page-accueil #main-content .hero-copy>.et_pb_button_module_wrapper.aoc-home-inline-action{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0 0 10px!important}
  body.aoc-page-accueil #main-content .hero-copy>.aoc-home-inline-action .et_pb_button{width:100%!important;min-width:0!important;max-width:none!important;height:58px!important;min-height:58px!important}
  body.aoc-page-accueil #main-content .book-copy>.et_pb_button_module_wrapper.aoc-home-inline-action{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0 0 12px!important}
  body.aoc-page-accueil #main-content .book-copy>.aoc-home-inline-action .et_pb_button{width:100%!important;min-width:0!important;max-width:none!important;height:62px!important;min-height:62px!important;justify-content:center!important}

  body.aoc-page-accueil #main-content .book-copy{grid-template-columns:1fr!important;column-gap:0!important}
  body.aoc-page-accueil #main-content .book-copy>.book-copy-text{grid-column:1!important}
  body.aoc-page-accueil #main-content .book-copy>.et_pb_button_module_wrapper.aoc-home-inline-action{grid-column:1!important;grid-row:auto!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0 0 10px!important}
  body.aoc-page-accueil #main-content .book-copy>.aoc-home-inline-action .et_pb_button{width:100%!important;min-width:0!important;max-width:none!important;height:58px!important;min-height:58px!important}

  body.aoc-page-accueil #main-content,body.aoc-page-accueil #main-content .et_pb_text,body.aoc-page-accueil #main-content .et_pb_text_inner{font-size:16.5px}
  body.aoc-page-accueil #main-content .hero h1{font-size:46px!important}
  body.aoc-page-accueil #main-content .hero .lede{font-size:17.5px!important}
  body.aoc-page-accueil #main-content .hero-copy{grid-template-columns:1fr!important;column-gap:0!important}
  body.aoc-page-accueil #main-content .hero-copy>.aoc-hero-main-copy,
  body.aoc-page-accueil #main-content .hero-copy>.hero-meta,
  body.aoc-page-accueil #main-content .hero-copy>.hero-note,
  body.aoc-page-accueil #main-content .hero-copy>.et_pb_button_module_wrapper.aoc-home-inline-action{grid-column:1!important}
  body.aoc-page-accueil #main-content .hero-copy>.et_pb_button_module_wrapper.aoc-home-inline-action{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0 0 10px!important}
  body.aoc-page-accueil #main-content .hero-copy>.aoc-home-inline-action .et_pb_button{width:100%!important;min-width:0!important;max-width:none!important;height:54px!important;min-height:54px!important;justify-content:center!important}
  body.aoc-page-accueil #main-content .hero-meta{margin-top:10px!important}
  body.aoc-page-accueil #main-content .book-visual{min-height:320px!important;height:320px!important}
  body.aoc-page-accueil #main-content .book-visual>.et_pb_image.cover,
  body.aoc-page-accueil #main-content .book-visual>.cover .et_pb_image_wrap,
  body.aoc-page-accueil #main-content .book-visual>.cover img{width:185px!important;max-width:185px!important}
  body.aoc-page-accueil #main-content .book-visual>.et_pb_image.ghost-cover,
  body.aoc-page-accueil #main-content .book-visual>.ghost-cover .et_pb_image_wrap,
  body.aoc-page-accueil #main-content .book-visual>.ghost-cover img{width:145px!important;max-width:145px!important}
  body.aoc-page-accueil #main-content .book-copy h3{font-size:34px!important;line-height:34.68px!important}
  body.aoc-page-accueil #main-content .book-copy>.et_pb_button_module_wrapper.aoc-home-inline-action{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0 0 10px!important}
  body.aoc-page-accueil #main-content .book-copy>.aoc-home-inline-action .et_pb_button{width:100%!important;min-width:0!important;max-width:none!important;justify-content:center!important}
  body.aoc-page-accueil #main-content .stack{height:290px!important;min-height:290px!important}
  body.aoc-page-accueil #main-content .stack>.et_pb_image,
  body.aoc-page-accueil #main-content .stack>.et_pb_image .et_pb_image_wrap,
  body.aoc-page-accueil #main-content .stack>.et_pb_image img{width:145px!important;max-width:145px!important}
  body.aoc-page-accueil #main-content .stack>.s1{left:15%!important}
  body.aoc-page-accueil #main-content .stack>.s2{left:46%!important}
  body.aoc-page-accueil #main-content .interlude-copy h2{font-size:41px!important;line-height:41.82px!important}
  body.aoc-page-accueil #main-content .triad{font-size:18px!important;gap:9px!important}
  body.aoc-page-accueil #main-content .aoc-choice-grid{grid-template-columns:55px minmax(0,1fr)!important;column-gap:14px!important}
  body.aoc-page-accueil #main-content .aoc-choice-grid .choice-arrow{display:none!important}
  body.aoc-page-accueil #main-content .aoc-choice-grid .choice-image .et_pb_image_wrap,
  body.aoc-page-accueil #main-content .aoc-choice-grid .choice-image img{width:50px!important;max-width:50px!important;height:67px!important}
}

/* V1.2.4 — CTA final : hover premium sans layout shift */
body.aoc-page-accueil #main-content .final .et_pb_button_module_wrapper .et_pb_button,
body.aoc-page-accueil #main-content .final .et_pb_button_module_wrapper .et_pb_button:hover{
  transform:none!important;
  padding:0 30px!important;
  height:62px!important;
  min-height:62px!important;
  border-width:1px!important;
}
body.aoc-page-accueil #main-content .final .et_pb_button_module_wrapper .et_pb_button:hover{
  box-shadow:0 10px 24px rgba(24,37,48,.14)!important;
  filter:brightness(1.02)!important;
}


/* V1.2.5 — surcouche finale : tous les boutons de l'accueil plus gros */
body.aoc-page-accueil #main-content .et_pb_button_module_wrapper.btn .et_pb_button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:66px!important;
  height:66px!important;
  padding:0 34px!important;
  font-size:18px!important;
  line-height:1!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}

/* Hero : deux CTA plus gros et réellement côte à côte */
body.aoc-page-accueil #main-content .hero-copy{
  display:grid!important;
  grid-template-columns:260px 260px!important;
  column-gap:18px!important;
  row-gap:0!important;
  align-items:start!important;
}
body.aoc-page-accueil #main-content .hero-copy>.aoc-hero-main-copy,
body.aoc-page-accueil #main-content .hero-copy>.hero-meta,
body.aoc-page-accueil #main-content .hero-copy>.hero-note{
  grid-column:1 / -1!important;
}
body.aoc-page-accueil #main-content .hero-copy>.et_pb_button_module_wrapper.aoc-home-inline-action{
  display:block!important;
  width:260px!important;
  min-width:260px!important;
  max-width:260px!important;
  margin:0!important;
}
body.aoc-page-accueil #main-content .hero-copy>.et_pb_button_module_wrapper.aoc-home-inline-action .et_pb_button{
  width:260px!important;
  min-width:260px!important;
  max-width:260px!important;
  height:66px!important;
  min-height:66px!important;
  padding:0 34px!important;
  font-size:18px!important;
}

/* Fiches livres : CTA plus gros que les pastilles, largeur identique */
body.aoc-page-accueil #main-content .book-copy>.et_pb_button_module_wrapper.aoc-home-inline-action{
  display:inline-flex!important;
  width:260px!important;
  min-width:260px!important;
  max-width:260px!important;
  margin:0 16px 0 0!important;
  vertical-align:top!important;
}
body.aoc-page-accueil #main-content .book-copy>.et_pb_button_module_wrapper.aoc-home-inline-action:last-of-type{
  margin-right:0!important;
}
body.aoc-page-accueil #main-content .book-copy>.et_pb_button_module_wrapper.aoc-home-inline-action .et_pb_button{
  width:260px!important;
  min-width:260px!important;
  max-width:260px!important;
  height:66px!important;
  min-height:66px!important;
  padding:0 34px!important;
  font-size:18px!important;
}

/* Dernier CTA : plus gros aussi, sans aucun layout shift au hover */
body.aoc-page-accueil #main-content .final .et_pb_button_module_wrapper .et_pb_button,
body.aoc-page-accueil #main-content .final .et_pb_button_module_wrapper .et_pb_button:hover,
body.aoc-page-accueil #main-content .final .et_pb_button_module_wrapper .et_pb_button:focus{
  min-width:266px!important;
  width:auto!important;
  height:66px!important;
  min-height:66px!important;
  padding:0 36px!important;
  font-size:18px!important;
  line-height:1!important;
  transform:none!important;
  border-width:1px!important;
}
body.aoc-page-accueil #main-content .final .et_pb_button_module_wrapper .et_pb_button:hover,
body.aoc-page-accueil #main-content .final .et_pb_button_module_wrapper .et_pb_button:focus{
  box-shadow:0 10px 24px rgba(24,37,48,.14)!important;
  filter:brightness(1.02)!important;
}

/* CTA auteur : un peu plus généreux aussi */
body.aoc-page-accueil #main-content .author .et_pb_button_module_wrapper.btn .et_pb_button{
  min-width:260px!important;
  height:66px!important;
  min-height:66px!important;
  padding:0 34px!important;
  font-size:18px!important;
}

@media(max-width:980px){
  body.aoc-page-accueil #main-content .hero-copy{display:block!important}
  body.aoc-page-accueil #main-content .hero-copy>.et_pb_button_module_wrapper.aoc-home-inline-action,
  body.aoc-page-accueil #main-content .book-copy>.et_pb_button_module_wrapper.aoc-home-inline-action{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0 0 12px!important;
  }
  body.aoc-page-accueil #main-content .hero-copy>.et_pb_button_module_wrapper.aoc-home-inline-action .et_pb_button,
  body.aoc-page-accueil #main-content .book-copy>.et_pb_button_module_wrapper.aoc-home-inline-action .et_pb_button,
  body.aoc-page-accueil #main-content .final .et_pb_button_module_wrapper .et_pb_button,
  body.aoc-page-accueil #main-content .author .et_pb_button_module_wrapper.btn .et_pb_button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}