/* Refonte UX CESGM — composants communs, septembre 2026. */
[hidden]{display:none!important}html{scroll-padding-top:105px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.btn{white-space:normal;text-align:center}.skip-link{position:fixed;top:10px;left:-999px;z-index:200;background:white;padding:12px 20px}.skip-link:focus{left:20px}nav.menu{gap:19px}nav.menu a{font-size:14px}.nav-right{gap:10px}.nav-right .btn{padding:12px 16px;font-size:12px}.nav-right .connexion{font-size:13px}.logo-sub{max-width:135px}.nav-deroulant:focus-within .sous-menu{display:block;opacity:1;visibility:visible;transform:none}.sous-menu{max-height:75vh;overflow:auto}.mobile-menu{max-height:calc(100dvh - 74px);overflow:auto}.mobile-menu .btn{display:flex}.mobile-call{display:none}.page-hero{padding:54px 0}.page-hero h1{font-size:clamp(34px,4.5vw,52px)}.page-hero .lead{max-width:760px}.page-corps{padding:58px 0}.image-vedette img{height:280px;object-fit:cover}.bloc{scroll-margin-top:110px}.bloc h2{font-size:28px}.note-discret,.fine{font-size:14px;color:var(--ink-soft);line-height:1.5}.note-discret a,.fine a{text-decoration:underline}.page-grid{gap:42px}.colonne-aside{min-width:0}.aside-cta .btn{width:100%}.reveal{opacity:1;transform:none}.ux-section{padding:72px 0}.ux-section h2{font-size:clamp(28px,3.5vw,40px);max-width:720px;margin-bottom:16px}.ux-section .intro-section{max-width:690px;color:var(--ink-soft);margin-bottom:30px;font-size:18px}.ux-light{background:var(--paper);border-block:1px solid var(--line)}.ux-hero{padding:65px 0 44px}.ux-hero .inner{max-width:none}.hero-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.ux-hero h1{font-size:clamp(40px,4.4vw,61px);max-width:700px}.ux-hero p.intro{max-width:600px;margin-bottom:24px;font-size:19px}.hero-illustration{background:#e7ebf3;border-radius:20px;overflow:hidden;box-shadow:0 20px 55px #050e2540}.hero-illustration img{width:100%;height:auto}.hero-illustration figcaption{background:#fbfaf7;color:var(--ink);padding:15px 21px;font-size:14px}.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}.route{display:flex;flex-direction:column;position:relative;padding:24px;border-radius:13px;background:var(--paper);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s;min-width:0}.route:hover{transform:translateY(-3px);box-shadow:0 12px 28px #16284a18}.route .route-icon{width:45px;height:45px;background:var(--accent-pale);border-radius:11px;display:grid;place-items:center;margin-bottom:18px;font-family:var(--fd);font-size:23px}.route h2,.route h3{font-family:var(--fb);text-transform:none;font-size:23px;line-height:1.2;margin-bottom:10px}.route p{color:var(--ink-soft);font-size:16px;margin-bottom:15px}.route .aller{font-weight:700;margin-top:auto;font-size:15px;text-decoration:underline;text-underline-offset:4px}.route.featured{background:var(--accent);border-color:var(--accent)}.route.featured p{color:#273347}.route.featured .route-icon{background:#ffffff40}.trust-strip{display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap;padding:21px 0;font-size:15px}.trust-strip strong{font-weight:700}.service-grid,.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-tile{padding:27px;background:var(--paper);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:12px;min-width:0}.service-tile h3{font-family:var(--fb);text-transform:none;font-size:22px}.service-tile p{color:var(--ink-soft);font-size:16px}.service-tile a{font-weight:700;text-underline-offset:4px;margin-top:auto}.tile-symbol{font:600 29px var(--fd);color:var(--accent);line-height:1}.ux-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}.ux-steps li{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.ux-steps .step-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--primaire);color:white;font-weight:700;margin-bottom:18px}.ux-steps h3{font-family:var(--fb);text-transform:none;font-size:21px;margin-bottom:10px}.ux-steps p{font-size:16px;color:var(--ink-soft)}.offer-split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.offer-split figure{border-radius:16px;overflow:hidden;background:var(--primaire-pale)}.offer-split figure img{width:100%;height:auto}.offer-split figcaption{font-size:13px;padding:13px 20px;background:var(--paper);color:var(--ink-soft)}.offer-split .btn{margin-top:20px}.course-facts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.course-facts span{background:var(--primaire-pale);padding:8px 13px;border-radius:6px;font-size:15px}.price{font-family:var(--fb);font-size:34px;font-weight:700;line-height:1.15;margin:20px 0 6px}.price-note{font-size:14px;color:var(--ink-soft);margin-bottom:20px}.benefits-table{width:100%;border-collapse:collapse;background:white;font-size:16px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:12px;margin:24px 0}.benefits-table th,.benefits-table td{text-align:left;padding:18px 22px;border-bottom:1px solid var(--line);vertical-align:top;min-width:170px}.benefits-table th{background:var(--primaire-pale)}.benefits-table tr:last-child td{border:0}.ux-callout{border:1px solid #d8c2a0;border-radius:14px;background:var(--accent-pale);padding:27px;margin:28px 0}.ux-callout h3{font-family:var(--fb);text-transform:none;font-size:23px;margin-bottom:10px}.ux-callout p{margin-bottom:16px}.catalogue-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.catalogue-nav a{background:var(--paper);color:var(--ink);border-radius:7px;padding:12px 18px;font-weight:700;text-decoration:none;border:1px solid var(--line)}.catalogue-nav a:hover{background:var(--accent-pale)}.catalogue-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;background:var(--primaire-pale);padding:22px;border-radius:12px;margin:25px 0 14px}.catalogue-controls label{font-size:14px;font-weight:700;display:flex;flex-direction:column;gap:7px}.catalogue-controls input,.catalogue-controls select{width:100%;font:inherit;padding:12px;border:1px solid #a8b3c5;border-radius:6px;background:white;color:var(--ink)}.catalogue-count{margin:10px 0 22px;color:var(--ink-soft);font-size:15px}.fcoligne{padding:62px 0}.fcoligne-tete h2{font-size:35px;max-width:720px}.fcoligne-note{font-size:15px;line-height:1.6}.fcoligne-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.fcoligne-carte{display:flex;flex-direction:column;background:var(--paper);padding:0;overflow:hidden;border:1px solid var(--line);border-radius:13px;min-width:0}.fcoligne-carte .course-art{width:100%;height:165px;object-fit:cover;background:var(--primaire-pale)}.fcoligne-carte .course-body{padding:23px;display:flex;flex-direction:column;flex:1;gap:12px}.fcoligne-carte h3,.fcoligne-carte h4{font-family:var(--fb);text-transform:none;letter-spacing:0;font-size:23px;line-height:1.22;color:var(--ink);margin:0}.fcoligne-carte p{font-size:15px;margin:0;color:var(--ink-soft)}.fcoligne-carte .fcoligne-duree{align-self:start}.fcoligne-carte .course-details{margin:0;font-size:14px}.course-details summary{font-weight:650;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.course-details p{margin:10px 0}.fcoligne-carte .course-bottom{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);display:grid;gap:10px}.fcoligne-carte .course-price{font-size:14px;color:var(--ink-soft)}.fcoligne-carte .btn{font-size:12px;padding:12px 16px}.fcoligne-groupe{margin-top:40px}.contact-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}.contact-choice{display:block;padding:20px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:var(--paper)}.contact-choice strong{display:block;font-size:19px}.contact-choice span{font-size:14px;color:var(--ink-soft)}.contact-choice:hover{border-color:var(--accent)}.demande-context{border-left:4px solid var(--accent);background:var(--accent-pale);padding:16px 20px;margin:15px 0 25px}.demande-context details{margin-top:10px;font-size:14px}.demande-context li{margin:8px 0 8px 18px}.formulaire label{font-weight:650;display:flex;flex-direction:column;gap:6px}.formulaire fieldset,.contact-channel{border:0;margin:0 0 18px;padding:0}.formulaire legend,.contact-channel legend{font-weight:650;margin-bottom:9px}.formulaire .channel-options,.channel-options{display:flex;gap:24px;flex-wrap:wrap}.formulaire .channel-options label,.channel-options label{display:flex;flex-direction:row;align-items:center;gap:8px;font-weight:500}.formulaire input[type=radio],.channel-options input{width:auto}.formulaire textarea{resize:vertical}.formulaire .fine{font-weight:400}.form-feedback{padding:18px;border:1px solid var(--line);border-radius:9px;margin-top:18px}.search-results{max-height:48vh;overflow:auto;margin-top:20px}.search-result{display:block;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none}.search-result strong{display:block}.search-result span{font-size:14px;color:var(--ink-soft)}.search-status{font-size:14px;color:var(--ink-soft);margin-bottom:8px}.overlay.open{overflow:auto}.modal{max-height:90dvh;overflow:auto}.rech-wrap{flex-wrap:wrap}.rech-wrap input{min-width:100px}.assist-fin .assist-summary{font-size:14px;color:#e5eaf3;margin:18px 0}.assist-summary summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.assist-summary li{margin:10px 0 10px 20px}.assist-carte .assist-note,.assist-carte .assist-aide,.assist-carte .assist-retour,.assist-carte .assist-rejouer{color:#c4cedf}.assist-carte .quiz-ctas{display:flex;flex-wrap:wrap;gap:12px}.assist-carte .quiz-ctas .btn{white-space:normal}.services-overview{margin:24px 0}.services-overview .ux-steps{grid-template-columns:repeat(3,1fr)}.services-overview .ux-steps li{padding:18px}.services-overview .ux-steps h3{font-size:18px}.services-overview .ux-steps p{font-size:14px}.section-links{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.section-links a{font-weight:700;border:1px solid var(--line);border-radius:7px;padding:9px 14px;text-decoration:none;background:var(--paper)}.friction-note{border-left:3px solid var(--accent);padding-left:15px;color:var(--ink-soft);font-size:15px;margin:20px 0}.frm_forms .frm_form_field label.frm_primary_label{font-family:var(--fb);font-size:16px}.frm_forms .frm_submit button{background:var(--accent)!important;color:var(--ink)!important;border:0!important;font-weight:700!important}.frm_forms .cesgm-optional .frm_required{display:none}.frm_forms .cesgm-succursale{display:none}
@media(max-width:1180px){nav.menu{display:none}.burger{display:flex}.nav-right .connexion,.nav-right .btn{display:none}.logo-sub{display:none}.mobile-call{display:block;font-size:14px;font-weight:700;text-decoration:none}.hero-layout{gap:30px}.hero-illustration{max-width:390px}}
@media(max-width:850px){.hero-layout{grid-template-columns:1fr}.hero-illustration{display:none}.route-grid,.service-grid,.proof-grid,.fcoligne-grille{grid-template-columns:repeat(2,minmax(0,1fr))}.route-grid .route:last-child{grid-column:1/-1}.offer-split{grid-template-columns:1fr;gap:25px}.offer-split figure{max-width:650px}.ux-steps{gap:12px}.ux-steps li{padding:20px}.catalogue-controls{grid-template-columns:1fr 1fr}.catalogue-controls label:first-child{grid-column:1/-1}.page-grid{grid-template-columns:1fr}.colonne-aside{position:static}.contact-choices{grid-template-columns:1fr}.table-scroll{font-size:15px}}
@media(max-width:560px){.container{padding-inline:20px}.ux-hero{padding:35px 0 27px}.ux-hero h1{font-size:39px;margin-bottom:17px}.ux-hero p.intro{font-size:17px;margin-bottom:16px}.ux-hero .hero-tel{font-size:14px;margin-top:12px}.route-grid{grid-template-columns:1fr;gap:10px;margin-top:25px}.route{display:grid;grid-template-columns:35px 1fr;padding:17px 18px;column-gap:12px}.route .route-icon{grid-row:span 3;width:35px;height:35px;font-size:18px;margin:0}.route h2,.route h3{font-size:21px;margin-bottom:5px}.route p{font-size:14px;margin:0 0 8px}.route .aller{font-size:14px}.route-grid .route:last-child{grid-column:auto}.hero-ctas .btn{width:100%;font-size:13px;padding:13px}.trust-strip{gap:10px;flex-direction:column;font-size:14px}.ux-section{padding:45px 0}.service-grid,.proof-grid,.fcoligne-grille,.ux-steps,.services-overview .ux-steps{grid-template-columns:1fr}.catalogue-controls{grid-template-columns:1fr}.catalogue-controls label:first-child{grid-column:auto}.fcoligne{padding:42px 0}.fcoligne-groupe-tete{align-items:start;flex-direction:column;gap:10px}.fcoligne-tete h2{font-size:30px}.page-hero{padding:35px 0}.page-corps{padding:38px 0}.page-hero .lead{font-size:17px}.benefits-table th,.benefits-table td{padding:13px;min-width:140px}.mobile-call{font-size:13px}.nav-right{gap:7px}.loupe,.burger{width:37px;height:40px}.foot-bas .container{gap:12px;flex-wrap:wrap}.assist-carte{padding:28px 20px}.assist-carte .quiz-ctas .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.route,.btn{transition:none!important}.marquee-inner{animation:none}.btn:hover,.route:hover{transform:none}}

.parcours-programme{margin:25px 0;padding:20px 24px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.parcours-programme summary{font-weight:700;cursor:pointer}.parcours-programme ul{padding-left:22px;margin:18px 0}.parcours-programme li{margin:10px 0;font-size:16px}.parcours-programme h3{margin-top:22px}.parcours-programme p{margin-top:16px}.parcours-programme a{text-underline-offset:3px}

/* Retour William : photos et témoignages, accueil sans dessin. */
.ux-hero .hero-layout{display:block}.ux-hero .inner{max-width:870px}.ux-hero h1{max-width:900px}.formation-photo{height:100%;min-height:340px;overflow:hidden;border-radius:14px}.formation-photo img{width:100%;height:100%;min-height:340px;object-fit:cover}.social-proof{background:var(--primaire);color:#fff}.proof-heading{max-width:790px;margin-bottom:35px}.social-proof h2{color:#fff}.social-proof .eyebrow{color:#e3c798;font-size:16px;margin-bottom:12px}.member-quotes{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}.member-quote{padding:32px 28px;border:1px solid rgba(255,255,255,.22);border-radius:13px;margin:0;display:flex;flex-direction:column}.featured-quote{background:var(--cream);color:var(--ink);border-color:var(--cream)}.member-quote .quote-topic{font-size:13px;font-weight:700;color:#e3c798;margin:0 0 20px}.featured-quote .quote-topic{color:var(--primaire)}.member-quote blockquote{margin:0 0 28px;flex:1}.member-quote blockquote p{font-size:19px;line-height:1.55;color:inherit;margin:0}.featured-quote blockquote p{font-size:23px}.member-quote figcaption{padding:0;background:none;font-size:14px;line-height:1.5;color:inherit}.member-quote figcaption strong,.member-quote figcaption span{display:block}.member-quote figcaption strong{font-size:16px}.member-quote figcaption span{opacity:.85}@media(max-width:950px){.member-quotes{grid-template-columns:1fr 1fr}.featured-quote{grid-column:1/-1}}@media(max-width:560px){.ux-hero h1{font-size:37px}.formation-photo,.formation-photo img{min-height:260px;height:260px}.member-quotes{grid-template-columns:1fr}.member-quote{padding:26px 22px}.featured-quote{grid-column:auto}.featured-quote blockquote p{font-size:22px}}

.ux-hero .inner{max-width:1000px}.ux-hero h1{max-width:1000px;font-size:clamp(37px,4.5vw,54px);line-height:1.14;text-wrap:balance}

.offer-split .formation-photo{height:390px;min-height:0;padding:0}.offer-split .formation-photo img{height:100%;min-height:0;max-height:none;display:block;object-fit:cover}@media(max-width:560px){.offer-split .formation-photo{height:260px}}

.sourced-reviews{grid-template-columns:1.25fr 1fr}.review-source{display:inline-block;margin-top:8px;color:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px}@media(max-width:950px){.sourced-reviews{grid-template-columns:1fr}.sourced-reviews .featured-quote{grid-column:auto}}

/* Retours Isabelle, 2026-09-15 : couleur, alignement et proximité du mot-symbole. */
.logo-cecq{color:inherit;text-align:left;letter-spacing:.02em;margin:0 0 1px 0;line-height:1}footer .logo-cecq{color:inherit}

#capsules-rbq .lien-externe{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.capsule-play{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:50%;background:var(--primaire);color:#fff}.capsule-action{margin-top:auto;font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* Logos partenaires officiels : proportions et couleurs originales conservées. */
.partenaire-logo{height:150px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;margin-bottom:12px;padding:12px}.partenaire-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:126px;object-fit:contain}.logo .logo-cecq{padding:0;text-indent:0}

/* Accès au conseiller conservé dans le menu fixe, y compris sur mobile. */
@media(max-width:1180px){.nav-right .conseiller-nav{display:inline-flex;align-items:center;justify-content:center;max-width:165px;min-height:44px;line-height:1.2}.nav-right .mobile-call{display:none}}
@media(max-width:560px){header .container{gap:8px}.nav-right{gap:8px}.nav-right .conseiller-nav{max-width:142px;padding:10px 12px;font-size:11px}}

/* Révisions Isabelle — 22 septembre 2026 */
header .nav-right .membre-nav{background:var(--primaire,#13334b);color:white;border:1px solid var(--primaire,#13334b);white-space:nowrap;padding:12px 16px;font-size:13px}
header .nav-right{gap:10px}
.contact-choices:has(.contact-rdv){display:block;max-width:760px;margin-bottom:36px}
.contact-rdv{display:block;background:#f7f1e7;border-left:4px solid var(--orange,#b88535);padding:25px 30px;border-radius:8px}
.contact-rdv h2{font-size:28px;margin:0 0 12px}.contact-rdv p{margin:0;line-height:1.7}
.bureau-telephone{font-weight:700;color:var(--primaire);margin:18px 0 8px}.bureau-carte{display:inline-block;margin-top:12px;font-weight:700}
.cesgm-flip{position:relative;min-width:0;min-height:210px;border:1px solid #d5dde3;border-radius:14px;background:#fff;color:var(--primaire,#13334b);box-shadow:0 6px 24px #10283a08;overflow-wrap:anywhere}
.cesgm-flip summary{list-style:none;cursor:pointer;padding:28px;position:relative;outline-offset:5px}
.cesgm-flip summary::-webkit-details-marker{display:none}.cesgm-flip summary:focus-visible{outline:3px solid #b88535;border-radius:12px}
.cesgm-flip .flip-title{display:block;font-size:23px;line-height:1.25;margin:14px 0 20px;font-family:var(--ft,inherit)}
.cesgm-flip .tile-symbol{display:block;font-size:17px;color:inherit;opacity:.8}
.cesgm-flip .flip-hint{display:flex;gap:14px;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;opacity:.8}
.cesgm-flip .flip-hint span{font-size:24px}.cesgm-flip[open] .flip-hint{display:none}
.cesgm-flip .flip-back{padding:0 28px 28px;line-height:1.65}.cesgm-flip .flip-back p{color:inherit;margin:0 0 14px}.cesgm-flip .flip-back a{color:inherit;text-decoration:underline;text-underline-offset:4px;font-weight:600}
.cesgm-flip[open] .flip-back{animation:cesgm-retourner .4s ease both}.cesgm-flip[open] summary{padding-bottom:12px}.cesgm-flip[open] .flip-title{margin-bottom:0}
@keyframes cesgm-retourner{from{transform:perspective(1000px) rotateY(-180deg);opacity:0}to{transform:perspective(1000px) rotateY(0);opacity:1}}
#services .service-grid{align-items:start}#services .cesgm-flip{background:var(--primaire,#13334b);color:#fff;border:0;min-height:250px}
#services .cesgm-flip:nth-child(3n+2){background:#e6c58f;color:#163247}#services .cesgm-flip[open]{background:#e6c58f;color:#163247}
.grille-equipe:has(.cesgm-flip){gap:18px}.cesgm-flip-equipe .flip-title{font-size:21px}.cesgm-flip-equipe[open]{background:#f7f1e7}
.temoignage-invitation{margin-top:30px}.temoignage-invitation p{font-size:14px;margin-top:12px;color:#fff}
.juridique-layout{max-width:980px}.credit-juridique{padding:36px;background:#f7f1e7;border:1px solid #e3c798;border-radius:16px}.credit-juridique .eyebrow{font-size:13px;font-weight:700;letter-spacing:.04em}
.credit-montants{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.credit-montants>div{background:white;border-radius:10px;padding:24px}.credit-montants strong{display:block;font-size:46px;line-height:1.2;color:var(--primaire)}.credit-montants span{display:block;margin-top:10px}.credit-juridique p{line-height:1.7}
@media(max-width:1250px){header .nav-right .conseiller-nav{display:none}header .nav-right .membre-nav{display:inline-flex}}
@media(max-width:600px){header .nav-right .membre-nav{font-size:11px;padding:10px 9px}header .nav-right{gap:7px}.contact-rdv{padding:22px}.credit-juridique{padding:22px}.credit-montants{grid-template-columns:1fr}.cesgm-flip summary{padding:24px}.cesgm-flip .flip-back{padding:0 24px 24px}}
@media(prefers-reduced-motion:reduce){.cesgm-flip[open] .flip-back{animation:none}}

/* Original PIC conservé intact; cadrage des marges blanches à l’affichage. */
.pic-logo{position:relative;overflow:hidden;width:min(100%,360px);aspect-ratio:3.6;background:#fff;margin:0 0 28px;border-radius:8px}
.pic-logo img{position:absolute;width:250%;max-width:none;height:auto;left:-66%;top:-375%}

/* Le conteneur reste immobile pour éviter un survol qui clignote pendant la rotation. */
.cesgm-flip.flip-3d,#services .cesgm-flip.flip-3d{perspective:1100px;background:transparent;border:0;box-shadow:none;min-height:0}
.flip-rotor{display:grid;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1);height:100%}
.flip-3d.is-flipped .flip-rotor{transform:rotateY(180deg)}
.flip-3d .flip-face{grid-area:1/1;min-width:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #d5dde3;border-radius:14px;background:#fff;color:var(--primaire,#13334b);padding:28px;box-shadow:0 6px 24px #10283a08;text-align:left;font:inherit;overflow-wrap:anywhere}
.flip-3d .flip-front{cursor:pointer;width:100%;min-height:230px;display:flex;flex-direction:column;align-items:flex-start}
.flip-3d .flip-hint{margin-top:auto}
.flip-3d .flip-reverse{transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;background:#f7f1e7}
.flip-3d .flip-back{padding:0;animation:none}
.flip-3d .flip-title{margin:10px 0 18px}
.flip-close{border:0;background:transparent;color:inherit;text-decoration:underline;font:inherit;font-size:13px;cursor:pointer;align-self:flex-start;padding:12px 0 0;margin-top:auto}
.flip-front:focus-visible,.flip-close:focus-visible{outline:3px solid #b88535;outline-offset:4px}
#services .flip-3d .flip-front{background:var(--primaire,#13334b);color:#fff;min-height:260px}
#services .flip-3d:nth-child(3n+2) .flip-front,#services .flip-3d .flip-reverse{background:#e6c58f;color:#163247}
#services .service-grid,.grille-equipe:has(.flip-3d){align-items:stretch}
main:has(.contact-rdv) .page-grid{grid-template-columns:minmax(0,1fr)}
@media(max-width:600px){.flip-3d .flip-face{padding:24px}}
@media(prefers-reduced-motion:reduce){.flip-rotor{transition:none}}

/* Lisibilité et ressources RBQ — révision Laurent, 26 septembre 2026. */
.page-corps .colonne-contenu p,.page-corps .colonne-contenu li{font-size:17px;line-height:1.7;color:#354257}
.page-corps .services-overview .ux-steps p{font-size:16px;line-height:1.6}
.page-corps .services-overview .ux-steps h3{font-size:20px}
.rbq-ressources{margin:26px 0;padding:24px;border:1px solid #b9c6d6;border-left:4px solid #bd8b43;border-radius:10px;background:#f2f5f9;color:#182b49}
.rbq-ressources h3{font-size:22px;margin:0 0 12px;color:#182b49}
.rbq-ressources p{font-size:16px!important;color:#354257!important;line-height:1.65}
.rbq-ressources ul,.capsules-directes{padding-left:22px;margin:14px 0}
.rbq-ressources li,.capsules-directes li{margin:12px 0}
.rbq-ressources a,.assist-fin .rbq-ressources a{color:#183f70;font-size:16px;font-weight:700;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.cautionnement-essentiel{padding:26px;background:#f2f5f9;border-left:4px solid #bd8b43;border-radius:10px}
.cautionnement-essentiel p{font-size:18px!important;color:#24354e!important}
@media(max-width:600px){.rbq-ressources,.cautionnement-essentiel{padding:20px}.page-corps .services-overview .ux-steps h3{font-size:18px}}

/* Carte 10 seule sur la dernière rangée : centrée dans la grille à trois colonnes. */
@media(min-width:851px){#services .service-grid>.cesgm-flip-service:nth-child(10):last-child{grid-column:2}}

@media(min-width:900px){.services-overview .ux-steps.licence-etapes{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* PIC — annotations d’Amy Couture, 29 septembre 2026. */
.pic-presentation{display:grid;grid-template-columns:360px minmax(0,1fr);gap:42px;align-items:center;margin-bottom:36px}
.pic-presentation .pic-logo{margin:0;background:transparent;mix-blend-mode:multiply}
.pic-signature h2{font-family:var(--fb,inherit);font-size:clamp(23px,2.3vw,30px);line-height:1.3;text-transform:none;margin:0 0 10px}
.pic-signature p{margin:0;line-height:1.65}
.pic-contacts p{margin:10px 0 0;line-height:1.8}
@media(max-width:900px){.pic-presentation{grid-template-columns:1fr;gap:20px}.pic-presentation .pic-logo{width:min(100%,360px)}}

/* Révision Isabelle, 29 septembre : lisibilité, images et équipe. */
:root{--ink-soft:#445166}
body{background:#fff;font-size:17px}
.page-corps,.bande-groupement,.formation-choix{background:#fff}
.page-hero .lead,.hero p.intro{color:#f0f3f8;line-height:1.7}
.page-corps p,.groupement-intro,.catalogue-extrait{line-height:1.75}
.ux-hero .hero-tel{font-size:clamp(20px,2.2vw,26px);font-weight:600;margin-top:28px;color:#fff}
.ux-hero .hero-tel a{font-size:inherit;color:#fff;font-weight:700;text-underline-offset:5px}
.service-photo{display:block;width:calc(100% + 56px);max-width:none;height:170px;object-fit:cover;margin:-28px -28px 20px;border-radius:14px 14px 0 0}
#services .flip-3d .flip-front{min-height:350px;background:#16284a;color:#fff}
#services .flip-3d .flip-reverse{background:#f5f2ec;color:#16284a;position:relative;isolation:isolate}
#services .flip-reverse:before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--service-image);background-size:cover;background-position:center;opacity:.09;border-radius:14px}
#services .flip-back p{font-size:16px;line-height:1.65;color:#26364b}
#services .flip-title{font-size:23px;line-height:1.3}
.conseil-discret{margin-top:32px;padding:14px 18px;border-top:1px solid #dce2ea;font-size:14px;color:#445166}
.conseil-discret summary{cursor:pointer;font-weight:600}.conseil-discret .liste-cesgm li{font-size:14px}
.equipe-direction{border-left:4px solid var(--accent)}
.mode-symbole svg,.achat-icone svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.achat-icone{display:inline-flex;vertical-align:middle;margin-right:12px;color:#dfb777}
@media(max-width:600px){.service-photo{width:calc(100% + 48px);margin:-24px -24px 18px}.ux-hero .hero-tel{font-size:21px}}

.service-photo-1{--service-image:url("photo-plans-construction.jpg")}

.service-photo-2{--service-image:url("catalogue-structure-bois-768x960.jpg")}

.service-photo-3{--service-image:url("catalogue-denonciation-contrat-768x513.jpg")}

.service-photo-4{--service-image:url("catalogue-gestion-financiere-768x540.jpg")}

.service-photo-5{--service-image:url("catalogue-coaching-rbq-sec-768x512.jpg")}

.service-photo-6{--service-image:url("catalogue-denonciation-contrat-768x513.jpg")}

.service-photo-7{--service-image:url("catalogue-structure-maconnerie-768x512.jpg")}

.service-photo-8{--service-image:url("photo-plans-construction.jpg")}

.service-photo-9{--service-image:url("catalogue-lecture-plans-devis-768x432.jpg")}

.service-photo-10{--service-image:url("photo-plans-construction.jpg")}

.page-hero{background-image:linear-gradient(96deg,#0f1a30f0,#112036d9),url('photo-plans-construction.jpg')}

/* Révisions iMessage Isabelle, 29 septembre : photographie plein cadre et avantages. */
#services .flip-3d .flip-front{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(#10213dcc,#10213df0),var(--service-image) center/cover;color:#fff;justify-content:center;min-height:350px}
#services .flip-3d:nth-child(3n+2) .flip-front{background:linear-gradient(#e6c58fe0,#e6c58ff2),var(--service-image) center/cover;color:#16284a}
#services .flip-front .service-photo{display:none}
#services .flip-front .flip-title{font-size:clamp(24px,2.3vw,32px);line-height:1.18}
#services .flip-front .tile-symbol{opacity:.85}
#services .flip-close{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#services .flip-close:focus-visible{position:relative;width:auto;height:auto;margin:14px 0 0;padding:8px;clip-path:none}
.avantages-coches{margin:48px 0 22px}.avantages-coches ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:16px}.avantages-coches li{display:flex;gap:20px;align-items:flex-start;padding:26px;background:#fff;border:1px solid #d9dee5;border-radius:12px}.avantage-coche{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:50%;background:#e6c58f;color:#16284a;font-size:25px;font-weight:700}.avantages-coches h3{margin:0 0 8px;font-size:23px}.avantages-coches p{margin:5px 0}.avantages-coches .avantage-conditions{font-size:15px;color:#445166}.avantage-conditions a{display:inline-block;font-weight:700;text-decoration:underline}.avantages-coches .avantage-conditions a{color:#243f67}
@media(max-width:600px){.avantages-coches li{padding:20px;gap:14px}.avantage-coche{flex-basis:32px;height:32px;font-size:22px}}

/* Deux modes conservés après confirmation du 29 septembre. */
.modes-grille{grid-template-columns:repeat(2,minmax(0,1fr))}.formation-modes-section .modes-grille.modes-alternatifs{grid-template-columns:minmax(0,1fr);max-width:680px}@media(max-width:700px){.modes-grille{grid-template-columns:1fr}}

/* Logo PIC dans le bandeau, demande Isabelle / M-F du 30 septembre. */
.pic-hero .pic-hero-grille{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:48px}
.pic-hero .pic-hero-logo{background:#fff;border-radius:10px;padding:28px 18px}
.pic-hero .pic-logo{width:100%;margin:0;border-radius:0}
.pic-presentation.pic-presentation-centree{display:block;text-align:center;max-width:920px;margin-inline:auto}
.pic-presentation-centree .pic-signature h2{margin-top:0}
@media(max-width:800px){.pic-hero .pic-hero-grille{grid-template-columns:1fr;gap:26px}.pic-hero .pic-hero-logo{width:min(100%,300px);justify-self:center}}

/* Conseil : puces discrètes, proportionnées aux noms — Isabelle, 30 septembre. */
.conseil-discret .liste-cesgm li{padding-left:16px}.conseil-discret .liste-cesgm li::before{width:4px;height:4px;top:.7em;border-radius:50%}