/* multi-pages.com — pages « créer » de l'éditeur en ligne (lot 6, BP n° 169, 09/11/2026). Charte : variables --mp-* de mp-v2.css */
.cr{background:var(--mp-papier,#FAF7F1);color:var(--mp-encre,#1F2A44);font-family:var(--mp-texte,'Inter',Arial,sans-serif);overflow-x:clip}
.cr *,.cr *::before,.cr *::after{box-sizing:border-box}
.cr-wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.cr h1,.cr h2,.cr h3{font-family:var(--mp-titre,'Sora','Inter',Arial,sans-serif);color:var(--mp-encre,#1F2A44);letter-spacing:-.01em}
.cr p{line-height:1.65}
.cr a{color:inherit}
.cr p a,.cr-points a,.cr-bref a{color:#0B6B40;text-decoration:underline;text-underline-offset:2px;font-weight:600}
.cr p a:hover,.cr-points a:hover{color:var(--mp-encre,#1F2A44)}
.cr-ht{font-size:.55em;font-weight:700;vertical-align:super;margin-left:.15em;letter-spacing:.02em}

/* En-tête */
.cr-hero{border-bottom:1px solid var(--mp-ligne,#E5E1D8);background:linear-gradient(180deg,#fff 0,var(--mp-papier,#FAF7F1) 100%)}
.cr-hero .cr-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;padding-top:44px;padding-bottom:48px}
.cr-hero h1{font-size:40px;line-height:1.12;margin:10px 0 16px}
.cr-hero .cr-sous{font-size:18px;color:var(--mp-gris,#6B7280);margin:0 0 22px;max-width:620px}
.cr-ctas{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.cr-ctas .mp-btn{font-size:16px;padding:14px 24px}
.cr-prixdep{margin:16px 0 0;font-size:15px;color:var(--mp-encre,#1F2A44)}
.cr-prixdep b{font-size:19px}
.cr-badges{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px}
.cr-badges li{display:inline-flex;align-items:center;gap:7px}
.cr-badges li::before{content:'';width:16px;height:16px;flex:0 0 16px;background:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231DBF73' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}
.cr-vis{position:relative;aspect-ratio:1.25/1;min-height:0}
.cr-vis img{position:absolute;border-radius:6px;box-shadow:0 18px 40px rgba(31,42,68,.18),0 2px 6px rgba(31,42,68,.08);background:#fff;height:auto}
.cr-vis .v1{width:44%;left:4%;top:9%;transform:rotate(-5deg);z-index:1}
.cr-vis .v2{width:46%;left:29%;top:2%;z-index:3}
.cr-vis .v3{width:44%;right:2%;top:12%;transform:rotate(5deg);z-index:2}
.cr-vis.cr-vis-dep img{position:absolute;width:88%;left:6%}
.cr-vis.cr-vis-dep .v1{top:4%;transform:rotate(-2deg)}
.cr-vis.cr-vis-dep .v2{top:44%;left:10%;transform:rotate(1.5deg)}
.cr-vis.cr-vis-cat .v2{width:62%;left:19%;top:30%;border-radius:4px}

/* En bref (réponse directe pour les lecteurs pressés et les assistants IA) */
.cr-bref{margin:34px auto 0;background:#fff;border:1.5px solid var(--mp-ligne,#E5E1D8);border-radius:var(--mp-radius,14px);padding:22px 24px}
.cr-bref h2{font-size:18px;margin:0 0 12px}
.cr-bref dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 18px;margin:0;font-size:15px;line-height:1.5}
.cr-bref dt{font-weight:700}
.cr-bref dd{margin:0;color:#3a4357}

/* Sections */
.cr-sec{padding:52px 0 8px}
.cr-sec h2{font-size:28px;line-height:1.2;margin:0 0 14px}
.cr-sec>.cr-wrap>p,.cr-txt p{max-width:860px;color:#3a4357;font-size:16px;margin:0 0 14px}
.cr-sec .cr-eyebrow{display:inline-block;font-family:var(--mp-titre,'Sora',sans-serif);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0B6B40;background:var(--mp-vert-pale,#E3F7EC);border-radius:999px;padding:5px 12px;margin-bottom:12px}
.cr-hero .cr-eyebrow{display:inline-block;font-family:var(--mp-titre,'Sora',sans-serif);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0B6B40;background:var(--mp-vert-pale,#E3F7EC);border-radius:999px;padding:5px 12px}
.cr-blanc{background:#fff;border-top:1px solid var(--mp-ligne,#E5E1D8);border-bottom:1px solid var(--mp-ligne,#E5E1D8);padding-bottom:48px;margin-top:44px}

/* Étapes */
.cr-etapes{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:cr}
.cr-etapes li{background:#fff;border:1.5px solid var(--mp-ligne,#E5E1D8);border-radius:var(--mp-radius,14px);padding:20px 18px 18px;counter-increment:cr;position:relative}
.cr-blanc .cr-etapes li{background:var(--mp-papier,#FAF7F1)}
.cr-etapes li::before{content:counter(cr);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--mp-vert,#1DBF73);color:var(--mp-encre,#1F2A44);font-weight:800;font-family:var(--mp-titre,'Sora',sans-serif);margin-bottom:12px}
.cr-etapes h3{font-size:16px;margin:0 0 6px}
.cr-etapes p{font-size:14.5px;color:#4b5468;margin:0;line-height:1.55}

/* Points forts en deux colonnes */
.cr-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;list-style:none;padding:0;margin:20px 0 0;max-width:1000px}
.cr-points li{padding-left:30px;position:relative;font-size:15.5px;line-height:1.55;color:#3a4357}
.cr-points li::before{content:'';position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--mp-vert-pale,#E3F7EC) no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B6B40' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}
.cr-points b{color:var(--mp-encre,#1F2A44)}

/* Galerie des modèles */
.cr-mods{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.cr-mod a{display:flex;flex-direction:column;height:100%;text-decoration:none;background:#fff;border:1.5px solid var(--mp-ligne,#E5E1D8);border-radius:var(--mp-radius,14px);overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}
.cr-mod a:hover,.cr-mod a:focus-visible{border-color:var(--cr-c);box-shadow:0 10px 30px rgba(31,42,68,.12);transform:translateY(-2px)}
.cr-mod-scene{position:relative;display:flex;align-items:center;justify-content:center;gap:8%;padding:22px 16px;aspect-ratio:1.45/1;background:linear-gradient(160deg,color-mix(in srgb,var(--cr-c) 10%,#fff) 0,color-mix(in srgb,var(--cr-c) 22%,#fff) 100%)}
.cr-mod-scene img{display:block;border-radius:3px;box-shadow:0 8px 20px rgba(31,42,68,.18);background:#fff;height:auto}
.cr-mod-cv{width:34%}
.cr-mod-int{display:flex;width:50%}
.cr-mod-int img{width:50%}
.cr-mod-int img:first-child{border-radius:3px 0 0 3px}
.cr-mod-int img:last-child{border-radius:0 3px 3px 0}
.cr-mod-scene.cr-dep{flex-direction:column;gap:8px}
.cr-dep .cr-mod-int{flex-direction:column;width:88%;gap:8px}
.cr-dep .cr-mod-int img{width:100%;border-radius:3px!important}
.cr-mod-pied{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px;flex:1}
.cr-mod-pied b{font-family:var(--mp-titre,'Sora',sans-serif);font-size:17px}
.cr-mod-pied span{font-size:14px;color:#4b5468;line-height:1.5}
.cr-mod-pied small{font-size:12.5px;color:var(--mp-gris,#6B7280)}
.cr-mod-pied em{font-style:normal;font-weight:700;font-size:14px;color:#0B6B40;margin-top:auto;padding-top:8px}
.cr-mod-pied em::after{content:' →'}

/* Tableaux */
.cr-tab{overflow-x:auto;margin:20px 0 0;max-width:1000px;-webkit-overflow-scrolling:touch}
.cr-tab table{width:100%;border-collapse:collapse;background:#fff;border:1.5px solid var(--mp-ligne,#E5E1D8);border-radius:var(--mp-radius,14px);overflow:hidden;font-size:15px}
.cr-tab th,.cr-tab td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--mp-ligne,#E5E1D8);vertical-align:top;line-height:1.45}
.cr-tab thead th{background:var(--mp-encre,#1F2A44);color:#fff;font-weight:700;font-size:14px}
.cr-tab tbody tr:last-child td{border-bottom:0}
.cr-tab td:first-child{font-weight:700}
.cr-note{font-size:13.5px!important;color:var(--mp-gris,#6B7280)!important;margin-top:10px!important}

/* Cartes de documents (plaquette / dépliant / catalogue) */
.cr-docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 0}
.cr-doc{display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--mp-ligne,#E5E1D8);border-radius:var(--mp-radius,14px);padding:20px;text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
.cr-doc:hover{border-color:var(--mp-vert,#1DBF73);box-shadow:var(--mp-ombre)}
.cr-doc h3{font-size:18px;margin:0 0 6px}
.cr-doc p{font-size:14.5px;color:#4b5468;margin:0 0 12px;line-height:1.55}
.cr-doc .cr-doc-prix{margin-top:auto;font-size:15px}
.cr-doc .cr-doc-prix b{font-size:20px}
.cr-doc .cr-doc-go{margin-top:10px;font-weight:700;color:#0B6B40;font-size:14.5px}

/* Appel final */
.cr-final{margin:56px 0 0;background:var(--mp-encre,#1F2A44);color:#fff}
.cr-final .cr-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:38px;padding-bottom:38px;flex-wrap:wrap}
.cr-final h2{color:#fff;font-size:26px;margin:0 0 6px}
.cr-final p{color:rgba(255,255,255,.82);margin:0;font-size:16px;max-width:680px}

/* Autres pages de création */
.cr-liens{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cr-liens a{display:block;height:100%;background:#fff;border:1.5px solid var(--mp-ligne,#E5E1D8);border-radius:12px;padding:14px 16px;text-decoration:none;font-weight:700;font-size:15px;line-height:1.35}
.cr-liens a:hover{border-color:var(--mp-encre,#1F2A44)}
.cr-liens a span{display:block;font-weight:400;font-size:13.5px;color:var(--mp-gris,#6B7280);margin-top:4px}
.cr+.brochure-faq,.cr-faq-zone .brochure-faq{margin-top:0}

/* Bloc ajouté sur les pages produits (plaquette-commerciale, impression-catalogues) : sans le verbe « créer » (décision de Sarah) */
.mp-enligne{background:var(--mp-papier,#FAF7F1);padding:8px 0 30px}
.mp-enligne-in{max-width:1240px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.mp-enligne-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 28px;align-items:center;background:#fff;border:1.5px solid var(--mp-ligne,#E5E1D8);border-radius:var(--mp-radius,14px);padding:22px 24px}
.mp-enligne-box h2{font-family:var(--mp-titre,'Sora',sans-serif);font-size:21px;margin:0 0 6px;color:var(--mp-encre,#1F2A44)}
.mp-enligne-box p{margin:0;color:#4b5468;font-size:15px;line-height:1.55}
.mp-enligne-box ul{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px}
.mp-enligne-box li a{color:#0B6B40;font-weight:600}
.mp-enligne-box .mp-btn{white-space:nowrap;box-sizing:border-box;max-width:100%}
.mp-enligne-box,.mp-enligne-box *{box-sizing:border-box}

@media (max-width:1000px){
  .cr-etapes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cr-liens{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:800px){
  .cr-hero .cr-wrap{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:24px;padding-bottom:32px}
  .cr-hero h1{font-size:30px}
  .cr-hero .cr-sous{font-size:16px}
  .cr-vis{max-width:460px;width:100%;margin:0 auto}
  .cr-docs{grid-template-columns:minmax(0,1fr)}
  .cr-points{grid-template-columns:minmax(0,1fr)}
  .cr-sec{padding-top:40px}
  .cr-sec h2{font-size:23px}
  .cr-bref{padding:18px}
  .cr-bref dl{grid-template-columns:minmax(0,1fr);gap:2px}
  .cr-bref dd{margin-bottom:8px}
  .cr-final h2{font-size:22px}
  .cr-final .mp-btn{width:100%}
  .mp-enligne-box{grid-template-columns:minmax(0,1fr);padding:18px}
  .mp-enligne-box .mp-btn{width:100%;white-space:normal}
}
@media (max-width:520px){
  .cr-wrap,.mp-enligne-in{padding:0 16px}
  .cr-ctas .mp-btn{width:100%}
  .cr-etapes,.cr-liens{grid-template-columns:minmax(0,1fr)}
  .cr-mods{grid-template-columns:minmax(0,1fr)}
  .cr-tab th,.cr-tab td{padding:10px;font-size:14px}
}